@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{background-color:#F8FAFC;color:#0F172A;font-family:Sarabun,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94A3B8}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.admin-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:10px 24px;justify-content:space-between;gap:16px;box-shadow:0 1px 3px rgba(15,23,42,.05)}.admin-navbar,.brand-section{display:flex;align-items:center}.brand-section{gap:12px}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#E11D48,#BE123C);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px rgba(225,29,72,.3)}.brand-title{font-size:18px;font-weight:800;color:#0F172A;line-height:1.1;letter-spacing:-.02em}.brand-sub{font-size:11px;font-weight:600;color:#E11D48;letter-spacing:.04em;text-transform:uppercase}.nav-tabs{display:flex;background:#F1F5F9;padding:4px;border-radius:12px;gap:4px}.nav-tab-btn{padding:8px 18px;border-radius:8px;border:none;background:transparent;color:#64748B;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.nav-tab-btn:hover{color:#0F172A}.nav-tab-btn.active{background:#FFFFFF;color:#0F172A;box-shadow:0 1px 3px rgba(0,0,0,.1)}.navbar-right{display:flex;align-items:center;gap:10px}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:#ECFDF5;color:#059669;font-size:12px;font-weight:700;border:1px solid #a7f3d0}.live-dot{width:8px;height:8px;border-radius:50%;background:#10B981;animation:pulseDot 2s infinite}.info-pill{padding:6px 12px;border-radius:9999px;background:#F1F5F9;color:#475569;font-size:12px;font-weight:600}.admin-container{max-width:1440px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .2s ease-out}.hero-call-bar{background:linear-gradient(135deg,#1E293B,#0F172A);border-radius:20px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;box-shadow:0 10px 25px -5px rgba(15,23,42,.25)}.hero-call-info h2{font-size:20px;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:10px}.hero-call-info p{margin:0;color:#94A3B8;font-size:14px}.hero-btn{background:linear-gradient(135deg,#E11D48,#BE123C);border:none;padding:14px 28px;border-radius:14px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(225,29,72,.4);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.hero-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(225,29,72,.5)}.hero-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.kpi-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .15s ease}.kpi-card:hover{border-color:#CBD5E1;box-shadow:0 4px 12px rgba(15,23,42,.06)}.kpi-card-head{display:flex;align-items:center;justify-content:space-between;color:#64748B;font-size:13px;font-weight:700}.kpi-card-val{font-size:32px;font-weight:800;color:#0F172A;line-height:1;letter-spacing:-.02em}.kpi-card-sub{font-size:12px;color:#94A3B8;font-weight:500}.filter-bar{align-items:center;justify-content:space-between;gap:16px;background:#FFFFFF;border:1px solid #e2e8f0;padding:12px 18px;border-radius:16px}.filter-bar,.filter-chips{display:flex;flex-wrap:wrap}.filter-chips{gap:8px}.filter-chip{padding:6px 14px;border-radius:9999px;border:1px solid #e2e8f0;background:#F8FAFC;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.filter-chip:hover{background:#F1F5F9}.filter-chip.active{background:#0F172A;border-color:#0F172A;color:#FFFFFF}.search-box{display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;width:260px}.search-box input{border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;color:#0F172A;width:100%}.queue-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.queue-col-panel{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.queue-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.queue-col-header h3{font-size:16px;font-weight:800;color:#0F172A;display:flex;align-items:center;gap:8px;margin:0}.count-badge{padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:700;background:#F1F5F9;color:#475569}.ticket-card{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .15s ease}.ticket-card:hover{background:#FFFFFF;border-color:#CBD5E1;box-shadow:0 4px 12px rgba(15,23,42,.06)}.ticket-card.called{border-left:4px solid #e11d48;background:#FFF5F7}.ticket-card.serving{border-left:4px solid #8b5cf6;background:#F5F3FF}.ticket-card-top{display:flex;align-items:center;justify-content:space-between}.ticket-number{font-size:22px;font-weight:800;color:#0F172A;letter-spacing:-.02em}.ticket-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748B}.preorder-box{background:#FFFFFF;border:1px dashed #cbd5e1;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.preorder-item{color:#334155;display:flex;align-items:baseline;justify-content:space-between}.preorder-opt{color:#D97706;font-size:11px}.ticket-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.btn-action{padding:8px 14px;border-radius:8px;border:none;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-action:hover:not(:disabled){filter:brightness(1.08)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-call{background:#E11D48;color:#fff}.btn-seat{background:#10B981;color:#fff}.btn-recall{background:#F59E0B;color:#fff}.btn-done{background:#059669;color:#fff}.btn-cancel{background:#E2E8F0;color:#64748B}.empty-box{padding:40px 20px;text-align:center;color:#94A3B8;font-size:14px}.kds-container{min-height:calc(100vh - 80px);background:#0B0F17;color:#F8FAFC;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.kds-topbar{flex-wrap:wrap;gap:10px 16px;padding:14px 24px;background:#111827;border-bottom:1px solid #1f2937}.kds-title,.kds-topbar{display:flex;align-items:center}.kds-title{gap:10px;margin:0;font-size:18px;font-weight:800;color:#F8FAFC}.kds-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #374151;background:#1F2937;color:#F3F4F6;font-size:13px;font-weight:600;cursor:pointer}.kds-btn:hover{background:#374151}.kds-summary-bar{padding:12px 24px;background:#131C2E;border-bottom:1px solid #1e293b;justify-content:space-between;gap:12px}.kds-summary-bar,.kds-tally-items{display:flex;flex-wrap:wrap;align-items:center}.kds-tally-items{gap:8px 12px}.kds-tally-item{display:inline-flex;align-items:center;gap:6px;background:#1E293B;border:1px solid #334155;padding:4px 10px;border-radius:6px;font-size:13px;color:#E2E8F0}.kds-tally-item .qty{color:#F59E0B;font-weight:800}.kds-controls{padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#0F172A;border-bottom:1px solid #1e293b}.kds-chip-group{display:flex;flex-wrap:wrap;gap:8px}.kds-chip{padding:6px 14px;border-radius:8px;border:1px solid #334155;background:#1E293B;color:#94A3B8;font-size:13px;font-weight:600;cursor:pointer}.kds-chip.active{background:#E11D48;border-color:#E11D48;color:#fff}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px;padding:20px 24px;flex:1 1;align-content:start}.kds-card{background:#182234;border:2px solid #293548;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.3)}.kds-card.urgent{border-color:#DC2626;box-shadow:0 0 16px rgba(220,38,38,.35)}.kds-card.ready{border-color:#059669;background:#112822}.kds-card-head{padding:12px 16px;background:#1E293B;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between;gap:8px}.kds-order-num{font-size:18px;font-weight:800;color:#F8FAFC}.kds-timer{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-family:monospace;font-size:14px;font-weight:700}.kds-timer.normal{background:#065F46;color:#A7F3D0}.kds-timer.warning{background:#78350F;color:#FDE68A}.kds-timer.urgent{background:#991B1B;color:#FECACA;animation:urgentPulse 1.5s infinite}.kds-card-meta{padding:8px 16px;background:#141D2D;font-size:13px;color:#94A3B8;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #232e40}.kds-items-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex:1 1}.kds-item-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:#1F2C42;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kds-item-row.struck{opacity:.45;background:#141C2B}.kds-item-row.struck .kds-item-name{text-decoration:line-through}.kds-item-qty{font-size:16px;font-weight:800;color:#38BDF8;min-width:30px}.kds-item-content{flex:1 1}.kds-item-name{font-size:14px;font-weight:700;color:#F1F5F9;line-height:1.3}.kds-item-tag{display:inline-block;margin-top:4px;margin-right:6px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;background:#3B2A15;color:#FBBF24}.kds-card-actions{padding:12px 16px;background:#141D2D;border-top:1px solid #232e40;display:flex;gap:8px}.kds-action-btn{flex:1 1;padding:10px 14px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer}@media (max-width:1024px){.queue-columns{grid-template-columns:1fr}}@media (max-width:768px){.admin-navbar{flex-wrap:wrap;padding:12px 16px}.nav-tabs{order:3;width:100%;justify-content:center}.hero-call-bar{flex-direction:column;align-items:stretch;text-align:center}.hero-btn,.hero-call-info h2{justify-content:center}.admin-container{padding:16px}}