:root{font-family:Inter,system-ui;background:#f3f5fa;color:#172033;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:32px}.login{max-width:390px;margin:10vh auto;text-align:center}.brand{font-size:70px;color:#5267d8}.login p{color:#6d7485}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h1{margin:4px 0}header small{letter-spacing:.18em;color:#5267d8}form{display:grid;gap:12px}input,select,button{padding:13px;border-radius:10px;border:1px solid #d7dce8;font:inherit}button{background:#5267d8;color:#fff;border:0;cursor:pointer}.ghost{background:transparent;color:#5267d8;border:1px solid #5267d8}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stats article,.panel{background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 28px #26345a0d}.stats article{min-width:140px}.stats small,.user small{display:block;color:#72798a}.stats strong{font-size:28px;text-transform:capitalize}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.user{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f6}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e3e8ff;color:#3f52b8;font-weight:700}.user button{font-size:12px;padding:8px}.user .ok{background:#e5f7ec;color:#197641}.user .off{background:#ffe8e8;color:#a62f2f}.error,em{display:block;background:#ffe8e8;color:#a62f2f;padding:10px;border-radius:9px;margin:10px 0}em{font-style:normal}@media(max-width:760px){main{padding:18px}.grid{grid-template-columns:1fr}.stats article{flex:1}}@media(prefers-color-scheme:dark){:root{background:#10131c;color:#edf0fb}.stats article,.panel{background:#191e2b;box-shadow:none}input,select{background:#111521;color:#fff;border-color:#343b50}.user{border-color:#293045}.ghost{color:#91a0ff;border-color:#91a0ff}}.side{display:grid;gap:20px;align-content:start}.user{padding-left:8px;padding-right:8px;border-radius:10px;cursor:pointer}.user:hover,.user.selected{background:#f1f4ff}.avatar.large,.identity img{width:64px;height:64px}.identity img{border-radius:50%;object-fit:cover}.identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}.identity small,.hint{display:block;color:#72798a}.upload{display:block;text-align:center;background:#5267d8;color:#fff;padding:11px;border-radius:10px;cursor:pointer;margin:8px 0}.upload input{display:none}.danger-lite{width:100%;background:#fff0f0;color:#a62f2f;border:1px solid #ffd1d1}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px}.mini{padding:8px;background:#e8ecfb;color:#4054bd}.manage hr{border:0;border-top:1px solid #edf0f6;margin:20px 0}.manage h3{margin-bottom:5px}.notice{display:block;background:#e5f7ec;color:#197641;padding:10px;border-radius:9px;margin:10px 0;word-break:break-word}@media(prefers-color-scheme:dark){.user:hover,.user.selected{background:#252d42}.danger-lite{background:#341f25}.manage hr{border-color:#293045}}.version-overview{margin-bottom:20px}.version-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.version-title h2{margin:0 0 4px}.version-title p{margin:0;color:#72798a}.version-title>strong{font-size:30px;color:#5267d8}.version-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.version-card{display:grid;gap:3px;padding:10px 13px;border-radius:12px;background:#eef2ff;color:#263a9f}.version-card span{font-size:12px;color:#68739a}.version-card.outdated{background:#fff0e4;color:#a75012}.user-info{min-width:0}.device-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.device-badges span{font-size:11px;background:#eaf7ef;color:#197641;padding:4px 7px;border-radius:999px}.device-badges span.old{background:#fff0e4;color:#a75012}.device-badges span.unknown{background:#eef0f5;color:#747b89}.device-details{margin:14px 0;padding:12px;border-radius:12px;background:#f6f8fc}.device-details h3{margin:0 0 9px}.device-detail{padding:9px 0;border-top:1px solid #e5e9f2}.device-detail:first-of-type{border-top:0}.device-detail>div{display:flex;justify-content:space-between;gap:10px}.device-detail span,.device-detail small{color:#72798a;font-size:12px}.device-detail small{display:block;margin-top:4px}@media(max-width:760px){.user{grid-template-columns:42px 1fr}.user>button{grid-column:2;justify-self:start}.version-card{flex:1;min-width:145px}}@media(prefers-color-scheme:dark){.version-card{background:#252d45;color:#b9c4ff}.version-card span{color:#9aa4c7}.version-card.outdated{background:#3a2a21;color:#ffbd88}.device-badges span{background:#213a2d;color:#83d4a4}.device-badges span.old{background:#3a2a21;color:#ffbd88}.device-badges span.unknown{background:#292e3b;color:#abb2c2}.device-details{background:#141925}.device-detail{border-color:#293045}}.registration-panel{margin-top:20px}.registration-list{display:grid;gap:10px;margin-top:16px}.registration-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line,#e3e9f2);border-radius:18px;background:#ffffff8c}.registration-info{display:flex;flex:1;min-width:0;flex-direction:column}.registration-info span{color:#4a67dd}.registration-info small{margin-top:4px;color:#7b8498}.registration-actions{display:flex;gap:8px}.registration-actions button{width:auto;padding:10px 15px}@media(max-width:700px){.registration-card{align-items:flex-start;flex-wrap:wrap}.registration-actions{width:100%}.registration-actions button{flex:1}}