:root{color-scheme:dark;--bg: #101113;--panel: #181b20;--panel-2: #20252c;--text: #f3f5f0;--muted: #aeb6ae;--line: rgba(255, 255, 255, .1);--teal: #35d0ba;--green: #81d46b;--gold: #f2b84b;--rose: #ef6f83;--red: #ff5e5b;--accent: #e7a92f;--shadow: 0 20px 70px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(145deg,rgba(53,208,186,.08),transparent 34%),radial-gradient(circle at 70% 20%,rgba(242,184,75,.1),transparent 25%),var(--bg)}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex:0 0 auto}.boot-screen,.login-shell{min-height:100vh;display:grid;place-items:center}.boot-screen{font-size:1.5rem;color:var(--muted)}.login-shell{padding:24px;background:linear-gradient(120deg,rgba(129,212,107,.1),transparent 36%),linear-gradient(240deg,rgba(239,111,131,.1),transparent 38%),var(--bg)}.login-panel{width:min(420px,100%);padding:30px;border:1px solid var(--line);border-radius:8px;background:#181b20eb;box-shadow:var(--shadow)}.login-brand,.hero-title-row,.panel-title,.hero-actions,.footer-warning,.remember-row,.session-meta,.footer-status{display:flex;align-items:center}.login-brand{gap:10px;color:var(--gold);font-weight:800;font-size:1.2rem}.login-brand svg{width:28px;height:28px}.login-panel h1{margin:22px 0;font-size:2rem;line-height:1.1}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:var(--muted);font-size:.9rem}.login-form input{width:100%;height:44px;border:1px solid var(--line);border-radius:6px;padding:0 12px;color:var(--text);background:#101318}.remember-row{grid-template-columns:auto 1fr;gap:10px;color:var(--text)}.remember-row input{width:18px;height:18px;accent-color:var(--gold)}.login-form button,.load-error button{min-height:44px;border:0;border-radius:6px;color:#12100b;background:var(--gold);font-weight:800}.login-form button:disabled{opacity:.7}.form-error{margin:0;color:var(--red)}.app-shell{width:min(1520px,100%);margin:0 auto;padding:22px}.hero{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f2b84b33,#35d0ba14),linear-gradient(90deg,rgba(255,255,255,.05),transparent),var(--panel);box-shadow:var(--shadow)}.hero.warning{background:linear-gradient(135deg,#f2b84b42,#ef6f8314),var(--panel)}.hero.critical{background:linear-gradient(135deg,#ff5e5b42,#f2b84b14),var(--panel)}.hero-title-row{gap:12px}.hero-title-row svg{width:34px;height:34px;color:var(--gold)}.hero h1{margin:0;font-size:clamp(2.35rem,6vw,5.4rem);line-height:.95}.hero p{margin:10px 0 0;color:var(--muted);font-size:1.1rem}.hero-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.range-control{min-height:42px;display:inline-grid;grid-template-columns:repeat(3,48px);gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f}.range-control button{border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:900}.range-control button.active{color:#12100b;background:var(--gold)}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#ffffff0f}.icon-button.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-pill{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:800;color:var(--text);background:#ffffff14;border:1px solid var(--line)}.status-pill.healthy{color:#dff8d5;border-color:#81d46b59;background:#81d46b1f}.status-pill.warning{color:#ffe7b2;border-color:#f2b84b59;background:#f2b84b21}.status-pill.critical{color:#ffd6d5;border-color:#ff5e5b59;background:#ff5e5b21}.decision-pill{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;color:var(--muted);background:#ffffff12;border:1px solid var(--line);font-size:.78rem;font-weight:900;white-space:nowrap}.decision-pill.healthy{color:#dff8d5;border-color:#81d46b4d}.decision-pill.warning{color:#ffe7b2;border-color:#f2b84b5c}.metrics-grid,.dashboard-grid{display:grid;gap:14px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.metric-tile,.panel{border:1px solid var(--line);border-radius:8px;background:#181b20e0}.metric-tile{min-height:124px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:18px}.metric-tile.warning{border-color:#f2b84b59}.metric-tile.critical{border-color:#ff5e5b66}.tile-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:var(--gold);background:#f2b84b1f}.metric-tile span,.metric-tile small,.storage-meta span,.mini-row,.footer-row{color:var(--muted)}.metric-tile strong{display:block;margin:5px 0;font-size:1.5rem}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{min-height:260px;padding:18px}.span-2{grid-column:span 2}.panel-title{gap:9px;min-height:28px;margin-bottom:14px}.panel-title svg{color:var(--gold)}.panel h2{margin:0;font-size:1rem}.chart-panel{display:grid;grid-template-rows:auto auto 1fr}.chart-value{font-size:2rem;margin-bottom:10px}.sparkline{width:100%;height:124px;overflow:visible}.sparkline-empty{min-height:124px;border-radius:8px;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.08) 48% 52%,transparent 52%),linear-gradient(180deg,transparent 0 48%,rgba(255,255,255,.08) 48% 52%,transparent 52%),#ffffff08}.sparkline-line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.sparkline-fill{opacity:.12}.storage-list,.alert-list,.mount-list,.session-list,.history-list,.library-list{display:grid;gap:10px}.storage-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,2fr) 56px;gap:12px;align-items:center;min-height:40px}.storage-meta{display:grid;gap:3px}.bar{height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.bar-fill{height:100%;min-width:2px;border-radius:inherit;background:var(--green)}.bar-fill.warning{background:var(--gold)}.disk-percent.warning{color:var(--gold)}.bar-fill.critical{background:var(--red)}.disk-percent.critical{color:var(--red)}.disk-percent{text-align:right;color:var(--green);font-weight:800}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.service-chip{min-height:31px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;font-size:.82rem;color:var(--muted);background:#ffffff0f;border:1px solid var(--line)}.service-chip.healthy{color:#dff8d5;border-color:#81d46b47}.service-chip.critical{color:#ffd6d5;border-color:#ff5e5b61}.mount-list{margin-top:16px}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.mini-row>span:first-child{min-width:0}.mini-row small{display:block;margin-top:2px;color:var(--muted)}.session-row,.history-row{min-height:78px;display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.session-main,.history-row>div:first-child,.top-list{min-width:0}.session-main strong,.history-row strong,.top-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-main strong,.history-row strong{display:block;margin-bottom:4px}.session-main span,.history-row span,.history-meta,.metric-caption,.empty-inline{color:var(--muted)}.session-meta{flex-wrap:wrap;gap:8px;font-size:.84rem}.progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-bar div{height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold))}.big-number{margin-top:12px;font-size:4rem;line-height:.9;font-weight:900}.metric-caption{margin:8px 0 18px;font-size:.9rem}.mini-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-stat-grid div,.range-summary div{min-height:72px;display:grid;align-content:center;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.mini-stat-grid span,.range-summary span{color:var(--muted);font-size:.82rem}.mini-stat-grid strong,.range-summary strong{font-size:1.15rem}.history-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.history-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font-size:.82rem}.range-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.top-list h3{margin:0 0 8px;color:var(--muted);font-size:.82rem;text-transform:uppercase}.top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:30px;color:var(--text)}.top-row strong{color:var(--gold)}.alert-row{min-height:42px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:7px;background:#ffffff0d}.alert-row.warning svg{color:var(--gold)}.alert-row.critical svg{color:var(--red)}.empty-state{color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0 4px;font-size:.9rem}.footer-warning{gap:7px;color:var(--gold)}.footer-status{gap:12px;flex-wrap:wrap;justify-content:flex-end}.load-error{max-width:520px;margin:20vh auto 0;text-align:center}.load-error svg{width:42px;height:42px;color:var(--gold)}.load-error button{padding:0 18px}@media(max-width:1120px){.metrics-grid,.dashboard-grid,.top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:12px}.hero{align-items:flex-start;flex-direction:column;padding:20px}.hero-actions{justify-content:flex-start}.range-control{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.storage-row{grid-template-columns:1fr;gap:8px}.disk-percent{text-align:left}.footer-row{flex-direction:column}.footer-status{justify-content:flex-start}.history-row,.top-grid,.mini-stat-grid,.range-summary{grid-template-columns:1fr}.history-meta{justify-content:flex-start}.big-number{font-size:3.2rem}}