@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#1a1a2e;--secondary:#16213e;--accent:#0f3460;--highlight:#e94560;--light:#f5f5f5;--white:#fff}body{color:#333;background-color:#f0f2f5;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);width:260px;color:var(--white);z-index:100;min-height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h1{color:var(--white);margin:0;font-size:1.4rem;font-weight:700}.sidebar-header p{color:#fff9;margin:4px 0 0;font-size:.8rem}.sidebar-menu{margin:0;padding:12px 0;list-style:none}.sidebar-menu li{cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;transition:background .2s;display:flex}.sidebar-menu li:hover{background:#ffffff1a}.sidebar-menu li.active{border-left:3px solid var(--highlight);background:#e945604d}.main-content{min-height:100vh;margin-left:260px;padding:24px}.card{background:var(--white);border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #00000014}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{margin:0;font-size:1.2rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--highlight);color:var(--white)}.btn-primary:hover{background:#d63a52}.btn-secondary{background:var(--accent);color:var(--white)}.btn-secondary:hover{background:#0a2848}.btn-outline{color:#666;background:0 0;border:1px solid #ddd}.btn-outline:hover{border-color:var(--highlight);color:var(--highlight)}.btn-sm{padding:6px 12px;font-size:.8rem}.form-group{margin-bottom:16px}.form-label{color:#555;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--highlight);outline:none;box-shadow:0 0 0 2px #e945601a}.form-textarea{resize:vertical;min-height:80px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#555;background:#f8f9fa;border-bottom:2px solid #eee;padding:12px 16px;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid #eee;padding:12px 16px;font-size:.9rem}.data-table tr:hover{background:#f8f9fa}.badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-pending{color:#856404;background:#fff3cd}.badge-preparing{color:#004085;background:#cce5ff}.badge-ready{color:#155724;background:#d4edda}.badge-served{color:#0c5460;background:#d1ecf1}.badge-paid{color:#155724;background:#d4edda}.badge-cancelled{color:#721c24;background:#f8d7da}.badge-available{color:#155724;background:#d4edda}.badge-occupied{color:#721c24;background:#f8d7da}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:12px;width:500px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:1.2rem;font-weight:600}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.stat-card .stat-value{color:var(--highlight);font-size:2rem;font-weight:700}.stat-card .stat-label{color:#888;font-size:.85rem}.spinner{border:3px solid #eee;border-top:3px solid var(--highlight);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#721c24;background:#f8d7da;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.success-message{color:#155724;background:#d4edda;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}@media (width<=768px){.sidebar{width:60px}.sidebar-header h1,.sidebar-header p,.sidebar-menu li span{display:none}.main-content{margin-left:60px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.kitchen-order-card{background:var(--white);border-left:4px solid var(--highlight);border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 2px 6px #00000014}.kitchen-order-header{justify-content:space-between;margin-bottom:12px;display:flex}.kitchen-order-items{margin:0 0 12px;padding:0;list-style:none}.kitchen-order-items li{border-bottom:1px solid #eee;padding:8px 0;font-size:.95rem}.table-layout{gap:16px;padding:20px;display:grid}.table-cell{background:var(--white);text-align:center;cursor:pointer;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 2px 6px #00000014}.table-cell.available{border:2px solid #28a745}.table-cell.available:hover{background:#d4edda}.table-cell.occupied{opacity:.8;border:2px solid #dc3545}.table-cell .table-capacity{color:#888;font-size:.8rem}.menu-item-card{background:var(--white);border-radius:12px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.menu-item-card:hover{transform:translateY(-4px)}.menu-item-image{object-fit:cover;background:#f0f2f5;width:100%;height:160px}.menu-item-info{padding:16px}.menu-item-name{margin-bottom:4px;font-size:1rem;font-weight:600}.menu-item-price{color:var(--highlight);font-size:1.1rem;font-weight:700}.menu-item-category{color:#888;font-size:.8rem}.toggle-switch{width:48px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--highlight)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.empty-state{text-align:center;color:#999;padding:40px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:3rem}.empty-state p{font-size:.95rem}