:root{--bg:#1b2027;--surface:#242a33;--border:#323a45;--text:#eef1f4;--text-secondary:#b4bdc8;--accent:#a8d5ba;--accent-warm:#f4c9a0;--status-ok:#a8d5ba;--status-low:#f2dc8f;--status-out:#f2a7a7;--neutral:#8f99a6;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;color:inherit}.app{min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.app-header{padding:20px 16px 8px}.app-header h1{margin:0;font-size:1.75rem;font-weight:700}.app-main{padding:8px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px);flex:1}.empty{color:var(--text-secondary)}.app-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.app-nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;font-size:.875rem;font-weight:600}.app-nav-item[aria-current=page]{color:var(--accent)}.app-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}