/* Dark design 4 — smoked glass, brushed graphite and crisp gaming outlines. */
html[data-theme="dark"] #app{--panel:#101b1dd9;--panel2:#182726d9;--line:#49664e;--muted:#a6b3ab;--text:#fff}
html[data-theme="dark"] #app :is(.panel,.metric,.system-card,.admin-user-card){
 background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(135deg,#263a2d,#15272a 55%,#0c171e);
 border:1px solid #64805c;border-top-color:#a1bd78;border-bottom-color:#354b40;
 box-shadow:inset 0 1px 0 #d4ffb51b,inset 1px 0 0 #baff4209,0 8px 25px #0004;
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
html[data-theme="dark"] #app .metric{background:radial-gradient(ellipse at 0 0,#b8ff4220,transparent 65%),repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 8px),linear-gradient(135deg,#24382d,#101d25);border-top-color:#a9d268}
html[data-theme="dark"] #app .metric-label{color:#fff}
html[data-theme="dark"] #app .metric-foot>span:last-child{color:#b4bfb6}
html[data-theme="dark"] #app .panel>.panel-heading{background:linear-gradient(105deg,#b4ff420b,#d6f7ff04 60%,transparent);border-bottom-color:#94b77b36}
html[data-theme="dark"] #app .bot-panel{background:radial-gradient(ellipse at 50% 0,#a9ff4214,transparent 50%),linear-gradient(145deg,#21382a,#11212a);border-color:#789365;box-shadow:inset 0 1px 0 #d5ffb624,0 0 18px #aaff420a,0 8px 25px #0004}
html[data-theme="dark"] #app .bot-assistant{background:linear-gradient(145deg,#0b191a,#0b141c);border:1px solid #677e59;box-shadow:inset 0 1px 0 #d9ffb510}
html[data-theme="dark"] #app .bot-assistant-heading{background:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 7px),linear-gradient(110deg,#31432a85,#1a2e2d80);border-bottom-color:#78945c50}
html[data-theme="dark"] #app .assistant-bubble-bot{background:linear-gradient(130deg,#2d3e2d,#1b3034);border-color:#68805a;color:#fff}
html[data-theme="dark"] #app .assistant-bubble-user{background:linear-gradient(120deg,#c4ff64,#9ae23c);color:#0c1604!important}
html[data-theme="dark"] #app #bot-assistant-form{background:#1c3024bd;border-top-color:#78945c45}
html[data-theme="dark"] #app .bot-assistant-prompts button{background:#2b3b2780;border-color:#72855f;color:#fff;box-shadow:inset 0 1px 0 #ffffff07}
html[data-theme="dark"] #app .bot-assistant-prompts button:hover:enabled{background:#3c542d;border-color:#b6ff46}
html[data-theme="dark"] #app .chart-footer{background:#0b171b55;border-top-color:#7e9b6240}
html[data-theme="dark"] #app .sidebar{background:linear-gradient(170deg,#17251cf2,#0b151df5);border-right-color:#65834d}
html[data-theme="dark"] #app .sidebar-profile{background:linear-gradient(120deg,#30422ba8,#1b2c32bd);border-color:#6a8057}
html[data-theme="dark"] #app .nav-item.active{background:linear-gradient(100deg,#b9ff4230,#263c2d90);border-color:#91b65e;box-shadow:inset 3px 0 0 #b6ff46,inset 0 1px 0 #e1ffb51a,0 0 15px #aaff4208}
html[data-theme="dark"] #app .table-scroll thead{background:#26392d90}
html[data-theme="dark"] #app .topbar{background:#17251ff2!important;border-color:#5f7950}
@media(max-width:760px){html[data-theme="dark"] #app :is(.panel,.metric,.system-card,.admin-user-card){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){html[data-theme="dark"] #app :is(.panel,.metric,.system-card,.admin-user-card){background-color:#15231f;backdrop-filter:none;-webkit-backdrop-filter:none}}

html[data-theme="dark"] #app :is(.panel,.metric,.system-card,.admin-user-card){backdrop-filter:none;-webkit-backdrop-filter:none}

html[data-theme="dark"] #app table thead th{color:#fff!important}

@media(max-width:760px){
 html[data-theme="dark"]:has(#app:not(.hidden)),html[data-theme="dark"] body:has(#app:not(.hidden)){background:#000!important}
 html[data-theme="dark"] #app{background:linear-gradient(to bottom,#000 0,#000 25dvh,#06100c 42dvh,#080d10 65dvh)!important}
 html[data-theme="dark"] #app .topbar{background:#000!important;background-image:none!important;box-shadow:none;border-bottom-color:#161b16}
 html[data-theme="dark"] #app>.cyber-backdrop{background:linear-gradient(to bottom,#000 0,#000 25%,#06100c 45%,#080d10 75%)!important}
 html[data-theme="dark"] #app .cyber-aurora,html[data-theme="dark"] #app .chaos-lightning{mask-image:linear-gradient(to bottom,transparent 0,transparent 25%,#000 50%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 25%,#000 50%,#000 100%)}
}
html[data-theme="dark"] #app .sidebar .nav-item,html[data-theme="dark"] #app .sidebar .nav-item.active,html[data-theme="dark"] #app .sidebar .nav-item:hover{color:#fff!important}html[data-theme="dark"] #app .sidebar .nav-item>[data-i]{color:#fff!important;opacity:1}html[data-theme="dark"] #app .sidebar .nav-key{color:#c6cfca!important;opacity:1}