*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:Microsoft YaHei UI,Segoe UI,sans-serif;background:#0b0c11;color:#edf0f7}.admin{height:100%;display:grid;grid-template-columns:215px 1fr;background:radial-gradient(circle at 80% 0,rgba(96,57,176,.1),transparent 30%),#0b0c11}.admin>aside{border-right:1px solid rgba(255,255,255,.07);padding:20px 13px;display:flex;flex-direction:column;background:#0d0e14cc}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand>div{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#9d77ff,#6336ce);display:grid;place-items:center;font-weight:900;font-style:italic}.brand span strong,.brand span small{display:block}.brand strong{font-size:13px}.brand small{font-size:7px;letter-spacing:1.6px;color:#70628f;margin-top:3px}nav{flex:1}nav button{width:100%;height:36px;border:0;background:transparent;color:#707586;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:10px;margin:2px 0}nav button svg:last-child{margin-left:auto;opacity:.4}nav button.active{color:#dcd3f5;background:linear-gradient(90deg,#8b5cf62e,#8b5cf60a);box-shadow:inset 2px 0 #8b5cf6}.admin-user{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px;display:flex;align-items:center;gap:8px}.admin-user>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#272b39;font-size:9px}.admin-user>div{flex:1}.admin-user strong,.admin-user small{display:block;font-size:9px}.admin-user small{font-size:7px;color:#646979;margin-top:3px}.admin-user>button{border:0;background:transparent;color:#6d7282;font-size:7px;cursor:pointer}main{display:grid;grid-template-rows:55px 1fr;min-width:0}header{border-bottom:1px solid rgba(255,255,255,.07);padding:0 26px;display:flex;align-items:center}header>div:first-child{display:flex;align-items:center;gap:7px;font-size:9px;color:#5e6373}header strong{color:#d6d8e0}.search{margin-left:auto;width:220px;height:29px;border:1px solid rgba(255,255,255,.07);border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 8px;color:#555a68}.search input{border:0;background:transparent;outline:0;color:#fff;font-size:8px;width:100%}header>button{width:30px;height:30px;border:0;background:transparent;color:#777c8d;position:relative;margin-left:8px}header>button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f87171;top:4px;right:5px}main>section{padding:25px;overflow:auto}.title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.title span{font-size:8px;letter-spacing:2px;color:#8d6ce2}.title h1{font-size:23px;margin:5px 0 3px}.title p{font-size:8px;color:#6b7081;margin:0}.title>em{font-size:8px;color:#6f7484;font-style:normal;display:flex;gap:6px;align-items:center}.title>em i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 7px #34d399}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:11px}.metrics article,.panel{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#14161fd6}.metrics article{padding:14px;display:grid;grid-template-columns:36px 1fr}.metrics article>div{grid-row:1/4;width:31px;height:31px;border-radius:9px;background:#8b5cf61f;color:#a78bfa;display:grid;place-items:center}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{font-size:8px;color:#707586}.metrics strong{font-size:20px}.metrics small{font-size:7px;color:#41bf91}.grid{display:grid;grid-template-columns:1.7fr .7fr;gap:11px;margin-bottom:11px}.panel{padding:15px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:11px;margin:0 0 3px}.panel-head p{font-size:7px;color:#646979;margin:0}.panel-head button{border:0;background:transparent;color:#8e72d8;font-size:7px}.chart{height:245px}.health>div:not(.panel-head){height:47px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;font-size:8px}.health i{width:6px;height:6px;border-radius:50%}.health span{color:#828798}.health strong{margin-left:auto;font-size:8px}.lower{grid-template-columns:1.25fr .75fr}.event{height:48px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:9px}.event>svg{color:#f59e0b}.event>span{flex:1}.event strong,.event small{display:block;font-size:8px}.event small{font-size:7px;color:#626777;margin-top:3px}.event em{font-size:7px;font-style:normal;padding:4px 6px;border-radius:5px;background:#f59e0b17;color:#f59e0b}.event em.high{color:#f87171;background:#ef444414}.config{height:36px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;font-size:8px}.config span{color:#6e7384}.config strong{color:#aaaebe}.module{height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.module>div{width:65px;height:65px;border-radius:18px;background:#8b5cf61f;color:#a78bfa;display:grid;place-items:center}.module h2{font-size:15px}.module p{font-size:9px;color:#727788;max-width:460px;line-height:1.7}.module button{height:35px;border:0;border-radius:8px;background:#7c50da;color:#fff;padding:0 14px;font-size:9px}.admin-login{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(139,92,246,.18),transparent 28%),#090a0f;position:relative}.login-brand{position:absolute;left:32px;top:26px;display:flex;align-items:center;gap:10px}.login-brand>div{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#9d77ff,#6034ca);display:grid;place-items:center;font-weight:900;font-style:italic}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:12px}.login-brand small{font-size:7px;color:#735fa6;letter-spacing:1.5px;margin-top:3px}.admin-login form{width:390px;padding:32px;border-radius:17px;border:1px solid rgba(255,255,255,.09);background:#13151eeb;box-shadow:0 30px 90px #000}.admin-login form>span{font-size:8px;letter-spacing:2px;color:#8d6ce2}.admin-login h1{font-size:23px;margin:8px 0 4px}.admin-login p{font-size:8px;color:#686d7e;margin-bottom:20px}.admin-login label{display:block;font-size:8px;color:#777c8d;margin:10px 0}.admin-login input{display:block;width:100%;height:39px;margin-top:5px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0d0f16;color:#fff;padding:0 10px;outline:0}.admin-login form>button{width:100%;height:39px;border:0;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6940d0);color:#fff;font-size:9px;font-weight:700;margin-top:9px}.admin-login form>small{display:block;text-align:center;color:#4f5463;font-size:7px;margin-top:11px}.login-error,.load-error{padding:9px;border-radius:7px;border:1px solid rgba(239,68,68,.18);background:#ef444414;color:#f38b8b;font-size:8px;margin:8px 0}.load-error{margin-bottom:11px}.user-table{padding:17px}.user-table .panel-head>strong{font-size:8px;color:#777c8c}.create-user{display:grid;grid-template-columns:1fr 1.25fr .7fr auto;gap:8px;margin:12px 0}.create-user input,.create-user select{min-width:0;height:34px;border:1px solid var(--border);border-radius:7px;background:#11131b;color:#d9dbe6;padding:0 9px;font-size:8px;outline:none}.create-user input:focus,.create-user select:focus{border-color:#7454d6}.create-user button{border:0;border-radius:7px;background:#7653da;color:#fff;padding:0 14px;font-size:8px;font-weight:700}.create-user button:disabled{opacity:.55}.table-head,.table-row{display:grid;grid-template-columns:1.15fr .62fr .58fr .58fr .95fr 1.25fr;align-items:center;gap:10px;padding:0 10px}.table-head{height:34px;margin-top:13px;background:#11131b;border-radius:7px;color:#5f6474;font-size:7px}.table-row{min-height:48px;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px}.table-row em,.table-row i{font-style:normal;width:max-content;padding:4px 6px;border-radius:5px}.table-row em.admin{color:#b69bf7;background:#8b5cf61a}.table-row em.user{color:#75cce1;background:#22d3ee14}.table-row i.enabled{color:#40ce98;background:#34d39914}.table-row i.disabled{color:#f17d7d;background:#ef444414}.table-row small{font-size:7px;color:#666b7b}.user-actions{display:flex;gap:4px}.user-actions button{border:1px solid rgba(139,92,246,.18);border-radius:5px;background:#8b5cf614;color:#a68de0;font-size:7px;padding:4px 6px;cursor:pointer}.user-actions button:last-child{color:#ee8b8b;border-color:#ef444424;background:#ef44440f}.user-actions button:disabled{opacity:.35;cursor:not-allowed}