@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#9cd4f8;--primary-dark:#000;--primary-light:#f0f7fc;--background:#fff;--text:#000;--text-muted:#666;--border:#000;--border-light:#e0e0e0;--card-bg:#fff;--error:#e74c3c;--error-light:#fdedec;--warning:#f39c12;--warning-light:#fef9e7;--success:#2ecc71;--success-light:#eafaf1;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;transition:background-color .15s,border-color .15s,color .15s}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.btn{background-color:var(--primary);color:var(--text);border:2px solid var(--border);cursor:pointer;box-shadow:none;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background-color:var(--text);color:var(--background)}.btn-secondary{background-color:var(--background);color:var(--text)}.btn-secondary:hover{background-color:var(--primary-light);color:var(--text)}.btn-danger{background-color:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover{background-color:var(--text);color:var(--background);border-color:var(--border)}.input-field{border:2px solid var(--border);background-color:var(--background);width:100%;color:var(--text);box-shadow:none;border-radius:0;outline:none;padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:640px){.container{padding:0 12px}.hidden-mobile{display:none!important}}@media (min-width:641px){.hidden-desktop{display:none!important}}.card{background-color:var(--card-bg);border:2px solid var(--border);box-shadow:none;border-radius:0;padding:24px}@media (max-width:640px){.card{padding:16px}}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.list-layout{flex-direction:column;gap:12px;display:flex}.flat-table{border-collapse:collapse;width:100%;margin-top:16px}.flat-table th,.flat-table td{text-align:left;border:1px solid var(--border);padding:12px 16px}.flat-table th{background-color:var(--primary-light);border-bottom:2px solid var(--border);font-weight:600}.badge{text-transform:uppercase;border:1px solid var(--border);border-radius:0;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-block}.badge-pieces{background-color:#ffe699}.badge-gram{background-color:#c6e0b4}.badge-liter{background-color:#b4c6e7}.badge-expired{background-color:var(--error-light);color:var(--error);border-color:var(--error)}.badge-offline{background-color:var(--warning-light);color:var(--warning);border-color:var(--warning)}.dashboard-grid{grid-template-columns:1fr;align-items:start;gap:40px;display:grid}@media (min-width:1024px){.dashboard-grid.has-sidebar{grid-template-columns:1fr 380px}}a{color:inherit;text-decoration:none}.modal-overlay{z-index:1000;-webkit-overflow-scrolling:touch;background-color:#0009;justify-content:center;align-items:flex-start;padding:16px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--background);border:2px solid var(--border);-webkit-overflow-scrolling:touch;width:100%;max-width:600px;max-height:calc(100dvh - 32px);box-shadow:none;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow-y:auto}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{align-items:center;gap:12px;display:flex}@media (min-width:768px){.nav-links{gap:20px}}.user-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (min-width:768px){.user-actions{gap:12px}}.item-row-container{flex-direction:column;gap:16px;padding:16px;display:flex}.item-row-right{border-top:1px dashed var(--border-light);justify-content:space-between;align-items:center;width:100%;padding-top:16px;display:flex}@media (min-width:768px){.item-row-container{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px}.item-row-right{border-top:none;gap:24px;width:auto;padding-top:0}}