:root{--bg-0: #0e0e0e;--bg-1: #161616;--bg-2: #1e1e1e;--line: #2a2a2a;--text-1: #e8e8e8;--text-2: #6b7080;--accent: #3b80ff;--accent-dim: rgba(59, 128, 255, .12);--accent-border: rgba(59, 128, 255, .35)}*{box-sizing:border-box}.dash-root{min-height:100vh;background:var(--bg-0);color:var(--text-1);display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#0a0a0a;padding:20px 12px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:24px;padding:4px 10px;color:#5badff}.logo-icon{display:inline-flex;color:#5badff}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:var(--text-2);border:1px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-item:hover{background:var(--accent-dim);color:var(--text-1)}.nav-item.active{color:#c8dcff;background:var(--accent-dim);border-color:var(--accent-border);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{display:inline-flex}.content{padding:18px;display:flex;flex-direction:column;gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1)}.search-input .MuiInputBase-root{background:var(--bg-2)}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.panel{background:var(--bg-1)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 2px 16px #00000073!important}.stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-blue{background:rgba(59,128,255,.15);color:#5badff}.stat-icon-green{background:rgba(52,211,153,.15);color:#34d399}.stat-icon-red{background:rgba(248,113,113,.15);color:#f87171}.stat-icon-amber{background:rgba(251,191,36,.15);color:#fbbf24}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:520px}.terminal-panel,.chart-wrap{margin-top:12px}.file-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:520px;overflow:auto}.file-row{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.file-row:hover{border-color:var(--accent-border);background:var(--accent-dim)}.file-row.selected{border-color:#3b80ff8c;background:rgba(59,128,255,.12)}.preview-box{border:1px solid var(--line);border-radius:8px;padding:8px;min-height:280px;background:#121212}.preview-image,.preview-media{width:100%;max-height:380px;object-fit:contain;border-radius:6px;background:#0a0a0a}.preview-frame{width:100%;height:390px;border:0;border-radius:6px;background:#0a0a0a}.settings-page{max-width:920px}.terminal{margin-top:10px;height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:#090909;padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5}.log-line{color:#8aa0c0;white-space:pre-wrap;word-break:break-word}.log-line.warn{color:#fbbf24}.log-line.error{color:#f87171}.bottom-nav{display:none}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-2);cursor:pointer;transition:color .15s ease;padding:6px 4px;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr}}@media (max-width: 880px){.dash-root{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#0a0a0a;border-top:1px solid var(--line);z-index:200;align-items:stretch;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item svg{width:22px;height:22px}.content{padding-bottom:74px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:stretch;gap:8px}.search-input{flex:1;min-width:0}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--accent-border);pointer-events:none;gap:4px}