:root{font-family:Segoe UI,Arial,sans-serif;color:#24343b;background:#eef1f1;font-synthesis:none;--ink: #24343b;--muted: #68777d;--line: #d6dfe1;--paper: #fff;--navy: #173f54;--accent: #e2882f;--good: #337b54;--warn: #a96424;--soft: #f5f7f7}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{min-height:100vh}header{min-height:58px;display:flex;align-items:center;gap:28px;padding:0 28px;color:#fff;background:var(--navy);border-bottom:3px solid #e6ecec}.brand{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.brand b{font-size:17px;letter-spacing:.08em}.brand span{color:#c4d2d8;font-size:13px}nav{display:flex;align-self:stretch;gap:2px}nav button{min-width:94px;padding:0 13px;color:#d7e1e5;border:0;border-bottom:3px solid transparent;background:transparent;font-size:12px;font-weight:700;letter-spacing:.04em}nav button:hover,nav button.active{color:#fff;background:#214e64;border-bottom-color:var(--accent)}.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.header-tools label{display:flex;align-items:center;gap:6px;color:#cbd8dc;font-size:12px}.header-tools input{width:125px;padding:5px 6px;color:var(--ink);border:1px solid #9fb2ba;background:#fff}.refresh{padding:6px 9px;color:#fff;border:1px solid #7e9ba7;background:transparent;font-size:12px}.refresh:hover{background:#2a5b70}main{min-height:calc(100vh - 58px)}.page-content{max-width:1280px;margin:0 auto;padding:24px 28px 40px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em}.page-title h1{margin:0;color:var(--navy);font-size:24px;letter-spacing:.02em}.muted{margin:7px 0 0;color:var(--muted)}.readonly{padding:5px 7px;color:var(--muted);border:1px solid var(--line);background:#f8fafa;font-size:10px;font-weight:800;letter-spacing:.08em}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.summary-grid>div{min-height:105px;padding:16px;background:var(--paper)}.summary-grid span,.system-grid span,.detail-line>span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em}.summary-grid strong{display:block;margin:10px 0 5px;color:var(--navy);font-size:22px}.summary-grid small{color:var(--muted)}.overview-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-top:16px}.section{border:1px solid var(--line);background:var(--paper)}.section-head{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 14px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;color:var(--navy);font-size:13px;letter-spacing:.04em}.section-head span,.section-head button{color:var(--muted);font-size:12px}.section-head button{padding:0;border:0;background:transparent;text-decoration:underline}.table-list{display:grid}.table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:70px;padding:9px 14px;text-align:left;border:0;border-bottom:1px solid #e9eeee;background:#fff}.table-row:hover,.order-list-row:hover{background:#f4f8f8}.table-row b{display:block;color:var(--ink);font-size:15px}.table-row small{display:block;margin-top:4px;color:var(--muted)}.table-row>strong{color:var(--navy);white-space:nowrap}.status-mark{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.status-mark b{display:inline-grid;place-items:center;width:17px;height:17px;color:#fff;border-radius:50%;background:var(--warn);font-size:11px}.status-mark.ok{color:var(--good)}.status-mark.ok b{background:var(--good)}.empty{margin:0;padding:20px 14px;color:var(--muted)}.activity-list{padding:4px 14px 8px}.activity-list>div{display:grid;grid-template-columns:45px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid #e9eeee}.activity-list time{color:var(--muted);font-size:12px}.activity-list b{font-weight:700}.system-strip{margin-top:16px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.system-grid>div{display:grid;gap:8px;min-height:87px;padding:12px 14px;background:#fff}.system-grid small{color:var(--muted)}.filters{display:flex;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);background:var(--paper)}.filters label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.filters select,.filters input{height:34px;min-width:150px;padding:5px 8px;color:var(--ink);border:1px solid #c7d2d5;background:#fff}.filters .search-label input{min-width:220px}.orders-table{overflow:auto;border:1px solid var(--line);background:#fff}.order-head,.order-list-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 100px 150px 150px 150px;align-items:center;gap:12px;min-width:760px}.order-head{min-height:38px;padding:0 14px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--soft);font-size:10px;font-weight:800}.order-list-row{width:100%;min-height:60px;padding:8px 14px;text-align:left;border:0;border-bottom:1px solid #e9eeee;background:#fff}.order-list-row b,.order-list-row strong{color:var(--navy)}.order-list-row time{color:var(--muted);font-size:12px}.loading{padding:28px 0;color:var(--muted)}.state-error{display:flex;align-items:center;gap:16px;padding:20px 0;color:#8e4d35}.state-error button,.primary{padding:8px 12px;color:#fff;border:0;background:var(--navy);font-weight:700}.back{margin-bottom:15px;padding:0;color:var(--navy);border:0;background:transparent;font-weight:700}.detail-page .page-title{margin-bottom:14px}.round{margin-top:12px;border:1px solid var(--line);background:#fff}.round-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--soft)}.round-head>div:first-child{display:flex;align-items:baseline;gap:10px}.round-head b{color:var(--navy);font-size:12px}.round-head span{color:var(--muted);font-size:11px;font-weight:800}.round-head>div:last-child{display:flex;align-items:center;gap:15px}.round-head time{color:var(--muted);font-size:12px}.order-item{padding:13px 14px;border-bottom:1px solid #e9eeee}.order-item:last-child{border-bottom:0}.order-item>b{display:block;color:var(--ink)}.preparations{display:grid;gap:3px;margin-top:6px;color:var(--muted)}.order-item p{margin:8px 0 0;padding-top:7px;color:var(--muted);border-top:1px solid #edf0f0;font-size:12px}.order-item p b{margin-right:6px;color:var(--muted);font-size:10px}.system-detail{max-width:760px;border:1px solid var(--line);background:#fff}.detail-line{display:grid;grid-template-columns:170px 230px minmax(0,1fr);align-items:center;gap:12px;min-height:70px;padding:12px 16px;border-bottom:1px solid #e9eeee}.detail-line:last-child{border-bottom:0}.detail-line small{color:var(--muted)}.mobile-nav{display:none}.auth-error{display:grid;place-items:center;min-height:100vh;padding:24px;background:#eef1f1}.auth-error>div{max-width:420px;padding:24px;border:1px solid var(--line);background:#fff}.auth-error h1{margin:0;color:var(--navy);font-size:22px}.auth-error p:not(.eyebrow){color:var(--muted);line-height:1.5}.menu-actions{display:flex;justify-content:flex-end;gap:8px;margin:-7px 0 14px}.menu-actions button,.menu-editor .section-head button{padding:8px 10px;color:var(--navy);border:1px solid #b8cbd1;background:#fff;font-size:11px;font-weight:800}.menu-actions button:disabled,.menu-editor button:disabled{cursor:not-allowed;opacity:.5}.draft-tag{padding:5px 7px;color:var(--warn);border:1px solid #e0bd98;background:#fff8ef;font-size:10px;font-weight:800}.menu-editor,.menu-history{margin-top:14px;border:1px solid var(--line);background:#fff}.menu-edit-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(130px,1fr) 150px 90px 120px;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e9eeee}.menu-edit-row input,.menu-edit-row select,.price-input input,.config-row input{min-width:0;width:100%;height:32px;padding:5px 7px;border:1px solid #c7d2d5;background:#fff}.price-input{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}.price-input input{width:100px}.item-kind{color:var(--muted);font-size:10px;font-weight:800}.toggle{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.toggle input{width:auto}.compact-editor{max-width:650px}.config-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid #e9eeee}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e9eeee}.history-row span{display:flex;align-items:baseline;gap:12px}.history-row small{color:var(--muted)}.history-row strong{color:var(--good);font-size:10px}.history-row button{padding:6px 8px;color:var(--warn);border:1px solid #dfc1a5;background:#fffaf4;font-size:10px;font-weight:800}@media (max-width: 800px){header{min-height:54px;padding:0 16px;gap:12px}.brand{display:block}.brand span{display:block;margin-top:2px;font-size:11px}header>nav{display:none}.header-tools{gap:7px}.header-tools label{display:none}.refresh{font-size:0}.refresh:after{content:"Làm mới";font-size:12px}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);height:52px;background:var(--navy);box-shadow:0 -2px 8px #173f5426}.mobile-nav button{min-width:0;height:52px}.page-content{padding:18px 14px 76px}.page-title h1{font-size:21px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid>div{min-height:88px;padding:12px}.summary-grid strong{margin:7px 0 4px;font-size:19px}.overview-columns{display:block;margin-top:12px}.overview-columns>.section+.section{margin-top:12px}.system-grid{display:block}.system-grid>div{min-height:0;border-bottom:1px solid var(--line)}.table-row{grid-template-columns:minmax(0,1fr) auto}.table-row .status-mark{grid-column:1 / -1}.filters{display:grid;grid-template-columns:1fr 1fr}.filters select,.filters input,.filters .search-label input{min-width:0;width:100%}.detail-line{grid-template-columns:1fr;gap:6px}.round-head{align-items:flex-start;flex-direction:column}.round-head>div:last-child{width:100%;justify-content:space-between}.header-tools .status-mark{display:none}.menu-edit-row{grid-template-columns:1fr 1fr}.menu-edit-row .item-kind{display:none}.price-input{grid-column:1 / 2}.menu-edit-row .toggle{grid-column:2}.menu-actions{justify-content:flex-start}.config-row{grid-template-columns:1fr 120px}}@media (max-width: 390px){.page-title{gap:8px}.readonly{font-size:9px}.summary-grid strong{font-size:17px}.summary-grid small{font-size:11px}.filters{grid-template-columns:1fr}}