:root{font-family:system-ui;color:#182033;background:#f3f5f7}*{box-sizing:border-box}body{margin:0}header{background:#192645;padding:18px;display:flex;justify-content:space-between}header a{color:white;text-decoration:none;font-weight:900}main{max-width:900px;margin:auto;padding:18px}section,.item{background:white;border:1px solid #dce2e8;border-radius:12px;padding:18px;margin:16px 0}form{display:grid;gap:10px;margin:10px 0}input,select,button,.btn{font:inherit;min-height:50px;padding:12px;border-radius:8px;border:1px solid #bbc3cc}button,.btn{background:#192645;color:white;font-weight:800;text-decoration:none;text-align:center}.danger{background:#a52323}.cards,.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards div,.modes a{background:white;padding:18px;border:1px solid #dce2e8;border-radius:10px;text-decoration:none;color:inherit;text-align:center}.cards b,.modes b{display:block;font-size:24px}.modes{grid-template-columns:1fr 1fr;margin:16px 0}.row{display:block;padding:14px;border-bottom:1px solid #ddd;text-decoration:none;color:inherit}.item{display:grid;grid-template-columns:1fr 1fr}.item img{width:180px}.item small{display:block}.flash{background:#fff3cd;padding:12px}@media(max-width:600px){.cards{grid-template-columns:1fr 1fr}.item{grid-template-columns:1fr}.modes a{padding:18px 6px}}.secondary{display:inline-block;margin-top:10px;background:#536078}.qrbox{text-align:center}.progress{display:grid;gap:8px;margin:12px 0}.step{padding:12px;border:1px solid #bbc3cc;border-radius:8px;background:#f3f5f7}.step.done{font-weight:800;background:#e8f5e9}.step.current{font-weight:900;border:2px solid #192645;background:#fff}.modes a.active{font-weight:900;border:2px solid #192645}