#dashboardApp{--surface:#111117;--surface-raised:#16161e;--surface-hover:#191923;--stroke:#292934;--stroke-strong:#3a334b;--purple:#8b5cf6;--purple-soft:#b49af8;--shadow:0 18px 48px rgba(0,0,0,.28);font-size:16px}
#dashboardApp .sidebar{width:264px;padding:22px 18px;background:linear-gradient(180deg,#0e0e13 0%,#0b0b10 100%);border-right-color:rgba(255,255,255,.075);box-shadow:18px 0 50px rgba(0,0,0,.16)}
#dashboardApp main{margin-left:264px}
#dashboardApp .brand{margin:0 10px 25px;font-size:1.3rem;letter-spacing:-.025em}
#dashboardApp .brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(139,92,246,.38))}
#dashboardApp .server-switcher{min-height:58px;padding:10px;border-color:rgba(255,255,255,.09);background:linear-gradient(145deg,#17171f,#121218);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
#dashboardApp .server-switcher:hover{border-color:rgba(167,139,250,.35);background:#191921;transform:translateY(-1px);box-shadow:0 10px 25px rgba(0,0,0,.22)}
#dashboardApp .server-switcher strong{font-size:.86rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
#dashboardApp .server-switcher small,#dashboardApp .profile small{font-size:.7rem}
#dashboardApp .server-icon{width:38px;height:38px;border-radius:11px}
#dashboardApp .server-menu{top:64px;padding:8px;border-color:rgba(255,255,255,.1);background:rgba(20,20,28,.97);backdrop-filter:blur(20px);box-shadow:var(--shadow)}
#dashboardApp .server-menu button{min-height:48px;border-radius:9px;transition:background .16s ease,color .16s ease}
#dashboardApp .server-menu button:hover{background:rgba(139,92,246,.11);color:#fff}
#dashboardApp nav{margin-top:22px}
#dashboardApp .nav-label{margin:20px 11px 8px;font-size:.7rem;color:#77778a;letter-spacing:.14em}
#dashboardApp .nav-item{height:44px;padding:0 12px;border:1px solid transparent;border-radius:10px;font-size:.875rem;color:#9e9eaf;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
#dashboardApp .nav-item:hover{color:#eee;background:rgba(255,255,255,.045);transform:translateX(2px)}
#dashboardApp .nav-item.active{border-color:rgba(139,92,246,.18);background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.055));box-shadow:inset 3px 0 var(--purple),0 7px 22px rgba(0,0,0,.12)}
#dashboardApp .nav-item svg{transition:transform .2s ease,filter .2s ease}
#dashboardApp .nav-item:hover svg,#dashboardApp .nav-item.active svg{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(167,139,250,.35))}
#dashboardApp .topbar{height:74px;padding:0 36px;border-bottom-color:rgba(255,255,255,.075);background:rgba(10,10,14,.78);backdrop-filter:blur(22px) saturate(135%)}
#dashboardApp .breadcrumb{font-size:.82rem}
#dashboardApp .content{max-width:1460px;padding:40px 42px 76px}
#dashboardApp .page-heading{margin-bottom:30px}
#dashboardApp .page-heading h1{font-size:2rem;letter-spacing:-.04em}
#dashboardApp .page-heading p{font-size:.9rem;line-height:1.6}
#dashboardApp .eyebrow{font-size:.72rem!important}
#dashboardApp .panel,#dashboardApp .metric,#dashboardApp .feature-card,#dashboardApp .antinuke-card,#dashboardApp .log-card,#dashboardApp .setting-row{border-color:rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 14px 36px rgba(0,0,0,.12)}
#dashboardApp .metric{min-height:154px;padding:22px;border-radius:16px;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease}
#dashboardApp .metric:hover{transform:translateY(-3px);border-color:rgba(167,139,250,.22);box-shadow:0 18px 42px rgba(0,0,0,.22)}
#dashboardApp .metric>span{font-size:.82rem;margin-bottom:18px}
#dashboardApp .metric>strong{font-size:1.8rem}
#dashboardApp .metric>small{font-size:.76rem;line-height:1.45}
#dashboardApp .metric-icon,#dashboardApp .setting-icon{width:38px;height:38px;border-radius:11px}
#dashboardApp .panel{border-radius:16px;overflow:hidden}
#dashboardApp .panel-head{padding:21px 22px}
#dashboardApp .panel-head h2,#dashboardApp .setting-row h2{font-size:.95rem}
#dashboardApp .panel-head p,#dashboardApp .setting-row p{font-size:.78rem;line-height:1.45}
#dashboardApp .feature-grid,#dashboardApp .antinuke-grid,#dashboardApp .server-log-grid{gap:16px}
#dashboardApp .feature-card,#dashboardApp .antinuke-card,#dashboardApp .log-card{border-radius:15px;background:linear-gradient(145deg,rgba(22,22,30,.98),rgba(14,14,20,.98));transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease}
#dashboardApp .feature-card{min-height:196px;padding:20px}
#dashboardApp .feature-card:hover,#dashboardApp .antinuke-card:hover,#dashboardApp .log-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.34);background:linear-gradient(145deg,#181821,#111118);box-shadow:0 20px 44px rgba(0,0,0,.24),0 0 0 1px rgba(139,92,246,.05)}
#dashboardApp .feature-symbol,#dashboardApp .anti-symbol,#dashboardApp .command-item b{width:38px;height:38px;border-radius:11px;color:var(--purple-soft);background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(139,92,246,.07));border:1px solid rgba(167,139,250,.12)}
#dashboardApp .ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
#dashboardApp .feature-card h3,#dashboardApp .antinuke-card h3,#dashboardApp .log-card h3{font-size:.9rem;margin-top:15px}
#dashboardApp .feature-card p,#dashboardApp .antinuke-card>p,#dashboardApp .log-card p{font-size:.78rem;line-height:1.55}
#dashboardApp .feature-bottom small,#dashboardApp .anti-footer>span{font-size:.69rem;line-height:1.35}
#dashboardApp .configure{position:relative;font-size:.76rem;padding:6px 0;color:#b49af8;transition:color .16s ease,transform .16s ease}
#dashboardApp .configure:hover{color:#d1c2ff;transform:translateX(2px)}
#dashboardApp .switch{width:40px;height:23px;padding:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
#dashboardApp .switch:before{width:17px;height:17px;box-shadow:0 2px 7px rgba(0,0,0,.4)}
#dashboardApp .switch.on{background:linear-gradient(135deg,#9b6df8,#7447e5);box-shadow:0 0 16px rgba(139,92,246,.22)}
#dashboardApp .switch.on:before{transform:translateX(17px)}
#dashboardApp .primary-button,#dashboardApp .secondary-button{min-height:42px;border-radius:10px;padding:10px 16px;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}
#dashboardApp .primary-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px rgba(139,92,246,.3)}
#dashboardApp .primary-button:active,#dashboardApp .secondary-button:active{transform:translateY(0) scale(.98)}
#dashboardApp .command-trigger{height:41px;border-color:rgba(255,255,255,.09);transition:border-color .18s ease,background .18s ease,color .18s ease}
#dashboardApp .command-trigger:hover{color:#cfcfd9;border-color:rgba(139,92,246,.35);background:#16161e}
#dashboardApp .command-item{min-height:61px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#dashboardApp .command-item:hover{background:rgba(139,92,246,.075);border-color:rgba(139,92,246,.13);transform:translateY(-1px)}
#dashboardApp .command-item span{font-size:.82rem}
#dashboardApp .command-item small{font-size:.71rem;line-height:1.35}
#dashboardApp input,#dashboardApp select,#dashboardApp textarea{min-height:42px;font-size:.82rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
#dashboardApp input:hover,#dashboardApp select:hover,#dashboardApp textarea:hover{border-color:#3c3c49}
#dashboardApp input:focus,#dashboardApp select:focus,#dashboardApp textarea:focus{border-color:rgba(139,92,246,.7);box-shadow:0 0 0 3px rgba(139,92,246,.13);outline:0}
#dashboardApp button:focus-visible,#dashboardApp a:focus-visible,#dashboardApp input:focus-visible,#dashboardApp select:focus-visible,#dashboardApp textarea:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}
#dashboardApp .empty-state{margin:18px;padding:38px 24px;border:1px dashed rgba(167,139,250,.2);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.09),transparent 48%),rgba(255,255,255,.012)}
#dashboardApp .empty-state>div:first-child{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;color:#b49af8;background:rgba(139,92,246,.11);border:1px solid rgba(167,139,250,.16)}
#dashboardApp .empty-state h3{font-size:.92rem;color:#d2d2dc;margin:0 0 7px}
#dashboardApp .empty-state p{font-size:.78rem;line-height:1.55;color:#858596}
#dashboardApp .ring{position:relative;isolation:isolate;width:138px;height:138px;animation:ring-arrive .8s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 40px rgba(139,92,246,.13),inset 0 0 24px rgba(139,92,246,.035)}
#dashboardApp .ring:after{content:"";position:absolute;inset:-5px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 68%,rgba(167,139,250,.82) 82%,transparent 96%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:ring-scan 4.2s linear infinite;opacity:.75}
#dashboardApp .ring strong{font-size:1.85rem}
#dashboardApp .ring small{font-size:.72rem}
#dashboardApp .table-wrap{scrollbar-width:thin;scrollbar-color:#393244 transparent}
#dashboardApp table{font-size:.8rem}
#dashboardApp th{font-size:.68rem;padding:13px 22px}
#dashboardApp td{padding:14px 22px}
#dashboardApp .toast{border-color:rgba(52,211,153,.2);background:rgba(22,22,29,.96);backdrop-filter:blur(16px);box-shadow:0 20px 56px rgba(0,0,0,.36)}
#dashboardApp .toast strong{font-size:.82rem}
#dashboardApp .toast small{font-size:.7rem}
#dashboardApp .overlay{background:rgba(3,3,7,.72);backdrop-filter:blur(9px)}
#dashboardApp .drawer,#dashboardApp .modal{background:linear-gradient(180deg,#111117,#0d0d12);box-shadow:-24px 0 70px rgba(0,0,0,.36)}
@keyframes ring-arrive{from{opacity:0;transform:scale(.82) rotate(-14deg);filter:blur(4px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}
@keyframes ring-scan{to{transform:rotate(360deg)}}
@media(max-width:1080px){#dashboardApp .content{padding:34px 30px 68px}#dashboardApp .feature-grid,#dashboardApp .antinuke-grid,#dashboardApp .server-log-grid{gap:13px}}
@media(max-width:760px){#dashboardApp .sidebar{width:min(294px,86vw);padding:18px 16px}#dashboardApp main{margin-left:0}#dashboardApp .topbar{height:64px;padding:0 14px}#dashboardApp .content{padding:25px 16px 54px}#dashboardApp .page-heading{margin-bottom:22px}#dashboardApp .page-heading h1{font-size:1.55rem}#dashboardApp .page-heading p{font-size:.84rem}#dashboardApp .metrics{gap:11px}#dashboardApp .metric{min-height:138px;padding:18px}#dashboardApp .feature-card{min-height:178px}#dashboardApp .setting-row{padding:17px}#dashboardApp .profile{padding:0}#dashboardApp .drawer{width:100%}#dashboardApp .command-palette{padding-top:8vh}}
@media(max-width:520px){#dashboardApp .metrics{grid-template-columns:1fr}#dashboardApp .metric{min-height:124px}#dashboardApp .page-heading.compact{display:block}#dashboardApp .saved-indicator{margin-top:12px}#dashboardApp .feature-toolbar{display:block}#dashboardApp .search{max-width:none}#dashboardApp .panel-head{padding:17px}#dashboardApp .setting-row{grid-template-columns:38px 1fr}#dashboardApp .channel-select{grid-column:1/-1}#dashboardApp .channel-select select{width:100%}#dashboardApp .antinuke-card,#dashboardApp .log-card{padding:16px}#dashboardApp .toast{left:14px;right:14px;bottom:14px}#dashboardApp .top-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){#dashboardApp *,#dashboardApp *:before,#dashboardApp *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}