:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #0ea5e9;--color-secondary: #64748b;--color-background: #e0f7fa;--color-glass: rgba(255, 255, 255, .7);--color-glass-border: rgba(255, 255, 255, .5);--color-text: #334155;--color-text-secondary: #64748b;--color-danger: #ef4444;--color-warning: #f59e0b}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#d1fae5);color:var(--color-text)}h1,h2,h3,h4{color:#1e293b;margin:0}.text-h2{font-weight:700;letter-spacing:-.025em}.text-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem}.container{max-width:1200px;margin:0 auto}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.btn{border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #0ea5e963}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-glass-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-minus,.btn-logout{background:#fee2e2;color:#ef4444}.btn-warning{background:var(--color-warning);color:#fff}.input-field{width:100%;padding:.5rem;border-radius:8px;border:1px solid #cbd5e1;background:#ffffffe6;color:#1e293b;font-family:inherit;font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a}.dashboard-grid{display:grid;grid-template-columns:250px 1fr;gap:1.5rem;align-items:start}.sidebar{position:sticky;top:1rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.6rem}.nowrap-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-panel{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 10px #0000000d}@media (max-width: 768px){.container{padding:.5rem!important}.dashboard-grid{display:flex;flex-direction:column-reverse;gap:1rem;align-items:stretch!important}.header-left{flex-direction:column;align-items:center;gap:.8rem;width:100%;justify-content:center}.header-left h1{font-size:1.8rem!important;text-align:center;margin-right:0!important}.header-right{width:100%!important;align-items:center!important;justify-content:center!important;text-align:center!important}.header-right .flex-center{justify-content:center;flex-wrap:wrap}.text-h2{white-space:normal;font-size:1.8rem!important;text-align:center!important}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.sidebar{position:static}}