*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef5fc;--surface:#fff;--surface-2:#f2f7fc;--card:#fff;--card2:#f2f7fc;--line:#d9e6f2;--border:#d9e6f2;--text:#0f2438;--muted:#5c7189;--primary:#0ea5e9;--primary-2:#38bdf8;--green:#16a34a;--red:#ef4444;--amber:#f59e0b;--radius:14px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.row{display:flex;gap:14px;flex-wrap:wrap}.col{flex:1 1;min-width:240px}.btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.amber{background:var(--amber);color:#1a1300}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.sm{padding:6px 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}label{font-size:13px;color:var(--muted)}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}h1{font-size:24px;margin-bottom:4px}h2{font-size:18px;margin:6px 0}h3{font-size:15px}.muted{color:var(--muted);font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.pending{background:#fef3d7;color:#a15c07}.badge.cooking{background:#e0f2fe;color:#0369a1}.badge.served{background:#e7f7ee;color:#147a3d}.badge.cancelled{background:#fde8e8;color:#c81e1e}.badge.role{background:#e0f2fe;color:#0369a1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:none}.tag{font-size:12px;color:var(--muted)}.big{font-size:28px;font-weight:800}.nav{display:flex;gap:16px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line);align-items:center}.nav a{color:var(--muted);font-weight:600}.nav a:hover{color:var(--text)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.flash{animation:flash 1s ease}@keyframes flash{0%{background:#dbeffc}to{background:var(--card)}}.modal-backdrop{position:fixed;inset:0;z-index:1500;background:rgba(6,10,20,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:380px;background:#fff;color:#0f1729;border:1px solid #e5e9f2;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center;animation:toastIn .18s ease}.modal-card .btn.ghost{background:#fff;border:1px solid #d5dbe8;color:#0f1729}.modal-card .btn.ghost:hover{background:#f4f6fb}.modal-card .card{background:#f8fafc;border:1px solid #e5e9f2;box-shadow:none}.modal-card .hint{background:#f4f6fb;border:1px solid #e5e9f2;color:#475467}.toasts{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:340px}.toast{background:#fff;color:#0f1729;border:1px solid #e5e9f2;border-left:4px solid #0ea5e9;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(16,24,40,.18);animation:toastIn .2s ease;font-weight:600}.toast .tt{font-size:12px;color:#667085;font-weight:500;margin-top:2px}.toast.pay{border-left-color:#d97706}.toast.call{border-left-color:#06b6d4}.toast.order{border-left-color:#16a34a}@keyframes toastIn{0%{transform:translateX(20px);opacity:0}to{transform:none;opacity:1}}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:640px){.menu-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:960px){.menu-grid{grid-template-columns:repeat(4,1fr)}}.menu-grid .card{padding:12px;display:flex;flex-direction:column}.menu-top{display:flex;gap:10px;align-items:flex-start}.menu-info{min-width:0;flex:1 1}.menu-info h3{font-size:15px;line-height:1.25}.menu-thumb{width:72px;height:72px;flex-shrink:0;object-fit:contain;background:var(--surface-2);border-radius:10px}.menu-qty{display:flex;align-items:center;gap:8px;margin-top:12px}.menu-qty .num{min-width:22px;text-align:center;font-weight:700}.kds .grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start}.kds .tcard{padding:0;overflow:hidden}.kds .tcard.late{border-color:var(--red);box-shadow:0 0 0 1px rgba(239,68,68,.35),0 10px 30px rgba(239,68,68,.14)}.kds .thead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(14,165,233,.06),transparent)}.kds .tcard.late .thead{background:linear-gradient(180deg,rgba(239,68,68,.1),transparent)}.kds .thead h3{margin:0;font-size:17px}.kds .timer{font-size:13px;font-weight:700}.kds .tbody{padding:6px 16px 12px}.kds .titem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.kds .titem:last-child{border-bottom:none}.kds .titem .iname{font-weight:700;font-size:15px}.kds .tactions{display:flex;gap:8px;flex-shrink:0}.kds .btn{white-space:nowrap}.kds .btn.serve{min-width:74px}.admin-wrap{--bg:#eef5fc;--surface:#fff;--surface-2:#f2f7fc;--card:#fff;--card2:#f2f7fc;--line:#d9e6f2;--text:#0f2438;--muted:#5c7189;--primary:#0ea5e9;--primary-2:#38bdf8;--green:#16a34a;--red:#dc2626;--amber:#d97706;display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.admin-wrap .card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06)}.admin-wrap input,.admin-wrap select{background:#fff;border:1px solid #d5dbe8;color:var(--text)}.admin-wrap input::placeholder{color:#98a2b3}.admin-wrap input:focus,.admin-wrap select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}.admin-wrap .muted,.admin-wrap th{color:var(--muted)}.admin-wrap td,.admin-wrap th{border-bottom:1px solid var(--line)}.admin-wrap tbody tr{transition:background .1s}.admin-wrap tbody tr:hover{background:#f8fafc}.admin-wrap .btn.ghost{background:#fff;border:1px solid #d5dbe8;color:var(--text)}.admin-wrap .btn.ghost:hover{background:#f4f6fb}.admin-wrap .btn.ghost.danger{color:var(--red);border-color:#f3c6c6}.admin-wrap .btn.ghost.danger:hover{background:#fef2f2}.admin-wrap .badge.served{background:#e7f7ee;color:#147a3d}.admin-wrap .badge.pending{background:#fef3d7;color:#a15c07}.admin-wrap .badge.cooking{background:#e0f2fe;color:#0b6e99}.admin-wrap .badge.role{background:#e0f2fe;color:#0369a1}.admin-wrap .hint{background:#f8fafc;border:1px solid var(--line);color:var(--muted)}.sidebar{width:250px;flex-shrink:0;background:#fff;color:var(--text);border-right:1px solid var(--line);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-weight:800;font-size:17px;color:var(--red);padding:6px 12px 20px;gap:8px;letter-spacing:.2px}.brand,.side-link{display:flex;align-items:center}.side-link{gap:11px;padding:10px 12px;border-radius:9px;color:#5c7189;font-weight:600;font-size:14px;margin-bottom:2px;transition:background .12s,color .12s}.side-link:hover{background:#eef5fc;color:var(--text)}.side-link.active{background:#e0f2fe;color:#0369a1;box-shadow:inset 3px 0 0 var(--primary)}.side-link .ic{width:20px;text-align:center;font-size:15px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.sidebar .muted{color:var(--muted)!important}.sidebar .btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.sidebar .btn.ghost:hover{background:#eef5fc}.admin-main{flex:1 1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar h1{color:var(--text)}.admin-content{padding:26px 28px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 3px rgba(16,24,40,.05);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);opacity:.9}.stat .label{color:var(--muted);font-size:13px;margin-bottom:8px}.stat .value{font-size:26px;font-weight:800;color:var(--text)}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#0f2438;background:linear-gradient(135deg,#e3f2fd,#f6fbff 50%,#eaf4fd);padding:20px}.login-card{width:100%;max-width:400px}.login-bg h1{color:#0f2438}.login-bg .muted{color:#5c7189}.login-bg .card{padding:30px;background:#fff;border:1px solid #d9e6f2;border-radius:16px;box-shadow:0 12px 40px rgba(14,110,165,.14)}.login-bg input{background:#fff;border:1px solid #cddcea;color:#0f2438}.login-bg input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}.login-bg .hint{background:#f2f7fc;border:1px solid #d9e6f2;color:#475467}