@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg:#0f111a;--panel:hsla(0,0%,100%,.05);--panel-strong:hsla(0,0%,100%,.08);--text:#f7f7f7;--muted:#c6ccd8;--accent:#ffed00;--accent-2:#6d6ffb;--border:hsla(0,0%,100%,.14);--danger:#ff4d4f;--success:#2ecc71;--graph-liters:#ffed00;--graph-full:#6d6ffb;--graph-half:#ff8a00;--chart-axes:#c6ccd8;--chart-grid:hsla(0,0%,100%,.12)}:root[data-theme=light]{--bg:#f5f7fb;--panel:rgba(0,0,0,.03);--panel-strong:rgba(0,0,0,.06);--text:#0c2d66;--muted:#2f4b74;--accent:#1f4f9e;--accent-2:#4da3ff;--border:rgba(31,79,158,.5);--danger:#d93025;--success:#1f9d55;--graph-liters:#1f4f9e;--graph-full:#ffc700;--graph-half:#1f4f9e;--chart-axes:#000;--chart-grid:rgba(31,79,158,.25)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,Segoe UI,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#ffffff08,#ffffff05);border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 5vw}.nav-actions,.topbar{align-items:center;display:flex}.nav-actions{gap:10px}.ghost{background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;padding:10px 14px;transition:all .16s ease}.ghost.accent,.ghost:hover{border-color:var(--accent);color:var(--accent)}.settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px #00000059;padding:12px;position:fixed;right:20px;top:70px;width:300px;z-index:20}.settings-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.settings-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.settings-group input{background:var(--panel-strong);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px}.label{color:var(--muted);margin:0}.chip-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;padding:6px 10px;transition:all .15s ease}.chip-toggle{display:inline-flex;flex-wrap:wrap;gap:6px}.chip-btn.active{background:#ffed0033;border-color:var(--accent);color:var(--accent)}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.brand{align-items:center;display:flex;gap:12px}.logo{height:42px;-o-object-fit:contain;object-fit:contain;width:auto}.brand-title{font-weight:600;letter-spacing:.02em}.brand-sub{color:var(--muted);font-size:.9rem}.page{flex:1;margin:0 auto;max-width:1200px;padding:32px 5vw 48px;width:100%}@media(max-width:720px){.topbar{padding:12px 5vw}.page{padding:24px 5vw 40px}}