*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-dark: #0c4a6e;--blue: #0284c7;--blue-light: #38bdf8;--teal: #0d9488;--bg: #f0f9ff;--surface: #ffffff;--border: #e0f2fe;--text: #0f172a;--muted: #64748b;--danger: #ef4444;--warn: #f59e0b;--good: #22c55e;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:opacity .15s,transform .1s}button:hover{opacity:.88}button:active{transform:scale(.97)}input,select{font-family:inherit;font-size:.875rem;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .75rem;width:100%;background:#f8fafc;color:var(--text);transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--blue);background:#fff}label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}.app-header{background:linear-gradient(135deg,#0c4a6e,#0369a1);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:100}.app-nav{display:flex;gap:.5rem}.app-main{padding:1.5rem 2rem;max-width:1300px;margin:0 auto}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:stretch}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-page{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr;align-items:start}.tank-viz-card{align-items:center}}@media(max-width:700px){.app-header{padding:.6rem 1rem;height:auto;min-height:56px;flex-wrap:wrap;gap:.4rem}.app-nav{gap:.25rem}.app-main{padding:1rem}.dashboard-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%}.toolbar-right{justify-content:flex-start}.dashboard-grid{grid-template-columns:1fr}.tank-viz-card{align-items:center}}