:root{--sidebar-bg: #ffffff;--content-bg: #f8fafc;--surface: #ffffff;--white: #ffffff;--purple: #6366f1;--purple-light: #818cf8;--purple-bg: rgba(99, 102, 241, .06);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--success: #22c55e;--success-bg: rgba(34, 197, 94, .08);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .06);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#1e293b;background:#f8fafc;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;min-width:260px;background:#fff;color:#64748b;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:0;overflow-y:auto}.sidebar__logo{padding:24px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.sidebar__logo .logo-icon{width:40px;height:40px;background:#6366f1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:700}.sidebar__logo .logo-text h2{color:#1e293b;font-size:16px;font-weight:600;line-height:1.2}.sidebar__logo .logo-text span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar__nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar__link .nav-icon{font-size:18px;width:24px;text-align:center}.sidebar__link:hover{background:#f1f5f9;color:#1e293b}.sidebar__link.active{background:#eef2ff;color:#6366f1}.sidebar__footer{padding:16px 12px;border-top:1px solid #e2e8f0}.sidebar__logout{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s ease}.sidebar__logout:hover{background:#ef44441a;color:#ef4444}.main-content{flex:1;overflow-y:auto;padding:32px;background:#f8fafc}.page-header{margin-bottom:28px}.page-header h1{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.page-header p{color:#475569;font-size:14px}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{font-size:16px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000000a}.stat-card .stat-label{font-size:13px;color:#475569;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stat-card .stat-change{font-size:12px;margin-top:8px;font-weight:500}.stat-card .stat-change.positive{color:#22c55e}.stat-card .stat-change.negative{color:#ef4444}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;background:var(--border-light)}.data-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;font-size:14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--border-light)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#f59e0b1f;color:#c57f08}.status-badge.confirmed{background:#3b82f61f;color:#0b63f3}.status-badge.preparing{background:#8b5cf61f;color:#692cf3}.status-badge.ready{background:#10b9811f;color:#0c8a60}.status-badge.delivering{background:#06b6d41f;color:#058ba2}.status-badge.delivered{background:#0596691f;color:#036546}.status-badge.cancelled{background:#ef44441f;color:#eb1515}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#818cf8}.btn-success{background:#22c55e;color:#fff}.btn-success:hover:not(:disabled){background:#1eaf54}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#dd8e09}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#ed2d2d}.btn-outline{background:transparent;border-color:#e2e8f0;color:#1e293b}.btn-outline:hover:not(:disabled){background:var(--border-light);border-color:#c7d3e2}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:6px}.form-group .form-hint{font-size:12px;color:#475569;margin-top:4px}.form-control{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .15s ease}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-control::placeholder{color:#667a97}textarea.form-control{resize:vertical;min-height:80px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c6c80' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .15s ease}.filter-btn:hover{border-color:#6366f1;color:#6366f1}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:24px;transition:.2s}.toggle .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.slider{background:#6366f1}.toggle input:checked+.slider:before{transform:translate(20px)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-right:4px;margin-bottom:4px}.tag.vegetarian{background:#dcfce7;color:#166534}.tag.vegan{background:#d1fae5;color:#065f46}.tag.gluten-free{background:#fef3c7;color:#92400e}.tag.spicy{background:#fee2e2;color:#991b1b}.tag.dairy-free{background:#e0e7ff;color:#3730a3}.tag.nut-free{background:#fce7f3;color:#9d174d}.status-chart{display:flex;gap:16px;flex-wrap:wrap}.status-chart-item{display:flex;align-items:center;gap:8px;font-size:13px}.status-chart-item .dot{width:10px;height:10px;border-radius:50%}.status-chart-item .dot.pending{background:#f59e0b}.status-chart-item .dot.confirmed{background:#3b82f6}.status-chart-item .dot.preparing{background:#8b5cf6}.status-chart-item .dot.ready{background:#10b981}.status-chart-item .dot.delivering{background:#06b6d4}.status-chart-item .dot.delivered{background:#059669}.status-chart-item .dot.cancelled{background:#ef4444}.status-chart-item .count{font-weight:700}.status-bar{display:flex;height:24px;border-radius:12px;overflow:hidden;background:var(--border-light);margin-bottom:16px}.status-bar .bar-segment{transition:width .3s ease;min-width:2px}.status-bar .bar-segment.pending{background:#f59e0b}.status-bar .bar-segment.confirmed{background:#3b82f6}.status-bar .bar-segment.preparing{background:#8b5cf6}.status-bar .bar-segment.ready{background:#10b981}.status-bar .bar-segment.delivering{background:#06b6d4}.status-bar .bar-segment.delivered{background:#059669}.status-bar .bar-segment.cancelled{background:#ef4444}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f1f5f9}.login-card{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:420px;box-shadow:0 4px 24px #00000014}.login-card .login-header{text-align:center;margin-bottom:36px}.login-card .login-header .logo-icon{width:56px;height:56px;background:#6366f1;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700;margin-bottom:16px}.login-card .login-header h1{font-size:22px;font-weight:700;margin-bottom:4px}.login-card .login-header p{color:#475569;font-size:14px}.empty-state{text-align:center;padding:48px 24px;color:#475569}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.actions-row{display:flex;gap:8px;align-items:center}.image-upload{border:2px dashed #e2e8f0;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:border-color .15s ease}.image-upload:hover{border-color:#6366f1}.image-upload .upload-icon{font-size:36px;margin-bottom:8px}.image-upload p{font-size:13px;color:#475569}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1dbe7;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0c0d6}.inline-edit{display:flex;align-items:center;gap:8px}.inline-edit input{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;font-family:inherit}.inline-edit input:focus{outline:none;border-color:#6366f1}.hours-grid{display:grid;grid-template-columns:120px 1fr 1fr auto;gap:12px;align-items:center}.hours-grid .day-label{font-weight:600;font-size:13px}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--border-light);border-radius:8px;margin-bottom:12px;cursor:pointer}.category-header:hover{background:var(--border)}.category-header h3{font-size:15px;font-weight:600}.menu-item-row{display:grid;grid-template-columns:60px 1fr 100px 120px auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.menu-item-row:last-child{border-bottom:none}.menu-item-row .item-image{width:48px;height:48px;border-radius:8px;background:var(--border-light);display:flex;align-items:center;justify-content:center;font-size:20px}.menu-item-row .item-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.menu-item-row .item-info p{font-size:12px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.menu-item-row .item-price{font-weight:600;font-size:14px}@media (max-width: 768px){.sidebar{width:72px;min-width:72px}.sidebar__logo .logo-text,.sidebar__link span{display:none}.sidebar__link{justify-content:center;padding:12px}.stats-grid,.grid-2,.grid-3{grid-template-columns:1fr}}