:root{font-family:system-ui,Segoe UI,sans-serif;color:#14243c;background:#f0f3f6;font-size:17px;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#fff;display:flex;align-items:center;gap:24px;padding:14px 5%;border-bottom:1px solid #d0d9e2}header img{object-fit:contain}#account{margin-left:auto;display:flex;align-items:center;gap:16px}main{max-width:1400px;margin:36px auto;padding:0 28px;min-height:65vh}h1{font-size:2rem;letter-spacing:-.035em;margin:12px 0}h2{font-size:1.2rem;margin:0 0 15px}p{line-height:1.6}.muted,small{color:#536477}small{display:block;font-size:.82rem;margin-top:6px}.badge{background:#e6eee8;color:#245b40;border-radius:25px;padding:8px 14px;font-size:.8rem;font-weight:650}.private{max-width:640px;margin:65px auto;background:white;padding:40px;border:1px solid #c9d4de;border-radius:22px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700;color:#3c6253}.code{font-family:monospace;font-size:2rem;letter-spacing:.12em;background:#e9eff4;padding:18px;border-radius:12px;text-align:center}.actions,nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}nav{margin:28px 0}button,.button{appearance:none;font:inherit;font-weight:600;background:#fff;border:1px solid #526d83;border-radius:10px;padding:12px 18px;color:#17344e;cursor:pointer;text-decoration:none}button:hover{background:#e6edf1}button.active,button.primary{background:#234f3a;color:#fff;border-color:#234f3a}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #227ee0;outline-offset:3px}input,select{font:inherit;border:1px solid #6e8294;border-radius:10px;background:#fff;padding:12px;max-width:100%}input[type=search]{min-width:260px;flex:1}label{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stat,.panel{padding:24px;background:#fff;border:1px solid #d0d9e2;border-radius:16px}.stat strong{display:block;font-size:1.75rem;margin:8px 0}.panel{margin:20px 0}.device{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.offline{color:#975000}.good{color:#245b40}table{width:100%;border-collapse:collapse;background:#fff;margin-top:18px}th,td{text-align:left;padding:14px;border-bottom:1px solid #dce3ea}th{font-size:.8rem;color:#435971}td:last-child,th:last-child{text-align:right}.table-wrap{overflow:auto;border-radius:14px;border:1px solid #d0d9e2;margin-top:20px}td img{width:52px;height:60px;object-fit:contain;float:left;margin-right:16px}.error{background:#fff1ed;border:1px solid #ca7059;padding:15px;border-radius:12px}footer{text-align:center;color:#536477;font-size:.8rem;padding:24px}dialog{color:inherit;border:1px solid #a2b3c1;border-radius:18px;width:min(750px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#14243c80}dialog .actions{justify-content:flex-end;margin-top:20px}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #eee}.detail-row strong{white-space:nowrap}.hint{background:#eef5f0;padding:16px;border-radius:12px}.empty{text-align:center;padding:50px;color:#536477}@media(max-width:720px){header{gap:12px;flex-wrap:wrap}.badge{font-size:.7rem}#account{width:100%;margin:0}main{padding:0 16px;margin:24px auto}.private{margin:24px 0;padding:24px}.stats{grid-template-columns:1fr}.stat{padding:18px}.code{font-size:1.5rem}td,th{padding:10px}input[type=search]{min-width:180px}}
@media print{header,nav,.actions,footer,dialog button{display:none}dialog{position:static;width:100%;max-height:none;border:0}body:has(dialog[open]) main{display:none}}