.admin-main{max-width:1100px;width:min(94%,1100px);margin:44px auto 80px;flex:1}
.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:30px}
.admin-head h1{font-size:clamp(27px,4vw,45px);letter-spacing:-1.5px;margin:8px 0}.admin-head .lede{font-size:15px;max-width:650px}
.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:750;color:#65d4e9}.muted{color:#a6b9cb}.tiny{font-size:12px;line-height:1.6}
.admin-card{background:#17263a;border:1px solid #314358;border-radius:16px;padding:24px;box-shadow:0 10px 40px #0002}
.login-card{max-width:520px;margin:30px auto}.login-card h2,.sectiontitle h2{margin:0 0 9px;font-size:22px}.login-card p{color:#aabfd3;font-size:13px;line-height:1.6}
#login-form{display:flex;flex-direction:column;gap:8px;margin:24px 0}
#login-form label{color:#d1e1ec;font-size:13px;font-weight:700}
#login-form input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #3b536a;background:#0e1b2b;color:#fff;border-radius:9px;margin:0 0 10px;font-size:15px}
#login-form input:focus{outline:2px solid #54c6da;outline-offset:2px}
.action{cursor:pointer;border:1px solid #43576a;border-radius:9px;padding:11px 16px;font-weight:750;font-family:inherit;font-size:13px;line-height:1.2;color:white;background:#2a4159}
.action.primary{background:#36b7cc;color:#082032;border-color:#36b7cc}.action.secondary{background:#1a2c40;color:#d8e9f1}.action.reject{background:#51303a;border-color:#824753}.action:disabled{opacity:.55;cursor:not-allowed}.action:hover:not(:disabled){filter:brightness(1.15)}
.topactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topactions span{font-size:12px;max-width:250px;overflow-wrap:anywhere}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.metric{display:flex;flex-direction:column;gap:11px}.metric span{color:#b2c4d6;font-size:12px}.metric strong{font-size:34px}
.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 14px}.sectiontitle p{font-size:13px;margin:0}
.device-list{display:flex;flex-direction:column;gap:11px}.device-row{background:#17263a;border:1px solid #314358;border-radius:12px;padding:18px;display:flex;gap:15px;justify-content:space-between;align-items:center}
.device-info{display:flex;gap:5px;flex-direction:column;min-width:0}.device-info strong{font-size:15px;overflow-wrap:anywhere}.device-info small{color:#aabed1;font-size:12px;overflow-wrap:anywhere}.device-right{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end}
.state{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:750;background:#31475d;color:#d6e5f2}.state.pending{background:#4f3c20;color:#ffd98d}.state.approved{background:#1d4b42;color:#85e1bc}.state.rejected,.state.revoked{background:#51303a;color:#ffb7b7}
.empty{padding:28px;color:#9cb4c8;text-align:center;border:1px dashed #3a5064;border-radius:13px}
.notice{margin:20px 0;min-height:18px;color:#9bd3ed;font-size:13px;white-space:pre-wrap}.notice.error{color:#ffb8b8}.notice.success{color:#99e9c7}
.hidden{display:none!important}
@media(max-width:760px){.admin-head,.device-row{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr}.metric{padding:15px}.device-right{justify-content:flex-start}.sectiontitle{align-items:flex-start}.admin-main{margin:24px auto 50px}}