*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#f59e0b;--accent-hover:#d97706;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--info:#0284c7;--r-sm:4px;--r-md:8px;--r-lg:12px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}body{background:var(--surface-2);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}main{padding:var(--sp-8);flex:1;width:100%;max-width:1400px;margin:0 auto}.app-layout{min-height:100vh;display:flex}.mobile-topbar,.mobile-overlay{display:none}@media (width<=768px){.mobile-topbar{z-index:200;background:#0d1117;border-bottom:1px solid #1e293b;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-hamburger{color:#ffffffbf;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1}.mobile-topbar-title{color:#fff9;letter-spacing:.06em;font-size:.9rem;font-weight:600}.mobile-overlay{z-index:250;background:#0000008c;display:block;position:fixed;inset:0}.app-main{padding-top:48px!important}main{padding:var(--sp-4);padding-top:calc(48px + var(--sp-4))}}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.375rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-dark{background:var(--primary);color:#fff}.btn-dark:hover:not(:disabled){background:var(--primary-light)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:.8rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.form-input{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);width:100%;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent);outline:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--sp-5) var(--sp-6)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--sp-3) var(--sp-4);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border-bottom:2px solid var(--border);font-size:.7rem;font-weight:700}td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#64748b;background:#f1f5f9}.badge-warning{color:#92400e;background:#fff3cd}.badge-suspended{color:#b91c1c;background:#fee2e2}.badge-admin{color:#92400e;background:#fef3c7}.badge-manager{color:#1d4ed8;background:#dbeafe}.page-header{margin-bottom:var(--sp-6)}.page-header h2{margin-bottom:var(--sp-1)}.page-header p{color:var(--text-muted);font-size:.875rem}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:520px;box-shadow:var(--shadow-md);overflow:hidden}.modal-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--sp-3);display:flex}.btn-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1}.btn-close:hover{color:var(--text-primary)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);font-size:.875rem}.alert-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.alert-success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.empty-state{text-align:center;padding:var(--sp-10);color:var(--text-muted);font-size:.875rem}.stats-row{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-2);font-size:.7rem;font-weight:700}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.stat-sub{color:var(--text-muted);margin-top:var(--sp-1);font-size:.75rem}.form-grid-2{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-grid-3{gap:var(--sp-4);grid-template-columns:1fr 1fr 1fr;display:grid}.page-container{max-width:1300px;margin:0 auto}.page-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.page-header h1{margin:0}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-4);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--sp-3) var(--sp-4);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border-bottom:2px solid var(--border);font-size:.7rem;font-weight:700}.data-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.data-table tr.row-inactive td{opacity:.55}.data-table tr.row-warning td{background:#fff8e1}tr.row-inactive td{opacity:.55}tr.row-warning td{background:#fff8e1}.data-table tr.row-alert td{background:#fff7ed}.data-table tr.row-surplus td{background:#f0fdf4}.empty-row{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--sp-10)!important}.actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.link-btn{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.filters{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.filters input,.filters select{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);min-width:160px;font-size:.875rem}.pagination{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-4);display:flex}.pagination button{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);cursor:pointer;font-size:1rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:.875rem}.error-banner{color:#b91c1c;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);cursor:pointer;background:#fee2e2;border:1px solid #fca5a5}.loading{text-align:center;padding:var(--sp-10);color:var(--text-muted)}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.status-active{color:#15803d;background:#dcfce7}.status-inactive{color:#64748b;background:#f1f5f9}.status-draft{color:#92400e;background:#fef3c7}.qty-low{color:var(--danger);font-weight:700}.qty-surplus{color:var(--success);font-weight:600}.alert-badge{background:var(--danger);color:#fff;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700}.tab-bar{margin-bottom:var(--sp-4);border-bottom:2px solid var(--border);gap:0;display:flex}.tab{padding:var(--sp-3) var(--sp-5);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.modal-large{max-height:88vh;padding:var(--sp-6);overflow-y:auto;max-width:820px!important}.modal-xl{max-height:92vh;padding:var(--sp-6);overflow-y:auto;max-width:min(1280px,96vw)!important}.modal h2{margin-bottom:var(--sp-4)}.modal-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.detail-grid{gap:var(--sp-3) var(--sp-6);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));font-size:.875rem;display:grid}.detail-grid>div{color:var(--text-secondary)}.detail-grid strong{color:var(--text-primary)}.form{gap:var(--sp-4);flex-direction:column;display:flex}.form-group{gap:var(--sp-1);flex-direction:column;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);font-size:.875rem}.form-group textarea{resize:vertical;font-family:inherit}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--sp-3);margin-top:var(--sp-2);justify-content:flex-end;display:flex}.section-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.item-row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);padding:var(--sp-2);background:var(--surface-2);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.item-row select{min-width:160px;padding:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-md);flex:1;font-size:.875rem}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);cursor:pointer;border:none;font-size:.875rem;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);cursor:pointer;background:0 0;font-size:.875rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);cursor:pointer;border:none;font-size:.875rem;font-weight:500}.btn-danger:hover:not(:disabled){opacity:.85}.btn-success{background:var(--success);color:#fff;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);cursor:pointer;border:none;font-size:.875rem;font-weight:500}.btn-success:hover:not(:disabled){opacity:.85}.btn-sm{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;padding:var(--sp-1) var(--sp-3)!important;border-radius:var(--r-sm)!important;font-size:.8rem!important}.btn-sm:hover{background:var(--surface-2)}.btn-sm.btn-danger{color:#fff;background:var(--danger);border:none}.btn-sm.btn-success{color:#fff;background:var(--success);border:none}button:disabled{opacity:.5;cursor:not-allowed}.table-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.table-card{border:2px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-4);cursor:pointer;background:var(--surface);transition:border-color .15s,box-shadow .15s;position:relative}.table-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000026}.table-card.free{border-color:var(--success)}.table-card.occupied{border-color:var(--danger)}.table-card.reserved{border-color:#f59e0b}.table-card-number{color:var(--text-primary);font-size:1.5rem;font-weight:700}.table-card-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.table-card-section{color:var(--text-muted);font-size:.7rem;position:absolute;top:8px;right:8px}.table-status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.table-status-dot.free{background:var(--success)}.table-status-dot.occupied{background:var(--danger)}.table-status-dot.reserved{background:#f59e0b}.kds-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.kds-card{border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.kds-card-header{background:var(--surface-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kds-order-number{color:var(--text-primary);font-size:.95rem;font-weight:700}.kds-table{color:var(--text-secondary);font-size:.8rem}.kds-time{color:var(--text-muted);font-size:.75rem}.kds-items{flex-direction:column;gap:1px;display:flex}.kds-item{padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kds-item.pending{border-left:4px solid var(--text-muted)}.kds-item.in-progress{border-left:4px solid var(--accent);background:#fef9ec}.kds-item.ready{border-left:4px solid var(--success);background:#f0fdf4}.kds-item.cancelled{border-left:4px solid var(--danger);opacity:.5}.kds-item-info{flex-direction:column;gap:2px;display:flex}.kds-item-qty{color:var(--accent);margin-right:4px;font-weight:700}.kds-item-name{color:var(--text-primary);font-size:.9rem}.kds-item-notes{color:var(--text-muted);font-size:.75rem;font-style:italic}.kds-item-actions{align-items:center;gap:var(--sp-2);display:flex}.kds-status-label{color:var(--text-muted);font-size:.7rem}.day-close-layout{gap:var(--sp-6);margin-top:var(--sp-4);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (width<=800px){.day-close-layout{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-5)}.success-banner{color:#166534;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;font-size:.875rem}.status-badge.status-ready{color:#92400e;background:#fef3c7}.btn-sm.btn-primary{color:#fff;background:var(--accent);border:none}.report-filters{align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.report-kpi-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.kpi-card{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-4)}.kpi-card.kpi-danger{border-color:var(--danger)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem}.kpi-value{color:var(--text-primary);font-size:1.6rem;font-weight:700}.kpi-sub{color:var(--text-muted);margin-top:2px;font-size:.7rem}.kpi-grid{gap:var(--sp-3);margin-top:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.data-table tr.row-selected td{background:color-mix(in srgb, var(--primary) 8%, transparent)}.po-modal-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.po-tabs{gap:0;display:flex}.po-tab{padding:var(--sp-3) var(--sp-5);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.po-tab:hover{color:var(--text-primary)}.po-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.po-topbar-actions{gap:var(--sp-2);padding:var(--sp-2) 0;display:flex}.po-basic-tab{padding:var(--sp-5) var(--sp-2) var(--sp-4)}.po-items-tab{padding:var(--sp-4) var(--sp-2)}.po-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-4);font-size:.8rem;font-weight:600}.po-two-col{gap:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.po-col{gap:var(--sp-3);flex-direction:column;display:flex}.po-field{align-items:start;gap:var(--sp-3);grid-template-columns:160px 1fr;display:grid}.po-field--grow{align-items:start}.po-label{color:var(--text-secondary);text-align:right;white-space:nowrap;padding-top:7px;font-size:.8rem}.po-input{width:100%;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text-primary);height:30px;font-size:.82rem}.po-input:focus{border-color:var(--accent);outline:none}.po-textarea{resize:vertical;font-family:inherit;height:auto!important}.po-readonly{background:var(--surface-2);color:var(--text-secondary);cursor:default}.po-required{background:#fff5f5;border-color:#ef4444}.po-input-with-actions{align-items:center;gap:var(--sp-1);display:flex}.po-input-with-actions .po-input{flex:1}.po-icon-btn{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-muted);cursor:pointer;height:30px;padding:3px 7px;font-size:.75rem;line-height:1}.po-icon-btn:hover{background:var(--border);color:var(--text-primary)}.po-info-icon{background:var(--border);width:20px;height:20px;color:var(--text-secondary);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.po-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.po-filters-row{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.po-filter-field{flex-direction:column;gap:4px;min-width:160px;display:flex}.po-filter-field label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.po-filter-field input,.po-filter-field select{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text-primary);height:30px;font-size:.82rem}.po-filter-field--range{min-width:280px}.po-range{align-items:center;gap:var(--sp-2);display:flex}.po-range span{color:var(--text-muted);font-size:.8rem}.po-range input{flex:1}.po-filter-reset{justify-content:flex-end;margin-left:auto}.po-items-header{gap:var(--sp-6);padding:var(--sp-3) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3);align-items:center;display:flex}.po-value-box{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);display:flex}.po-value-box--highlight{background:#fff5f5;border-color:#ef4444}.po-value-label{color:var(--text-secondary);font-size:.8rem}.po-value-amount{color:var(--text-primary);margin-left:auto;font-size:.9rem;font-weight:600}.po-items-table-wrap{overflow-x:auto}.po-items-table th,.po-items-table td{white-space:nowrap;font-size:.8rem}.po-qty-input{width:80px;padding:2px var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);text-align:right;background:var(--surface-2);font-size:.8rem}.wh-pagination{padding:var(--sp-3) 0;justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.wh-pagination-left{align-items:center;gap:4px;display:flex}.wh-pagination-left button{border:1px solid var(--border-light);border-radius:var(--r-sm);background:var(--surface-1);min-width:28px;height:28px;color:var(--text-primary);cursor:pointer;padding:0 6px;font-size:.8rem}.wh-pagination-left button:disabled{opacity:.4;cursor:default}.wh-pagination-left button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.wh-pagination-left select{border:1px solid var(--border-light);border-radius:var(--r-sm);background:var(--surface-1);height:28px;color:var(--text-primary);margin-left:8px;padding:0 4px;font-size:.8rem}.wh-pagination-left span,.wh-pagination-right{color:var(--text-secondary);font-size:.8rem}.settings-section{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-5)}.settings-section-title{color:var(--text-primary);margin:0 0 var(--sp-2) 0;font-size:1rem;font-weight:700}.settings-section-desc{color:var(--text-muted);margin:0 0 var(--sp-4) 0;font-size:.85rem}.fryer-tags{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.fryer-tag{background:var(--accent);color:#fff;border-radius:var(--r-sm);letter-spacing:.03em;padding:2px 10px;font-size:.82rem;font-weight:600}.sidebar{z-index:100;background:#0d1117;border-right:1px solid #1e293b;flex-direction:column;width:220px;min-width:220px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-header{border-bottom:1px solid #1e293b;flex-shrink:0;align-items:center;gap:.6rem;padding:.9rem 1rem .8rem;display:flex}.sidebar-hamburger{color:#ffffff80;font-size:1.1rem;line-height:1}.sidebar-hamburger-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;display:none}.sidebar-title{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:600}.sidebar-sections{flex:1;padding:.4rem 0}.section{border-bottom:1px solid #ffffff0a}.section-header{cursor:pointer;color:#ffffffa6;text-align:left;background:0 0;border:none;align-items:center;gap:.55rem;width:100%;padding:.52rem 1rem;font-size:.82rem;font-weight:500;transition:background .12s,color .12s;display:flex}.section-header:hover{color:#f1f5f9;background:#ffffff0d}.section-header.open{color:#f1f5f9;background:#ffffff12}.section-icon{text-align:center;flex-shrink:0;width:18px;font-size:.9rem}.section-label{flex:1}.section-arrow{color:#ffffff59;margin-left:auto;font-size:.75rem}.section-children{background:#00000026;padding:.2rem 0 .4rem}.sub-link{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.38rem 1rem .38rem 1.6rem;font-size:.8rem;text-decoration:none;transition:background .1s,color .1s;display:flex}.sub-link.depth-1{padding-left:2.2rem}.sub-link.depth-2{padding-left:2.8rem}.sub-link:hover{color:#f1f5f9;background:#ffffff0d}.sub-link.active{color:#f59e0b;background:#f59e0b14}.sub-link--disabled{opacity:.4;cursor:default}.sub-link--disabled:hover{color:#ffffff8c;background:0 0}.sub-group-header{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-top:.15rem;padding:.42rem 1rem .42rem 1.6rem;font-size:.8rem;font-weight:500;transition:background .1s,color .1s;display:flex}.sub-group-header.depth-1{padding-left:2.2rem}.sub-group-header:hover{color:#f1f5f9;background:#ffffff0d}.sub-arrow{color:#ffffff59;margin-left:auto;font-size:.7rem}.sub-children{background:#0000001a}.sub-icon{text-align:center;opacity:.7;flex-shrink:0;width:14px;font-size:.75rem}.sub-label{flex:1;line-height:1.3}.sidebar-bottom{border-top:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.85rem 1rem;display:flex}.navbar-user{flex-direction:column;gap:.25rem;display:flex}.user-name{color:#ffffffb3;font-size:.78rem}.role-badge{text-transform:uppercase;letter-spacing:.06em;color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;align-self:flex-start;padding:2px 7px;font-size:.58rem;font-weight:700}.btn-logout{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:.32rem .75rem;font-size:.78rem;transition:all .15s}.btn-logout:hover{color:#f1f5f9;background:#ffffff0f}@media (width<=768px){.sidebar{z-index:300;width:220px;height:100dvh;box-shadow:none;transition:left .25s;position:fixed;top:0;bottom:0;left:-240px}.sidebar.mobile-open{left:0;box-shadow:4px 0 20px #00000080}.sidebar-hamburger-btn{display:block}}.login-page{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.login-brand{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.login-icon{color:#f59e0b;font-size:2.5rem;line-height:1}.login-title{color:#0f172a;font-size:1.25rem;font-weight:700}.login-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.btn-login{justify-content:center;width:100%;margin-top:.5rem;padding:.625rem;font-size:.9rem}.allergen-list{flex-wrap:wrap;gap:3px;display:flex}.allergen-tag{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:1px 5px;font-size:.65rem}.allergen-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.allergen-check{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:.8rem;transition:background .1s,border-color .1s;display:flex}.allergen-check:hover{background:var(--surface-2)}.allergen-check.selected{color:#92400e;background:#fef3c7;border-color:#fbbf24}.allergen-check input{cursor:pointer}.modal-lg{max-width:700px}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable:hover{background:#e8e8e8}.sort-arrow{opacity:.4;font-size:.8em}.sort-arrow.active{opacity:1}