.dash{min-height:100vh;display:grid;grid-template-columns:266px 1fr;background:radial-gradient(circle at 78% 0,rgba(113,77,208,.07),transparent 30%),#040405}.side{position:sticky;top:0;height:100vh;align-self:start;padding:20px 15px;border-right:1px solid rgba(255,255,255,.075);display:flex;flex-direction:column;background:linear-gradient(180deg,#0b0a0e,#050506)}.side__brand{min-height:58px;padding:0 8px 18px;display:flex;align-items:center}.side__caption{padding:16px 11px 9px;color:#5e5b67;font:600 7px var(--mono);letter-spacing:.13em}.side__nav{display:grid;gap:4px}.side__link{min-height:45px;padding:0 12px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;gap:12px;color:#85828e;font-size:13px;font-weight:550;transition:background .2s,color .2s,border-color .2s}.side__link:hover{color:#eeeaf3;background:#ffffff06}.side__link.active{color:#eee9ff;border-color:#a484f629;background:linear-gradient(90deg,#8b69e433,#8b69e40a)}.side__link .ic{width:23px;color:#685c7d;font:600 7px var(--mono);letter-spacing:.05em}.side__link.active .ic{color:#a98bea}.side__network{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#ffffff04;display:grid;gap:5px}.side__network span{display:flex;align-items:center;gap:7px;color:#817e89;font-size:10px;font-weight:600}.side__network i{width:5px;height:5px;border-radius:50%;background:#6bdaa0;box-shadow:0 0 8px #6bdaa0}.side__network small{color:#56535f;font:500 7px var(--mono)}.side__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.dash__main{min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;height:68px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.075);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#040405cc;backdrop-filter:blur(18px)}.top__eyebrow{display:block;color:#635f6c;font:600 7px var(--mono);letter-spacing:.12em}.top__title{display:block;margin-top:2px;font:600 15px var(--font-display);letter-spacing:-.02em}.top__right{display:flex;align-items:center;gap:10px}.top__user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#777480;font-size:11px}.top__logout{height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff05;color:#a09da7;font-size:11px;font-weight:600;cursor:pointer}.top__logout:hover{color:#fff;border-color:#ffffff38}.content{width:100%;max-width:1160px;padding:38px 32px 70px}.page-head{margin-bottom:28px}.page-head:before{content:"AIX CONTROL ROOM";display:block;margin-bottom:10px;color:#8267c4;font:600 8px var(--mono);letter-spacing:.14em}.page-head h1{font-size:clamp(28px,3vw,38px);font-weight:550;letter-spacing:-.045em}.page-head p{max-width:760px;margin-top:8px;color:#807d89;font-size:13px;line-height:1.65}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.stat{min-height:145px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(145deg,#121116f0,#070709fa)}.stat__label{color:#64616d;font:600 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.stat__value{margin-top:19px;font:560 31px var(--font-display);letter-spacing:-.045em}.stat__value.platinum{background:linear-gradient(135deg,#fff,#a68be8);background-clip:text;-webkit-background-clip:text;color:transparent}.stat__hint{margin-top:5px;color:#615e69;font-size:10px}.panel{border:1px solid rgba(255,255,255,.085);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#121116f0,#070709fa)}.panel__head{min-height:58px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel__head h3{font-size:12px;font-weight:600}.tbl{width:100%;border-collapse:collapse}.tbl th{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#5d5966;font:600 7px var(--mono);letter-spacing:.1em;text-align:left;text-transform:uppercase;white-space:nowrap}.tbl td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#aaa7b2;font-size:11px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:#8f6bec08}.tbl .muted{color:#66636e}.right{text-align:right}.tag{display:inline-flex;padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff06;color:#817e89;font-size:9px;text-transform:capitalize}.keyrow{color:#c1bcc9;font:10px var(--mono)}.state{padding:48px 20px;text-align:center;color:#777480;font-size:12px}.spinner{width:25px;height:25px;border:2px solid rgba(255,255,255,.1);border-top-color:#a98bea;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.btn-sm{height:35px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05;color:#aaa7b2;font-size:10px;font-weight:600;cursor:pointer}.btn-sm:hover{color:#fff;border-color:#ffffff38}.btn-sm.danger:hover{color:#ffabab;border-color:#ff5a5a61}.reveal-key{margin-top:10px;padding:13px;border:1px solid rgba(107,218,160,.16);border-radius:9px;background:#2c7a4e0d;color:#85ddb0;font:11px var(--mono);word-break:break-all}.menu-btn,.side-backdrop{display:none}@media (max-width:860px){.dash{grid-template-columns:1fr}.side{position:fixed;left:-285px;width:266px;z-index:60;box-shadow:28px 0 70px #00000080;transition:left .25s var(--ease)}.side.open{left:0}.side-backdrop{position:fixed;inset:0;z-index:50;border:0;display:block;background:#0000008f;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.side-backdrop.open{opacity:1;visibility:visible}body.side-open{overflow:hidden}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.stats{grid-template-columns:1fr}.top{padding:0 16px}.content{padding:28px 17px 58px}.top__user{display:none}.panel{overflow-x:auto}.panel__head{min-width:520px}.tbl{min-width:650px}}@media (max-width:520px){.top__logout{padding-inline:10px}.page-head h2{font-size:31px}.stat{min-height:126px}.panel__head>div{flex-wrap:wrap}.content{padding-inline:14px}}
