@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap";:root{--color-accent:#1b4965;--color-accent-soft:#1b49650f;--color-accent-ring:#1b49651f;--color-ink:#1b4965;--color-ink-muted:#4a7a96;--color-ink-soft:#e8f0f5;--color-surface:#fff;--color-backdrop:#f0f4f8;--color-border:#1b49651a;--color-success-bg:#eefcf2;--color-success-border:#c6f6d5;--color-success-text:#1c6235;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#991b1b;--color-shadow:#1b49650f;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--color-backdrop);min-width:320px;min-height:100vh;color:var(--color-ink);margin:0}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-backdrop)}::-webkit-scrollbar-thumb{background:var(--color-ink-soft);border:2px solid var(--color-backdrop);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}::selection{background:var(--color-accent-soft);color:var(--color-accent)}h1,h2,h3,p{margin:0}h1{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-ink) 0%, #34495e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05}h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:1.5rem;font-weight:700;line-height:1.15}h3{font-family:var(--font-display);color:var(--color-ink);font-size:1.15rem;font-weight:600;line-height:1.25}button,input,select,textarea{font:inherit}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-ink)!important;-webkit-box-shadow:inset 0 0 0 1000px #fbfaf8!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-ink)!important;-webkit-box-shadow:inset 0 0 0 1000px #fbfaf8!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-ink)!important;-webkit-box-shadow:inset 0 0 0 1000px #fbfaf8!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-ink)!important;-webkit-box-shadow:inset 0 0 0 1000px #fbfaf8!important}.shell{width:min(1320px,100% - 32px);margin:0 auto;padding:24px 0 32px}.dashboard-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.toolbar-copy-block{gap:8px;display:grid}.accent-metric strong{color:var(--color-accent)}.toolbar-actions{align-items:flex-start;gap:16px;display:flex}.toolbar-summary{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.summary-chip{background:var(--color-surface);border:1px solid var(--color-border);min-width:144px;box-shadow:0 8px 16px var(--color-shadow);border-radius:16px;gap:4px;padding:16px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:grid}.summary-chip:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 12px 24px #0984e314}.summary-chip span{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.summary-chip strong{color:var(--color-ink);font-size:1.15rem;font-family:var(--font-display);font-weight:800}.eyebrow{color:var(--color-ink-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:99px;display:inline-block}.auth-shell{background-color:var(--color-accent);place-items:center;min-height:100vh;padding:24px;display:grid;width:100%!important;max-width:100%!important;margin:0!important}.auth-panel{background:var(--color-surface);border:1px solid var(--color-border);width:min(480px,100%);box-shadow:0 24px 48px var(--color-shadow);border-radius:24px;padding:32px}.auth-panel .primary-button{color:#fff!important;background:#1b4965!important;border:none!important}.auth-panel .primary-button:hover{background:#245c7e!important}.auth-copy{color:var(--color-ink-muted);margin-top:8px;font-size:.95rem}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-form input{border:1px solid var(--color-border)!important;background:#fbfaf8!important}.admin-form{gap:16px;display:grid}.auth-form label,.admin-form label{color:var(--color-ink);gap:8px;font-size:.92rem;font-weight:600;display:grid}.auth-form input,.admin-form input,.admin-form select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-ink);border-radius:12px;outline:none;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.auth-form input:focus,.admin-form input:focus,.admin-form select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring), 0 4px 12px #0984e314}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;gap:12px}.checkbox-row input{width:18px;height:18px;accent-color:var(--color-accent);margin:0}.primary-button,.table-button,.danger-button,.icon-button{font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .12s,background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.primary-button:hover,.table-button:hover,.danger-button:hover,.icon-button:hover{box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-1px)}.primary-button:active,.table-button:active,.danger-button:active,.icon-button:active{transform:translateY(0)}.primary-button{background:var(--color-accent);color:var(--color-surface);border:1px solid #0000}.primary-button:hover{background:#0077c9}.table-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink)}.table-button:hover{background:var(--color-backdrop)}.danger-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink)}.danger-button:hover{border-color:var(--color-danger-border);color:var(--color-danger-text);background:var(--color-danger-bg)}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);width:48px;height:48px;color:var(--color-ink);box-shadow:0 8px 16px var(--color-shadow);padding:0}.icon-button:hover{background:var(--color-backdrop)}.icon-button svg{width:20px;height:20px}.primary-button:disabled,.danger-button:disabled,.table-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.auth-error{color:var(--color-danger-text);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:12px;padding:12px 16px;font-size:.92rem;font-weight:600}.action-success{color:var(--color-success-text);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:12px;padding:12px 16px;font-size:.92rem;font-weight:600}.content-grid{gap:24px;margin-top:24px;display:grid}.forms-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr);align-items:start}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 16px 32px var(--color-shadow);border-radius:20px;padding:24px}.compact-form-panel{padding:16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.compact-heading{margin-bottom:12px}.panel-heading h2,.panel-heading h3{margin:0}.panel-heading span{color:var(--color-ink-muted);font-size:.88rem}.inventory-sheet-panel{margin-top:8px}.panel-subsection{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.inventory-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-heading{align-items:center}.inventory-heading-metrics{align-items:center;gap:16px;display:flex}.metric-heading-line{align-items:center;gap:8px;display:inline-flex}.subtle-icon-button{width:32px;height:32px;min-height:32px;color:var(--color-ink-muted);box-shadow:none;border-color:#0000;border-radius:8px;padding:0}.subtle-icon-button:hover{color:var(--color-ink);background:var(--color-ink-soft);transform:none}.inline-metric{justify-items:end;gap:4px;display:grid}.inline-metric span{color:var(--color-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.wide-table-wrap,.table-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.inventory-table{min-width:1080px}.data-table thead{background:var(--color-accent-soft)}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:16px}.data-table th{color:var(--color-ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.data-table td{color:var(--color-ink);font-size:.94rem}.inventory-table th,.inventory-table td{white-space:nowrap;padding:12px 16px}.inventory-table th:first-child,.inventory-table td:first-child{white-space:normal;width:22%;min-width:180px}.inventory-table th:nth-child(10),.inventory-table td:nth-child(10){width:1%}.data-table tbody tr:last-child td{border-bottom:0}.inventory-row{cursor:pointer;transition:background-color .15s;position:relative}.inventory-row:hover{background:var(--color-accent-soft)}.inventory-row td{transition:border-color .15s,box-shadow .15s;position:relative}.inventory-row:hover td:first-child{box-shadow:inset 4px 0 0 0 var(--color-accent)}.inventory-row:focus-visible{outline:2px solid var(--color-accent-ring);outline-offset:-2px;background:var(--color-accent-soft)}.data-table td:nth-child(3),.data-table td:nth-child(4),.data-table td:nth-child(5),.data-table td:nth-child(6),.data-table td:nth-child(7),.data-table td:nth-child(8),.data-table td:nth-child(9),.data-table td:nth-child(10),.inline-metric strong,.summary-chip strong{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.primary-cell{gap:4px;display:grid}.inventory-table .primary-cell strong{font-size:.92rem;font-weight:700}.inventory-table .primary-cell span{font-size:.8rem}.primary-cell span,.empty-state,.section-note{color:var(--color-ink-muted)}.status-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.status-tag.active,.status-tag.approved{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.status-tag.pending{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent-ring)}.status-tag.suspended{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.status-tag.inactive{background:var(--color-ink-soft);color:var(--color-ink-muted)}.category-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.category-tag.drink{color:var(--color-accent);background:#0984e30f;border:1px solid #0984e31f}.category-tag.snack{color:#d35400;background:#f39c120f;border:1px solid #f39c121f}.table-action-row{flex-wrap:wrap;gap:8px;display:flex}.split-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.inventory-image-upload{border:1px solid var(--color-border);background:var(--color-backdrop);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.inventory-image-preview{object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;width:96px;height:96px}.inventory-image-copy{flex:1;gap:4px;display:grid}.inventory-image-copy strong{color:var(--color-ink);font-size:.92rem}.inventory-image-copy span{color:var(--color-ink-muted);font-size:.84rem;line-height:1.4}.full-width{grid-column:1/-1}.form-actions{justify-content:flex-start;align-items:center;gap:12px;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);background:#1e272e40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #fff9;border-radius:24px;width:min(860px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 32px 64px #1e272e24}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.modal-header span{color:var(--color-ink-muted)}.modal-actions{justify-content:space-between;align-items:center;gap:16px}.modal-secondary-actions{flex-wrap:wrap;gap:12px;display:flex}.auth-container{flex-direction:column;align-items:center;gap:24px;width:min(480px,100%);display:flex}.auth-logo{object-fit:contain;width:auto;max-height:175px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.auth-logo:hover{transform:scale(1.05)}.auth-footer{text-align:center;flex-direction:column;gap:4px;margin-top:8px;display:flex}.auth-footer p{color:#ffffffd9;letter-spacing:.01em;margin:0;font-size:.78rem;font-weight:500}.auth-footer-meta{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80!important;font-size:.72rem!important;font-weight:600!important}@media (width<=1100px){.dashboard-toolbar,.toolbar-actions,.forms-grid,.inventory-heading,.inventory-heading-metrics{display:grid}.toolbar-summary{justify-content:flex-start}.inline-metric{justify-items:start}}@media (width<=720px){.shell{width:min(100% - 24px,1320px);padding:24px 0 32px}.inventory-create-grid,.staff-form-grid,.inline-form-grid{grid-template-columns:1fr}.split-actions{flex-direction:column;align-items:stretch;gap:12px}.inventory-image-upload{flex-direction:column;align-items:stretch}.inventory-image-preview{width:100%;height:180px}.modal-actions,.modal-secondary-actions{flex-direction:column;align-items:stretch}.toolbar-summary{width:100%}.summary-chip{flex:140px;min-width:0}.modal-backdrop,.modal-card,.panel,.auth-panel{padding:16px}}