:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--surface-3:#e7eaee;--border:#e4e7ec;--border-strong:#d4d9e0;--text:#1b232e;--text-2:#5a6573;--text-3:#8b95a3;--accent:#2f6bdf;--accent-weak:#e9f0fd;--accent-ring:#2f6bdf59;--up-bg:#eef1f5;--up-fg:#4b5563;--up-dot:#97a2b1;--ar-bg:#e4f5ea;--ar-fg:#1c7a44;--ar-dot:#27a35b;--ns-bg:#fdf0df;--ns-fg:#945c14;--ns-dot:#dd8f2c;--cx-bg:#fbe9e9;--cx-fg:#a23a3a;--cx-dot:#cf5555;--seated:#e4f5ea;--seated-fg:#1c7a44;--seated-ring:#27a35b;--vl:#e7eaee;--vl-fg:#5a6573;--warn:#e08a2c;--warn-bg:#fdf0df;--area-bar:#5b83cf;--area-sofa:#4ea37a;--area-nam:#8f74c9;--area-bancong:#cf9258;--area-osofa:#c0a043;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--gap:8px;--shadow-1:0 1px 2px #1018280a, 0 1px 3px #1018280f;--shadow-2:0 6px 24px #1018281f, 0 2px 6px #10182814;--cell-w:48px;--cell-h:46px;--font:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;font-family:var(--font);color:var(--text)}[data-theme=dark]{--bg:#0e131a;--surface:#161d27;--surface-2:#1d2632;--surface-3:#27313f;--border:#28313d;--border-strong:#36414f;--text:#e7ecf2;--text-2:#9aa6b4;--text-3:#6b7787;--accent:#4d86f7;--accent-weak:#19273f;--accent-ring:#4d86f766;--up-bg:#222c38;--up-fg:#a7b2c0;--up-dot:#7c8a9c;--ar-bg:#16322a;--ar-fg:#5fd397;--ar-dot:#2ea866;--ns-bg:#352716;--ns-fg:#e7b06a;--ns-dot:#d68f2f;--cx-bg:#341e20;--cx-fg:#e58f8f;--cx-dot:#cf5555;--seated:#16322a;--seated-fg:#5fd397;--seated-ring:#2ea866;--vl:#27313f;--vl-fg:#9aa6b4;--warn:#e7b06a;--warn-bg:#352716;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 10px 34px #00000080}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.45}button{font-family:inherit;font-size:inherit;cursor:pointer}select,input{font-family:inherit;font-size:inherit;color:var(--text)}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.spacer{flex:1}.hidden{display:none!important}.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.error{color:var(--cx-dot);font-size:13px}.error.banner{background:var(--cx-bg);border:1px solid var(--cx-fg);border-radius:var(--r-sm);color:var(--cx-fg);margin:12px 16px 0;padding:8px 12px}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-weight:550;transition:all .12s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:var(--border-strong);background:0 0}.btn.danger{color:var(--cx-fg);background:0 0;border-color:#0000;padding:6px 8px}.btn.danger:hover{background:var(--cx-bg)}.btn.sm{padding:5px 9px;font-size:13px}.btn:disabled{opacity:.6;cursor:default}.icon-btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-sm);width:34px;height:34px;color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}#login{z-index:60;background:radial-gradient(120% 120% at 50% 0%, var(--surface-2), var(--bg) 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:360px;box-shadow:var(--shadow-2);flex-direction:column;padding:30px 28px;display:flex}.login-mark{align-items:center;gap:10px;margin-bottom:18px;display:flex}.login-mark .logo{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:750;display:grid}.login-card h1{font-size:20px}.login-card .sub{color:var(--text-2);margin:2px 0 20px}.field{margin-bottom:12px}.field label{color:var(--text-2);margin-bottom:5px;font-size:12px;font-weight:550;display:block}.field input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);outline:none;width:100%;padding:10px 12px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.login-card .btn{justify-content:center;width:100%;margin-top:6px;padding:11px}.login-note{color:var(--text-3);text-align:center;margin-top:16px;font-size:12px}.app{flex-direction:column;min-height:100vh;display:flex}.cmdbar{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.cmd-row{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:700;display:flex}.brand .logo{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:750;display:grid}.select{appearance:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b95a3' stroke-width='2.2' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 9px center;background-repeat:no-repeat;padding:7px 30px 7px 11px;font-weight:550}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.datestep{align-items:center;gap:2px;display:flex}.datestep .lbl{text-align:center;cursor:pointer;min-width:128px;padding:0 6px;font-size:13.5px;font-weight:600;position:relative}.datestep .lbl input[type=date]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.acct{align-items:center;gap:9px;display:flex}.acct .who{text-align:right;flex-direction:column;line-height:1.15;display:flex}.acct .who b{font-size:13px}.acct .who span{color:var(--text-3);font-size:11px}.avatar{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:50%;place-items:center;font-size:13px;font-weight:650;display:grid}.cmd-summary{flex-wrap:wrap;align-items:center;gap:10px;padding:0 16px 12px;display:flex}.kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);min-width:84px;padding:8px 13px}.kpi .k-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);align-items:center;gap:5px;font-size:10.5px;font-weight:650;display:flex}.kpi .k-val{letter-spacing:-.02em;margin-top:1px;font-size:21px;font-weight:700}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.occ{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex:1;min-width:200px;padding:9px 14px}.occ .top{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.occ .top .k-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10.5px;font-weight:650}.occ .top b{font-size:14px}.metric-bar{border-radius:var(--r-pill);background:var(--surface-3);height:8px;overflow:hidden}.metric-bar>i{background:linear-gradient(90deg, var(--accent), #5b8ef0);border-radius:var(--r-pill);height:100%;transition:width .35s;display:block}.segmented{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;gap:4px;padding:8px 16px;display:none;position:sticky;top:0}.segmented button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:var(--r-sm);flex:1;padding:9px;font-weight:600}.segmented button.active{background:var(--accent);border-color:var(--accent);color:#fff}main{gap:16px;padding:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-head h2{font-size:15px}.panel-head .count{color:var(--text-3);font-size:13px;font-weight:600}.panel-body{padding:14px 16px;overflow:auto}@media (width>=1000px){main{grid-template-columns:minmax(420px,1fr) 1.18fr;align-items:start;display:grid}.summary-panel{display:none}.panel{max-height:calc(100vh - 168px)}}@media (width<=999px){.cmd-summary{display:none}.segmented{display:flex}.acct .who{display:none}main{display:block}.panel{margin-bottom:0;display:none}.app[data-view=list] .list-panel,.app[data-view=map] .map-panel,.app[data-view=summary] .summary-panel{display:flex}}@media (width<=520px){.cmd-row{flex-wrap:wrap}.datestep .lbl{min-width:104px}}.list-tools{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 12px;display:flex}.search{flex:1;min-width:150px;position:relative}.search .icon{color:var(--text-3);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);outline:none;width:100%;padding:8px 10px 8px 32px}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:var(--r-pill);padding:5px 11px;font-size:12.5px;font-weight:600}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--text);border-color:var(--text);color:var(--surface)}table.tbl{border-collapse:collapse;width:100%}table.tbl thead th{background:var(--surface);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);z-index:1;padding:8px 10px;font-size:11px;font-weight:650;position:sticky;top:0}table.tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}table.tbl tbody tr{cursor:pointer}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr.sel{background:var(--accent-weak)}table.tbl tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.t-time{font-size:14px;font-weight:700}.t-name{font-weight:600}.t-name .seatcodes{color:var(--accent);margin-top:1px;font-size:11.5px;font-weight:600;display:block}.pax{color:var(--text-2);align-items:center;gap:4px;font-weight:600;display:inline-flex}.area-key{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.area-key i{border-radius:2px;flex:none;width:8px;height:8px}.src{color:var(--text-2);font-size:12.5px}.row-x{opacity:0;justify-content:flex-end;gap:2px;transition:all .1s;display:flex}tr:hover .row-x{opacity:1}.empty{text-align:center;color:var(--text-3);padding:40px 16px}.status{display:inline-flex;position:relative}.status select{appearance:none;border-radius:var(--r-pill);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 7px center;background-repeat:no-repeat;border:1px solid #0000;outline:none;padding:4px 24px 4px 22px;font-size:12px;font-weight:650}.status:before{content:"";z-index:1;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.status[data-s=sắp\ tới] select{background-color:var(--up-bg);color:var(--up-fg)}.status[data-s=sắp\ tới]:before{background:var(--up-dot)}.status[data-s=đã\ đến] select{background-color:var(--ar-bg);color:var(--ar-fg)}.status[data-s=đã\ đến]:before{background:var(--ar-dot)}.status[data-s=không\ đến] select{background-color:var(--ns-bg);color:var(--ns-fg)}.status[data-s=không\ đến]:before{background:var(--ns-dot)}.status[data-s=Đã\ hủy] select{background-color:var(--cx-bg);color:var(--cx-fg)}.status[data-s=Đã\ hủy]:before{background:var(--cx-dot)}tr.cancelled td:not(.actcell){opacity:.55}tr.cancelled .t-name{text-decoration:line-through;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}@media (width<=999px){table.tbl thead{display:none}table.tbl,table.tbl tbody{display:block}table.tbl tr{border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:auto 1fr auto;align-items:center;gap:7px 10px;margin-bottom:10px;padding:11px 13px;display:grid}table.tbl tr:hover{background:var(--surface)}table.tbl tr.sel{background:var(--accent-weak)}table.tbl tr.sel td:first-child{box-shadow:none}table.tbl td{border:none;align-items:center;padding:0;display:flex}td.c-time{grid-area:1/1;font-size:17px}td.c-name{grid-area:1/2/auto/4}td.c-pax{grid-area:2/1}td.c-area{grid-area:2/2}td.c-status{grid-area:2/3;justify-content:flex-end}td.c-src{grid-area:3/1/auto/3}td.c-act{grid-area:3/3;justify-content:flex-end}.row-x{opacity:1}}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:1px solid var(--border-strong);border-radius:4px;width:13px;height:13px}.legend i.free{background:var(--surface)}.legend i.occ{background:var(--seated);border-color:var(--seated-ring)}.legend i.vl{background:var(--vl)}.legend i.err{background:var(--surface);box-shadow:inset 0 0 0 2px var(--warn)}.floor-wrap{padding:6px 2px 2px;overflow:auto}.floor{gap:5px;width:max-content;margin:0 auto;display:grid}.tile{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);min-width:0;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:3px;font-family:inherit;transition:all .1s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--text-3)}.tile .code{color:var(--text-3);font-size:9.5px;font-weight:700;position:absolute;top:3px;left:5px}.tile .sub{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:12px;font-weight:600;line-height:1.1;overflow:hidden}.tile .areadot{border-radius:2px;width:7px;height:7px;position:absolute;top:4px;right:4px}.tile.free .sub{color:var(--text-3);font-weight:600}.tile.occ{background:var(--seated)}.tile.occ .sub{color:var(--seated-fg)}.tile.occ .code{color:var(--seated-fg);opacity:.8}.tile.vl{background:var(--vl)}.tile.vl .sub{color:var(--vl-fg)}.tile.err{box-shadow:inset 0 0 0 2px var(--warn)}.tile.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.tile.hl{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-ring)}.hull{border-radius:var(--r-sm);background:var(--seated);border:1px solid var(--seated-ring);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4px;line-height:1.15;transition:all .1s;display:flex;position:relative;overflow:hidden}.hull .codes{color:var(--seated-fg);opacity:.72;font-size:9.5px;font-weight:700}.hull .nm{color:var(--seated-fg);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.hull .px{color:var(--seated-fg);opacity:.85;font-size:11px}.hull.err{border-color:var(--warn);box-shadow:inset 0 0 0 2px var(--warn)}.hull.hl{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-ring)}.fitbanner{background:var(--warn-bg);border:1px solid var(--warn);border-radius:var(--r-md);color:var(--warn);margin:12px 0 0;padding:10px 13px}.fitbanner b{align-items:center;gap:7px;font-size:13px;display:flex}.fitbanner ul{color:var(--text-2);margin:6px 0 0;padding-left:20px;font-size:13px}.actionbar{background:var(--accent-weak);border:1px solid var(--accent-ring);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:9px 13px;display:flex}.actionbar .sel-info b{color:var(--accent)}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:18px 0 9px;font-size:12px;font-weight:700}.cap-rail{flex-direction:column;gap:9px;display:flex}.cap-row{grid-template-columns:120px 1fr 58px;align-items:center;gap:10px;display:grid}.cap-row .nm{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.cap-row .nm i{border-radius:2px;flex:none;width:9px;height:9px}.cap-row .meter{border-radius:var(--r-pill);background:var(--surface-3);height:9px;overflow:hidden}.cap-row .meter>i{border-radius:var(--r-pill);height:100%;transition:width .35s;display:block}.cap-row .val{text-align:right;color:var(--text-2);font-size:12.5px;font-weight:600}.roster{border-collapse:collapse;width:100%}.roster th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);padding:7px 8px;font-size:11px;font-weight:650}.roster td{border-bottom:1px solid var(--border);padding:8px}.roster .codes{color:var(--accent);font-size:12.5px;font-weight:700}.backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1018286b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:520px;box-shadow:var(--shadow-2);max-height:90vh;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 6px;display:flex}.modal-head h2{font-size:17px}.modal-body{padding:8px 20px 4px}.modal-foot{justify-content:flex-end;gap:9px;padding:16px 20px 20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid label{color:var(--text-2);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-grid input,.form-grid select{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--text);outline:none;padding:9px 11px}.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.hint{border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:14px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.hint.ok{background:var(--ar-bg);color:var(--ar-fg)}.hint.warn{background:var(--warn-bg);color:var(--warn)}.modal.confirm{max-width:420px}.modal.confirm .modal-body p{margin:6px 0}.modal.confirm .warn-txt{color:var(--text-2);font-size:13px}.picker-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.picker-item{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:9px;padding:10px 12px;font-weight:550;display:flex}.picker-item:hover{background:var(--accent-weak);border-color:var(--accent-ring)}.picker-item .pi-time{min-width:42px;font-weight:700}.picker-item .pi-area{color:var(--text-3);margin-left:auto;font-size:12px}.picker-item.vl{font-weight:650}@media (width<=520px){.form-grid{grid-template-columns:1fr}}