:root{--ink:#17263c;--sub:#728097;--line:#e9edf4;--blue:#2769d7;--blue-dark:#184ca9;--nav:#101c2c;--bg:#f6f8fb;--green:#16956b;--red:#d85259;--amber:#cb8d2e;--shadow:0 6px 25px rgba(26,45,73,.045);--r:12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}body{background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#app{display:flex;min-height:100vh}.sidebar{width:234px;flex:none;background:var(--nav);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;color:#f6f9fe}.logo{height:83px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:37px;height:37px;background:#346ee8;border-radius:11px;display:grid;place-items:center;color:white;font-size:20px;font-family:Georgia;font-weight:700}.logo b{font-size:17px;letter-spacing:.4px}.logo small{display:block;font-size:10px;letter-spacing:2px;color:#93a6bd;margin-top:3px}.store-switch{margin:17px 14px 10px;padding:13px 12px;background:#1b2a3e;border:1px solid #293a50;border-radius:10px;display:flex;align-items:center;gap:11px}.store-icon{font-size:20px}.store-switch b{font-size:12px}.store-switch small{font-size:11px;color:#99a9bc;display:block;margin-top:2px}.store-switch .chev{margin-left:auto;color:#91a7c0}.nav-scroll{flex:1;overflow-y:auto;padding:1px 11px 26px;scrollbar-width:thin;scrollbar-color:#3b4c62 transparent}.nav-label{padding:19px 13px 7px;font-size:10px;letter-spacing:2px;color:#60758c;font-weight:700}.nav-btn{width:100%;height:36px;color:#a7b6c9;background:none;border:0;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;font-size:12.5px;margin:3px 0;transition:.15s}.nav-btn:hover{background:#22354c;color:white}.nav-btn.active{color:white;background:#2a59a7;font-weight:600}.nav-ico{font-size:16px;display:inline-flex;width:18px;justify-content:center}.nav-foot{padding:15px 23px;border-top:1px solid rgba(255,255,255,.06);color:#7790a9;font-size:11px;display:flex;gap:9px;align-items:center}.main{flex:1;min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:10}.crumb{font-size:12px;color:#8490a3}.crumb strong{color:#314359;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.quicksearch{border:1px solid var(--line);background:#f8faff;color:#90a0b1;border-radius:8px;padding:9px 12px;font-size:12px;width:205px}.top-circle{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:16px;background:white}.avatar{width:32px;height:32px;background:#e6f0ff;color:#2f64ba;display:grid;place-items:center;border-radius:50%;font-weight:700}.account{border-left:1px solid var(--line);padding-left:17px;display:flex;align-items:center;gap:9px}.account b{font-size:12px}.account small{display:block;color:#8895a6;font-size:11px}.content{padding:30px 34px 70px;max-width:1760px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{font-size:11px;color:#9aa5b7;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.page-heading h1{margin:7px 0 7px;font-size:25px;letter-spacing:-.5px;color:#1d2a41;font-weight:700}.page-heading p{margin:0;color:#8994a4;font-size:12px}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:7px}.btn{border:1px solid #dce4ef;border-radius:8px;background:white;color:#425269;font-size:12px;padding:9px 13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:35px}.btn:hover{border-color:#adc8f8;color:#2769d7}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #2769d720}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{color:#c04855}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{padding:5px 10px;min-height:27px}.btn.tiny{padding:4px 8px;min-height:24px;font-size:11px}.btn.pill{border-radius:20px}.muted{color:#94a0b0}.textblue{color:var(--blue)}.grid{display:grid;gap:17px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.kpi{padding:22px 22px 19px;min-height:136px;position:relative}.kpi:before{content:'';height:3px;width:100%;position:absolute;top:0;left:0;background:var(--accent,#2d72de)}.kpi-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8792a3}.kpi-icon{font-size:19px;color:var(--accent,#2d72de);border-radius:9px;padding:7px;background:#f2f6fd}.kpi-value{font-size:27px;font-weight:750;letter-spacing:-.7px;margin-top:15px;font-variant-numeric:tabular-nums}.kpi-meta{font-size:11px;color:#9aa6b5;margin-top:9px}.delta{color:#19946d;margin-left:8px}.dash-grid{grid-template-columns:minmax(0,1.7fr) minmax(295px,1fr)}.panel-title{height:61px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px}.panel-title b{font-size:14px}.panel-title small{font-size:11px;color:var(--sub)}.panel-body{padding:19px 21px}.seg{display:flex;gap:2px;background:#f4f6fa;border-radius:7px;padding:3px}.seg button{border:0;background:transparent;border-radius:5px;padding:6px 10px;color:#7d8a9b;font-size:11px}.seg button.selected{background:white;box-shadow:0 1px 5px #c3cbd550;color:#2a4d80;font-weight:700}.bar-legend{display:flex;gap:16px;color:#8392a3;font-size:11px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.chart-area{height:214px;display:block;width:100%}.occupancy{display:flex;align-items:center;gap:20px;padding:14px 0 17px}.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(#3474dc 0 61%,#eef3fa 61% 100%);display:grid;place-items:center;flex:none}.ring-hole{background:white;border-radius:50%;width:104px;height:104px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-hole b{font-size:29px;line-height:1}.ring-hole small{margin-top:8px;font-size:10px;color:#92a0b0}.occupancy-legend{display:grid;gap:13px;width:100%;font-size:12px}.occupancy-legend .line{display:flex;justify-content:space-between;align-items:center}.small-dot{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:7px}.underline-item{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#6f8093}.bottom-grid{margin-top:17px;grid-template-columns:minmax(0,1.7fr) minmax(295px,1fr)}table.data{border-collapse:collapse;width:100%;font-size:12px}table.data thead th{text-align:left;color:#8b99aa;background:#f9fbfd;font-size:11px;font-weight:600;padding:13px 17px;border-bottom:1px solid var(--line);white-space:nowrap}table.data tbody td{padding:14px 17px;border-bottom:1px solid #f0f2f6;color:#49596f;white-space:nowrap}table.data tbody tr:hover{background:#fafcff}table.data tbody tr:last-child td{border-bottom:none}.linklike{background:none;border:0;padding:0;color:#2867ce;font-size:12px;font-weight:600}.table-wrap{overflow-x:auto}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;background:#f3f5f8;color:#788397;white-space:nowrap}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.green{color:#148d66;background:#e8f8f1}.status.orange{color:#bf7d22;background:#fff5e5}.status.blue{color:#256bcb;background:#ecf3ff}.status.red{color:#cf5660;background:#fff0f2}.status.gray{color:#8894a3;background:#f1f3f7}.task-row{padding:14px 0;border-bottom:1px solid #f1f3f7;display:flex;align-items:center;gap:12px}.task-row:last-child{border-bottom:none}.task-dot{width:35px;height:35px;background:#edf4ff;color:#2664c2;border-radius:9px;display:grid;place-items:center;font-size:16px}.task-row b{font-size:12px}.task-row p{margin:4px 0 0;color:#97a3b0;font-size:11px}.task-row .count{font-weight:750;font-size:17px;margin-left:auto;margin-right:8px}.filters{background:white;padding:17px 19px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:11px;margin-bottom:16px}.control{height:36px;border:1px solid #e0e6ef;background:white;border-radius:7px;padding:0 11px;color:#45566f;font-size:12px;outline:none}.control:focus{border-color:#79aaed;box-shadow:0 0 0 3px #ddebff}.control.search{min-width:220px;flex:1;max-width:380px}.f-right{margin-left:auto}.total-line{padding:15px 19px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a96a7;border-bottom:1px solid var(--line)}.list-page{min-height:455px}.pagin{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#9aa6b5;font-size:11px;border-top:1px solid var(--line)}.pagination-btn{border:1px solid var(--line);background:white;border-radius:6px;padding:5px 10px;color:#6a7b90;margin-left:4px}.pagination-btn.current{background:#2769d7;color:#fff}.table-board-summary{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:17px}.board-stat{border:1px solid var(--line);border-radius:8px;background:white;display:flex;align-items:center;gap:9px;padding:11px 15px;color:#6f7b8e;font-size:12px}.board-stat b{font-size:17px;color:var(--ink)}.board-stat.active{border-color:#8bb3ef;background:#f2f7ff;color:#286bd1}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.table-card{border:1px solid #e4eaf2;background:white;border-radius:11px;padding:16px 17px;min-height:139px;cursor:pointer;transition:.17s;position:relative}.table-card:hover{border-color:#82aaf2;box-shadow:0 7px 22px rgba(30,73,132,.08);transform:translateY(-1px)}.table-card .top{display:flex;justify-content:space-between;align-items:center}.table-card .num{font-size:19px;font-weight:750}.table-card .category{font-size:11px;color:#9aa6b6;margin-top:5px}.table-card .bottom{border-top:1px dashed #ebeff4;margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:#8695a6}.table-card .table-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#f0f4fa;font-size:19px;color:#566e96}.table-card.used{border-left:3px solid #3070d8}.table-card.reserved{border-left:3px solid #e0a346}.table-card.clean{border-left:3px solid #cb6d61}.table-card.free{border-left:3px solid #1e9b78}.section-title{font-size:13px;font-weight:700;margin:27px 0 14px;display:flex;align-items:center;justify-content:space-between}.section-title small{font-weight:normal;color:#9aa5b6}.date-chips{display:flex;gap:8px;flex-wrap:wrap}.date-chip{padding:11px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:#7a8797}.date-chip b{display:block;color:var(--ink);font-size:16px}.date-chip.active{border-color:#2769d7;background:#edf4ff;color:#2261c4}.timeline{display:grid;grid-template-columns:85px repeat(5,minmax(100px,1fr));border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white}.timeline>*{padding:14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:11px;min-height:57px}.timeline .head{background:#f5f8fc;font-weight:700}.timeline .slot{background:#eff5ff;border-radius:7px;color:#2b65b8;padding:7px 8px}.timeline .slot.orange{background:#fff4e7;color:#9b721c}.kitchen-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kitchen-col{background:#edf1f7;border-radius:11px;padding:15px;min-height:395px}.kitchen-col h3{font-size:13px;margin:2px 0 16px;display:flex;justify-content:space-between}.kitchen-card{background:white;border:1px solid #e6ebf3;border-radius:10px;padding:17px;margin-bottom:11px}.kitchen-card h4{margin:0 0 6px;font-size:14px}.kitchen-card p{font-size:11px;color:#8a96a7;line-height:1.8}.kitchen-card button{width:100%}.pos-layout{display:grid;grid-template-columns:1fr 350px;gap:17px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.prod-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:white;cursor:pointer}.prod-card:hover{border-color:#7ca8ed}.prod-thumb{height:88px;border-radius:8px;background:linear-gradient(135deg,#e2e8ed,#f7f7f3);display:grid;place-items:center;font-size:34px;margin-bottom:12px}.prod-card b{font-size:13px}.prod-card p{font-size:11px;color:#929eb1}.prod-price{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.prod-price strong{font-size:15px;color:#233c67}.cart-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-height:465px}.cart-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.qty{display:flex;gap:7px;align-items:center}.qty button{border:1px solid var(--line);background:white;width:23px;height:23px;border-radius:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;color:#68798d;font-weight:600}.field .control{width:100%}textarea.control{height:88px;padding:11px;resize:vertical}.detail-row{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px;padding:11px 0;border-bottom:1px solid #f0f3f6}.detail-row span{color:#8e9daf}.detail-row b{font-weight:500;color:#2c3b52}.mini-rule{font-size:11px;color:#9aa6b5;line-height:1.8}.report-bars{display:flex;gap:14px;align-items:end;height:220px;padding:23px 18px 17px;border-bottom:1px solid var(--line)}.report-col{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:9px;height:100%}.report-col .thebar{width:65%;max-width:44px;background:linear-gradient(180deg,#4286e6,#84b5ef);border-radius:5px 5px 0 0}.report-col small{color:#a0a9b7;font-size:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.setting-row b{font-size:13px}.setting-row p{font-size:11px;color:#9aa6b5;margin:6px 0 0}.toggle{height:24px;width:42px;border-radius:20px;border:0;background:#cbd4e2;padding:3px;transition:.2s}.toggle:before{content:'';display:block;height:18px;width:18px;border-radius:50%;background:white;transition:.2s}.toggle.yes{background:#2770dd}.toggle.yes:before{transform:translateX(18px)}.overlay{position:fixed;inset:0;background:#13203585;z-index:80;display:flex;justify-content:flex-end}.drawer{width:min(520px,100%);background:#fff;height:100vh;box-shadow:-14px 0 35px #182b4030;overflow:auto;display:flex;flex-direction:column}.drawer-head{min-height:82px;padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:3px 0;font-size:19px}.drawer-content{padding:25px 26px;flex:1}.drawer-foot{border-top:1px solid var(--line);padding:18px 25px;display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:white}.modal-overlay{position:fixed;inset:0;background:#14264088;z-index:90;display:grid;place-items:center;padding:18px}.modal-card{width:min(650px,100%);max-height:90vh;overflow:auto;background:white;border-radius:13px;box-shadow:0 25px 100px #0c1c3c38}.modal-header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:18px}.modal-content{padding:22px 23px}.modal-footer{padding:16px 23px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;bottom:24px;right:24px;z-index:150;background:#1f344f;color:#fff;border-radius:10px;padding:13px 18px;box-shadow:0 10px 25px #1e2f4466;font-size:12px}.mobile-preview-backdrop{position:fixed;inset:0;z-index:75;background:#12223dcc;display:flex;justify-content:center;align-items:center;padding:20px;gap:26px}.phone-wrap{width:375px;height:min(775px,93vh);flex:none;border:8px solid #19232e;border-radius:38px;overflow:hidden;background:#151b23;box-shadow:0 30px 100px #0008;position:relative}.phone-app{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#111a22;color:#f7f3ec}.phone-status{height:30px;background:#111922;padding:8px 24px 0;display:flex;justify-content:space-between;color:white;font-size:11px}.phone-body{flex:1;overflow-y:auto;scrollbar-width:none}.phone-page{padding:18px 18px 28px}.phone-tabbar{display:flex;background:#19232c;border-top:1px solid #30404c;height:59px;flex:none}.phone-tabbar button{width:25%;border:0;background:transparent;color:#889eab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px}.phone-tabbar button.active{color:#e5b56e}.phone-head{display:flex;justify-content:space-between;align-items:center;color:#f5e6d2;font-size:13px}.phone-cover{height:184px;background:linear-gradient(120deg,#1e2e36c7,#3b261b77),radial-gradient(circle at 75% 42%,#e4a455,#251f1d 39%,#101c25 76%);border-radius:14px;padding:23px 20px;display:flex;flex-direction:column;justify-content:flex-end;margin-top:19px;border:1px solid #6b5543}.phone-cover strong{font-size:25px;font-family:Georgia,'Noto Serif SC',serif;letter-spacing:2px}.phone-cover p{font-size:11px;letter-spacing:2px;color:#e3bd85;margin:10px 0 0}.phone-btn{border:0;background:#d9ad70;color:#22201c;border-radius:8px;padding:12px 13px;font-size:12px;font-weight:700}.phone-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.phone-mini-btn{background:#1f2b35;border:1px solid #33424b;border-radius:11px;padding:16px 0;text-align:center;font-size:11px;color:#e7e4de}.phone-mini-btn span{display:block;font-size:24px;margin-bottom:8px}.phone-h3{color:#e5d7c1;margin:23px 0 11px;font-size:15px;display:flex;align-items:center;justify-content:space-between}.phone-h3 small{color:#ad9878;font-size:11px;font-weight:normal}.phone-act{padding:16px;border-radius:11px;border:1px solid #39414a;background:linear-gradient(125deg,#2a343a,#1c252e);margin:10px 0}.phone-act small{color:#b9a48b}.phone-act h3{margin:8px 0;color:#f3e2ca;font-size:15px}.phone-act p{font-size:11px;color:#aab7c0}.phone-control{height:40px;border:1px solid #3d4a55;border-radius:8px;background:#1e2a33;color:#fff;padding:0 11px;width:100%;outline:none}.phone-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.phone-item{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #303c47}.phone-item b{font-size:13px;color:#ecdec8}.phone-item small{color:#a9b3c0;display:block;margin-top:6px}.phone-note{padding:13px;border:1px solid #394553;border-radius:8px;color:#d7c5a9;font-size:11px;line-height:1.7;margin:15px 0}.phone-basket{margin-top:10px;padding:12px;background:#27343e;border:1px solid #43505c;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.phone-user{width:55px;height:55px;display:grid;place-items:center;background:#2d3943;color:#e6c48e;border-radius:15px;font-size:28px}.phone-helper{width:250px;color:#d0dce5}.phone-helper h2{font-size:23px;line-height:1.5}.phone-helper p{color:#b2c3d5;line-height:1.9;font-size:13px}.phone-helper .btn{margin-top:20px}.close-x{border:0;background:none;color:#8292a5;font-size:22px}.footer-note{margin-top:24px;color:#9da7b4;font-size:11px}.empty{text-align:center;color:#9ba7b7;padding:52px 12px}.empty i{display:block;font-size:30px;margin-bottom:10px}.error{color:#c54a56;font-size:11px}.hint{font-size:11px;color:#9aa7b8}.tag{padding:5px 8px;border-radius:5px;font-size:11px;background:#f0f4fb;color:#5b7292}.page-tabbar{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:0 19px;background:white}.page-tabbar button{border:0;background:none;color:#8996a7;padding:16px 0;font-size:12px}.page-tabbar button.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:700}.menu-toggle{display:none}@media(max-width:1290px){.table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-products{grid-template-columns:repeat(2,1fr)}.content{padding:25px}.topbar{padding:0 25px}}@media(max-width:1000px){.sidebar{width:196px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.bottom-grid{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.phone-helper{display:none}}@media(max-width:700px){.sidebar{position:fixed;left:-234px;z-index:50;width:234px;transition:.2s}.sidebar.open{left:0}.menu-toggle{display:inline-flex}.topbar{height:60px;padding:0 15px}.account b,.account small,.quicksearch,.top-circle{display:none}.content{padding:18px 13px 50px}.page-heading{flex-direction:column;gap:10px}.page-heading h1{font-size:22px}.kpi-grid{gap:9px}.kpi{padding:15px;min-height:126px}.kpi-value{font-size:22px}.kitchen-columns,.table-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.filters{padding:12px}.control.search{min-width:100%;max-width:100%}.phone-wrap{width:354px;max-width:100%}.page-heading .heading-actions{width:100%}.f-right{margin-left:0}}@media(max-width:420px){.kitchen-columns,.table-grid,.pos-products{grid-template-columns:1fr}.phone-wrap{height:92vh}.mobile-preview-backdrop{padding:6px}}