@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{margin:0;padding:0}:root{--bg:#0a111d;--panel:#0f1a2b;--panel2:#13213a;--line:#22314a;--teal:#2fb8c6;--coral:#f0645f;--amber:#f2a65a;--gold:#e6b86a;--text:#eef2f8;--muted:#8fa0b8;--green:#6fd38a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(1000px 500px at 15% -10%, #14304a 0%, var(--bg) 60%);color:var(--text);-webkit-tap-highlight-color:transparent;background-attachment:fixed;min-height:100dvh;font-family:Poppins,system-ui,sans-serif;overflow-x:clip}#root{text-align:left;width:100%;margin:0;padding:0}h1,h2,h3{color:var(--gold);margin:0;font-family:Playfair Display,Georgia,serif}a{color:inherit}img,video,canvas,svg{max-width:100%}body.lock{touch-action:none;overflow:hidden}.panel,.rowline,.card,.kcard,.sheet,.note,.hint,.adm-body{overflow-wrap:anywhere}.app{width:100%;max-width:1000px;padding:22px 16px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.app.kitchen{max-width:1200px}.gate{text-align:center;max-width:420px;padding-top:60px}.gate img.brand{width:220px;max-width:80%;margin:0 auto 10px;display:block}.gate h1{margin-bottom:16px;font-size:26px}.header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.logo{object-fit:cover;border-radius:14px;width:54px;height:54px}.header-text{min-width:0}.header-text h1{font-size:32px}.header-text p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:2px 0 0;font-size:12px}.table-badge{white-space:nowrap;border:1px solid var(--gold);color:var(--gold);background:#14304a88;border-radius:999px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600}.search,.field{width:100%;color:var(--text);border:1px solid var(--line);font:inherit;background:#0d1a2a;border-radius:14px;outline:none;margin-bottom:12px;padding:14px 18px}.search{border-radius:999px}.search:focus,.field:focus{border-color:var(--teal)}.textarea{resize:vertical;min-height:90px}select.field{appearance:auto}.chips{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.chip{color:var(--text);border:1px solid var(--line);cursor:pointer;font:inherit;background:#0d1a2a;border-radius:999px;padding:9px 20px}.chip.active{color:#1a1205;background:linear-gradient(90deg,#e6b86a,#c99445);border-color:#0000;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:16px;display:grid}.card{cursor:pointer;background:linear-gradient(135deg,#10263a,#0c1626);border:1px solid #2c4a5a;border-radius:22px;gap:14px;padding:12px;transition:transform .15s,border-color .15s;display:flex}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card.soldout{opacity:.55;cursor:default}.cbody{flex-direction:column;flex:1;min-width:0;display:flex}.thumb{background:radial-gradient(circle at 50% 40%,#1c3a52,#0a1422);border-radius:16px;flex:none;place-items:center;width:130px;height:130px;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.ph{font-size:56px}.tag3d{border:1px solid var(--teal);color:#8fe3ec;background:#0c2c33;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.soldtag{color:#fff;background:#000a;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;bottom:8px;left:8px}.card h3{align-items:center;gap:8px;margin:4px 0;font-size:20px;display:flex}.card p{color:var(--muted);margin:0 0 8px;font-size:12.5px;line-height:1.4}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.veg{background:var(--green)}.dot.nonveg{background:#ef4444}.price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price{color:var(--gold);font-size:20px;font-weight:600}.add{color:#1a1205;cursor:pointer;background:linear-gradient(135deg,#f0cd8a,#c99445);border:0;border-radius:50%;flex:none;width:38px;height:38px;font-size:22px}.add:disabled{opacity:.4;cursor:default}.empty{color:var(--muted);grid-column:1/-1}.powered{text-align:center;color:var(--muted);margin-top:30px;font-size:12px}.powered b{color:var(--teal)}.cartbar{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));color:#1a1205;width:min(560px,100% - 28px);font:inherit;cursor:pointer;z-index:20;background:linear-gradient(90deg,#e6b86a,#c99445);border:0;border-radius:999px;justify-content:space-between;padding:16px 22px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #e6b86a40}.overlay{z-index:50;overscroll-behavior:contain;background:#000b;justify-content:center;align-items:flex-end;height:100dvh;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:88dvh;padding:22px 22px calc(110px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:26px 26px 0 0;overflow-y:auto}.sheet.center{text-align:center}.sheet.wide{width:min(760px,100%)}@media (width>=700px){.overlay{align-items:center}.sheet{border-radius:26px;padding-bottom:22px}}.sheet h2{margin-bottom:8px}.sheet p{color:var(--muted)}.big-emoji{text-align:center;font-size:90px}.viewer{--poster-color:transparent;touch-action:none;background:radial-gradient(circle at 50% 40%,#1c3a52,#0a1422);border-radius:18px;width:100%;height:320px}.btn-3d{color:#1a1205;font:inherit;cursor:pointer;background:linear-gradient(90deg,#e6b86a,#c99445);border:0;border-radius:999px;padding:10px 18px;font-weight:600;position:absolute;bottom:12px;right:12px}.detail-row,.total,.cart-line{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.detail-price{color:var(--gold);font-size:24px;font-weight:600}.stepper{border:1px solid var(--line);background:#0a1422;border-radius:999px;align-items:center;gap:14px;padding:4px 8px;display:flex}.stepper button{background:var(--gold);color:#1a1205;cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:18px}.stepper.small button{width:28px;height:28px}.each{color:var(--muted);font-size:12px;display:block}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin:6px 0 14px;font-size:13px;display:flex}.error{color:#ff7a8a;margin:6px 0}.note{border:1px solid var(--teal);color:#bfeff4;background:#2fb8c622;border-radius:12px;padding:10px 14px}.hint{color:var(--muted);margin:6px 0;font-size:12.5px}.success-mark{background:var(--green);color:#0d2a16;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 12px;font-size:38px;display:grid}.btn-gold{color:#1a1205;width:100%;font:inherit;cursor:pointer;background:linear-gradient(90deg,#e6b86a,#c99445);border:0;border-radius:999px;margin-top:10px;padding:15px;font-weight:600;display:block}.btn-gold:disabled{opacity:.6}.btn-ghost{text-align:center;border:1px solid var(--line);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:10px;padding:14px;display:block}.btn-small{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:13.5px;text-decoration:none;display:inline-block}.btn-small.solid{color:#fff;background:linear-gradient(90deg,#f0645f,#f2a65a);border-color:#0000;font-weight:600}.panel-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:linear-gradient(#0b1626,#0a111d 60%,#2a1a2a);flex-direction:column;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{border-bottom:1px solid var(--line);text-align:left;margin-bottom:14px;padding:0 0 12px;display:block}.side-brand img.brandimg{object-fit:contain;background:#0a111d;border-radius:12px;width:100%;height:auto;max-height:140px;display:block}.side-brand strong{color:var(--gold);font-family:Playfair Display,serif;font-size:20px;display:block}.side-brand span{color:var(--muted);font-size:11.5px}.side nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-btn{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex;position:relative}.nav-btn:hover{background:#ffffff10}.nav-btn.active{color:#fff;background:linear-gradient(90deg,#e8665f,#2a6f8c);font-weight:600}.side-foot{display:none}.main{padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));min-width:0;max-width:1300px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.topbar h1{color:var(--text);font-size:36px}.topchips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.tchip{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#0d1a2a;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;display:inline-flex}.tchip.round{padding:10px 14px}.tchip.soundbtn{color:#fff;background:linear-gradient(90deg,#f0645f,#f2a65a);border-color:#0000;font-weight:600}.tchip.soundbtn.off{border-color:var(--line);color:var(--muted);background:#0d1a2a}.dotlive{background:#ef4444;border-radius:50%;width:9px;height:9px;display:inline-block}.dotlive.on{background:#2ee59d;box-shadow:0 0 8px #2ee59d}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#0f1c30,#0c1626);border-radius:20px;margin-bottom:16px;padding:18px}.panel h2{color:var(--text);margin-bottom:12px;font-size:22px}.rowline{border-bottom:1px solid #22314a99;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.pill{color:#8fe3ec;background:#2fb8c622;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:13px;display:inline-block}.pill.low{color:#ff9a96;background:#f0645f22}.stats6{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:linear-gradient(135deg,#0f2a3a,#0c1626);border-radius:18px;min-height:170px;padding:16px;position:relative;overflow:hidden}.stats6 .stat:nth-child(2){background:linear-gradient(135deg,#2a1a2e,#0c1626)}.stats6 .stat:nth-child(3){background:linear-gradient(135deg,#2e2418,#0c1626)}.stats6 .stat:nth-child(5){background:linear-gradient(135deg,#2a1a2e,#0c1626)}.stats6 .stat:nth-child(6){background:linear-gradient(135deg,#2e2a22,#0c1626)}.stat .ico{background:#ffffff14;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:10px;font-size:18px;display:grid}.stat b.name{color:var(--text);font-size:15px;display:block}.stat small{color:var(--muted);font-size:11.5px;display:block}.stat em.big{color:var(--text);margin:4px 0;font-family:Playfair Display,serif;font-size:30px;font-style:normal;display:block}.spark{width:42%;height:34px;position:absolute;bottom:10px;right:10px}.stats{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:14px;margin-bottom:18px;display:grid}.dashgrid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bigline{color:var(--text);margin:8px 0;font-family:Playfair Display,serif;font-size:34px}.track{background:#ffffff14;border-radius:99px;height:8px;margin:10px 0}.fill{background:linear-gradient(90deg, var(--coral), var(--amber));border-radius:99px;height:100%}.banner{border:1px solid var(--line);background:linear-gradient(#15304a55,#0a111d 90%),linear-gradient(120deg,#1d3b5c,#e8665f 90%);border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:200px;margin-bottom:16px;padding:22px;display:flex}.banner small{letter-spacing:.3em;color:var(--muted)}.banner h2{color:var(--gold);margin:6px 0;font-size:32px;font-style:italic}.banner p{color:var(--muted);margin:0}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qbtn{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#0d1a2a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:13px;display:flex}.qbtn:hover{border-color:var(--teal)}.qbtn span{font-size:20px}.tabs{border:1px solid var(--line);background:#0a1422;border-radius:999px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:7px 16px;font-size:13px}.tabs button.on{color:#fff;background:linear-gradient(90deg,#f0645f,#f2a65a);font-weight:600}.chart{width:100%;height:auto;margin-top:8px}.adm-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px;display:grid}.adm-card{border:1px solid var(--line);background:linear-gradient(135deg,#0f1c30,#0c1626);border-radius:20px;overflow:hidden}.adm-card .thumb{border-radius:0;width:100%;height:150px}.adm-body{flex-direction:column;gap:6px;padding:14px;display:flex}.adm-body h3{color:var(--text);font-size:19px}.sub{color:var(--muted);font-size:13px}.rank{color:#fff;background:#000a;border-radius:999px;padding:3px 10px;font-size:12px;position:absolute;top:8px;left:8px}.adm-actions{gap:8px;margin-top:6px;display:flex}.toggle{border:1px solid var(--green);color:var(--green);font:inherit;cursor:pointer;background:#6fd38a22;border-radius:12px;flex:1;padding:10px}.toggle.off{color:#ff8a8a;background:#ef444422;border-color:#ef4444}.icon-btn{border:1px solid var(--line);width:42px;color:var(--text);cursor:pointer;background:0 0;border-radius:12px}.icon-btn.del{color:#ff8a8a}.photo-box{align-items:center;gap:14px;margin-bottom:10px;display:flex}.photo-preview{border:1px solid var(--line);background:#0a1422;border-radius:16px;flex:none;place-items:center;width:84px;height:84px;font-size:38px;display:grid;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.checks{color:var(--muted);flex-wrap:wrap;gap:20px;margin:6px 0 10px;display:flex}.adm-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.kcols{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px;display:grid}.kcol{border:1px solid var(--line);background:#ffffff08;border-radius:18px;min-width:0;min-height:200px;padding:14px}.kcol h2{color:var(--text);margin-bottom:12px;font-size:20px}.kcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:12px}.ktop{justify-content:space-between;align-items:center;gap:8px;display:flex}.ktable{color:var(--gold);font-size:20px}.klines{margin:8px 0 12px;padding-left:18px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}.seg button.on.present{border-color:var(--green);color:var(--green);background:#6fd38a33}.seg button.on.half{border-color:var(--gold);color:var(--gold);background:#e6b86a33}.seg button.on.absent{color:#ff8a8a;background:#ef444433;border-color:#ef4444}.seg button.on.leave{color:#b9aeff;background:#8b7cf633;border-color:#8b7cf6}.qrgrid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:14px;display:grid}.qrbox{color:#111;text-align:center;background:#fff;border-radius:14px;padding:12px;font-size:13px}.qrbox img{width:100%;height:auto;display:block}.dtable{border-collapse:collapse;width:100%;font-size:14px}.dtable th,.dtable td{text-align:left;border-bottom:1px solid #22314a99;padding:9px 8px}.dtable th{color:var(--muted);font-weight:500}.flabel{color:var(--muted);margin:6px 0 4px;font-size:12.5px;display:block}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.formbtns{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.avatar{border:1px solid var(--line);color:#f0645f;background:#2a1f3d;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:600;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.big{width:52px;height:52px;font-size:22px}.staffrow{align-items:center;gap:12px;min-width:0;display:flex}.attbar{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:8px;display:grid}.attcard{margin-bottom:12px}.sumcode{letter-spacing:.08em;font-size:14px}.bigmoney{color:var(--green);margin-top:6px;font-family:Playfair Display,serif;font-size:34px}.due{color:var(--amber)}@media (width<=900px),(hover:none) and (pointer:coarse){.dashgrid,.two{grid-template-columns:minmax(0,1fr)}}@media (width<=800px),(hover:none) and (pointer:coarse){body{background-attachment:scroll}input,select,textarea{font-size:16px}.shell{grid-template-columns:minmax(0,1fr)}.side{z-index:30;height:auto;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;border-right:0;border-bottom:1px solid var(--line);background:#0b1626;position:sticky;top:0;overflow:visible}.side-brand,.side-foot{display:none}.side nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:6px;overflow-x:auto}.side nav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;flex:none;padding:10px 14px}.nav-btn:has(>span[style*=absolute]){padding-right:44px}.main{padding:14px 12px calc(20px + env(safe-area-inset-bottom))}.topbar{margin-bottom:14px}.topbar h1{font-size:28px}.topchips{justify-content:flex-start;gap:8px}.tchip{padding:8px 12px;font-size:12.5px}.panel{border-radius:16px;padding:14px}.panel h2{font-size:19px}.bigline,.bigmoney{font-size:28px}.banner{min-height:150px;padding:18px}.banner h2{font-size:26px}.app{padding:16px 12px calc(110px + env(safe-area-inset-bottom))}.header{flex-wrap:wrap;gap:10px}.header-text h1{font-size:26px}.thumb{width:110px;height:110px}.sheet{padding:18px 16px calc(110px + env(safe-area-inset-bottom))}.viewer{height:260px}.dtable{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.rowline>.panel-row{flex-wrap:wrap}}@media (width<=600px){.fgrid,.attbar{grid-template-columns:minmax(0,1fr)}.formbtns{flex-wrap:wrap}}@media (width<=520px){.stats6,.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:150px;padding:12px}.stat em.big{font-size:22px}.stat b.name{font-size:13.5px}.quick,.qrgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-actions,.photo-box{flex-wrap:wrap}}@media print{.side,.topbar,.no-print{display:none!important}.shell{display:block}body{background:#fff}}