:root{font-family:system-ui,-apple-system,sans-serif;color:#19374b;background:#f3f7f9}*{box-sizing:border-box}body{margin:0}.app{min-height:100dvh;display:grid;grid-template-columns:310px 1fr}.brand{padding:36px 30px;background:#163951;color:#fff;display:flex;flex-direction:column}.logo{font-size:30px;font-weight:750;color:#a9f1d2;text-decoration:none;display:flex;gap:12px;align-items:center}.logo span{color:white}.tag{font-size:13px;color:#c4dae6;margin:12px 0}.intro{margin:auto 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#638195}.intro .eyebrow{color:#a9f1d2}.intro h1{font-size:35px;line-height:1.18;letter-spacing:-1px}.intro p,.intro li{font-size:15px;line-height:1.7;color:#d7e7ef}.intro ul{padding-left:20px}.intro li{margin:12px 0}.brand footer{color:#a7c1d1;font-size:12px;margin-top:50px}main{padding:40px;max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}h2{margin:7px 0 14px;letter-spacing:-.6px}.secure{color:#21634d;background:#e1f4eb;padding:10px 14px;border-radius:30px;font-size:12px;white-space:nowrap}.auth{max-width:480px;margin:6vh auto;background:white;padding:32px;border:1px solid #e1e9ef;border-radius:22px;box-shadow:0 10px 40px #16395108}.muted{color:#627888;font-size:14px;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select,button{font:inherit;border-radius:11px;min-height:48px;border:1px solid #d5e0e7;padding:10px 14px}input,select{width:100%;margin-top:8px;background:white;color:#19374b}button{cursor:pointer;background:white;color:#19374b;font-size:14px;font-weight:600}button:hover{border-color:#528d84;background:#f2faf7}button:disabled{opacity:.5;cursor:wait}.primary{background:#194b77;color:white;border-color:#194b77}.primary:hover{background:#163951}.auth button{width:100%;margin:6px 0}.text{border-color:transparent;background:transparent;color:#42667e}input:focus,button:focus-visible,select:focus{outline:3px solid #a9dace;outline-offset:2px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar p{font-size:18px;font-weight:650}.toolbar div{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:20px}article{background:white;border:1px solid #dde7ed;border-radius:20px;padding:24px}article h3{margin:0 0 12px;font-size:20px}article h4{margin:24px 0 8px}.badge{display:inline-block;border-radius:20px;padding:7px 11px;font-size:12px;background:#edf2f6;color:#627888}.badge.online{background:#e1f4eb;color:#21634d}.actions{display:flex;gap:8px;margin:16px 0}.actions button{flex:1}.danger{color:#9a3838;background:#fff5f4;border-color:#f0d9d5}.rule,.request{padding:14px 0;border-top:1px solid #e9eff3}.rule button{margin-top:8px;width:100%}details{margin-top:20px}summary{cursor:pointer;font-size:13px;color:#567489}#status{white-space:pre-wrap;background:#e8f2f0;color:#214a42;border-radius:12px;line-height:1.5;padding:14px}#status:empty{display:none}#qrImage{width:100%;max-width:320px;display:block;margin:12px auto}[hidden]{display:none!important}@media(max-width:850px){.app{grid-template-columns:1fr}.brand{padding:20px 24px}.logo{font-size:25px}.intro,.brand footer{display:none}.tag{margin:6px 0 0}main{padding:24px 18px}header{align-items:flex-start;margin-bottom:20px}.secure{font-size:11px;padding:8px}.auth{margin:20px auto;padding:24px}.toolbar div{width:100%}.toolbar button{flex:1}}