@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #0f1412;--panel: #1a221e;--accent: #79d29b;--text: #f2f5f0;--muted: #9aa69c}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:linear-gradient(140deg,#0f1412,#18201b 45%,#111613);color:var(--text)}#root{min-height:100vh}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:1000;display:grid;gap:10px;max-width:min(360px,calc(100vw - 32px))}.toast{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid #2a332d;background:#101613fa;color:var(--text);text-align:left;box-shadow:0 18px 30px #0000003d}.toast-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px;background:var(--muted)}.toast-success .toast-dot{background:#2f8f63}.toast-error .toast-dot{background:#c14834}.toast-info .toast-dot{background:var(--accent)}.admin{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#0b0f0d;padding:28px 20px;display:flex;flex-direction:column;gap:24px}.sidebar-head{display:flex;flex-direction:column;gap:12px}.sidebar-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-body{display:flex;flex-direction:column;gap:24px}.sidebar-subtitle{margin:6px 0 0;color:var(--muted)}.sidebar-user{background:#121813;border:1px solid #2a332d;border-radius:12px;padding:14px}.sidebar-user p{margin:6px 0;color:var(--muted)}.role-pill{display:inline-flex;align-items:center;background:#79d29b1f;color:var(--accent);border:1px solid rgba(121,210,155,.25);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.sidebar h2{margin:0}nav{display:flex;flex-direction:column;gap:12px}.nav-link{background:transparent;border:none;color:var(--muted);text-align:left;text-decoration:none;font-weight:500;padding:6px 8px;border-radius:8px;cursor:pointer}.nav-link.active{background:#1a221e;color:var(--text)}.main{padding:32px;display:flex;flex-direction:column;gap:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar button{background:var(--accent);color:#0b0f0d;border:none;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.status-text{margin-top:8px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat{background:var(--panel);padding:18px;border-radius:14px}.stat p{margin:0 0 8px;color:var(--muted)}.sheet{background:var(--panel);padding:20px;border-radius:14px;overflow-x:auto}.sheet table{width:100%;border-collapse:collapse;min-width:640px}.sheet th,.sheet td{text-align:left;padding:10px 6px;border-bottom:1px solid #2a332d;vertical-align:top}.data-row{cursor:pointer}.data-row:hover td,.data-row.expanded td{background:#79d29b0f}.page-stack{display:flex;flex-direction:column;gap:20px}.ghost-button{align-self:flex-start;background:transparent;color:var(--text);border:1px solid #2a332d;padding:10px 14px;border-radius:10px;cursor:pointer}.hamburger-button{display:none;width:44px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:10px;border:1px solid #2a332d;background:transparent;color:var(--text)}.hamburger-button span{width:18px;height:2px;border-radius:999px;background:currentColor}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tab-button{background:transparent;color:var(--muted);border:1px solid #2a332d;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:600}.tab-button.active{background:var(--accent);color:#0b0f0d;border-color:var(--accent)}.detail-row td{padding:0;background:#ffffff05}.detail-card{background:#141b17;border:1px solid #2a332d;border-radius:14px;padding:16px}.detail-card h3{margin-top:0}.subtable{width:100%;border-collapse:collapse}.subtable th,.subtable td{text-align:left;padding:10px 6px;border-bottom:1px solid #2a332d}.product-form,.user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.product-form label,.user-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.product-form input,.user-form input,.user-form select{padding:10px 12px;border-radius:10px;border:1px solid #2a332d;background:#0f1412;color:var(--text)}.product-form button,.user-form button{align-self:end;background:var(--accent);color:#0b0f0d;border:none;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer}.sheet button,.modal button{background:var(--accent);color:#0b0f0d;border:none;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.sheet button:disabled{opacity:.6;cursor:not-allowed}.row-action-menu{position:relative;display:inline-flex}.icon-button{min-width:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #2a332d;background:#0f1412;color:var(--text);font-size:20px;line-height:1}.sheet .icon-button{background:#0f1412;color:var(--text)}.row-action-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:180px;display:grid;gap:6px;padding:8px;border:1px solid #2a332d;border-radius:12px;background:#101613;box-shadow:0 18px 40px #00000047}.menu-button{width:100%;justify-content:flex-start}.sheet .menu-button{background:#18201b;color:var(--text)}.sheet .menu-button-danger{background:#c1483429;color:#ffb0a1}.inline-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding-top:6px}.inline-editor label,.checkbox-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.inline-editor input{padding:10px 12px;border-radius:10px;border:1px solid #2a332d;background:#0f1412;color:var(--text)}.checkbox-field input{width:18px;height:18px}.inline-actions{display:flex;gap:10px;align-items:end}.edit-row td{background:#ffffff05}.empty{margin-top:12px;color:var(--muted)}.status-text{color:var(--muted);margin:6px 0 0}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a09b8;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{width:min(980px,100%);max-height:90vh;overflow:auto;background:#101613;border:1px solid #2a332d;border-radius:18px;padding:20px;box-shadow:0 24px 80px #00000059}.modal-sm{width:min(720px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-content{display:grid;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mini-card{background:#141b17;border:1px solid #2a332d;border-radius:14px;padding:14px}.mini-card strong{display:block;margin-bottom:8px}.mini-card p{margin:4px 0 0;color:var(--muted)}.sheet-actions{margin-top:16px;display:flex;gap:12px}.date-groups{display:flex;flex-direction:column;gap:14px}.date-group{border:1px solid #2a332d;border-radius:14px;overflow:hidden;background:#141b17}.date-group table{width:100%;border-collapse:collapse}.date-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#18201b;color:var(--text);border:none;border-bottom:1px solid #2a332d;font-weight:700;cursor:pointer}.today-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.today-orders-panel{padding:16px}.today-orders-panel h3{margin-top:0}.login-shell,.page-loader{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:#101613;border:1px solid #2a332d;border-radius:18px;padding:28px;box-shadow:0 24px 80px #00000059}.login-card h1{margin-top:0}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.login-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.login-form input{padding:12px 14px;border-radius:10px;border:1px solid #2a332d;background:#0f1412;color:var(--text)}@media (max-width: 900px){.admin{grid-template-columns:1fr}.sidebar{padding:20px 16px;gap:18px}.sidebar-head{gap:10px}.hamburger-button{display:inline-flex}.sidebar-body{display:none}.sidebar.mobile-open .sidebar-body{display:flex}nav{gap:8px}.main{padding:20px 16px}.modal{padding:16px}.modal-header,.topbar{flex-direction:column;align-items:stretch}.today-orders-grid{grid-template-columns:1fr}.sheet{padding:16px}.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tbody{display:grid;gap:12px}.responsive-table tr{border:1px solid #2a332d;border-radius:14px;padding:10px 12px;background:#141b17}.responsive-table td{min-width:0;padding:8px 0;border:none}.responsive-table td:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.responsive-table .detail-row{border:none;background:transparent;padding:0}.responsive-table .detail-row td{padding:0}.responsive-table .detail-row td:before{display:none}.responsive-table .detail-card{margin-top:8px}.ghost-button,.topbar button,.product-form button,.user-form button,.login-form button{width:100%;justify-content:center}.sidebar .ghost-button{width:auto}.sidebar.mobile-open .ghost-button{width:100%}.nav-link{padding:10px 12px}.toast-stack{right:12px;left:12px;bottom:12px;max-width:none}}