@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+HK:wght@400;500;700&display=swap";:root{--bg: #EFE8DA;--surface: #FDFBF6;--surface-2: #F6F1E6;--ink: #241E18;--ink-2: #5C5346;--ink-3: #6A6153;--line: #E4DCCB;--line-2: #D6CCB8;--occ: #9C5722;--occ-bg: #F7E9D4;--occ-text: #8A4D1E;--free: #2C7334;--free-bg: #E2F0E2;--free-text: #2C7334;--conf: #C13350;--conf-bg: #FBE3E8;--conf-text: #A82940;--accent: #2A6FDB;--font: "IBM Plex Sans", "Noto Sans HK", system-ui, sans-serif;--mono: "IBM Plex Mono", "Noto Sans HK", ui-monospace, monospace;color:var(--ink);background:var(--surface);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--surface)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:2px}.app-loading{display:grid;min-height:100dvh;place-items:center;color:var(--ink-2)}.button-primary,.button-secondary{min-height:44px;border-radius:10px;font-weight:700}.button-primary{border:0;background:var(--occ);color:#fff}.button-primary:disabled{cursor:not-allowed;opacity:.4}.button-secondary{border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);padding:0 15px;font-size:14px}.button-secondary span{display:block;color:var(--ink-3);font-size:10px;font-weight:400}.status-pill{display:inline-flex;align-items:center;min-height:22px;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.status-pill--low{background:var(--occ-bg);color:var(--occ-text)}.status-pill--blocked{background:var(--conf-bg);color:var(--conf-text)}.status-pill--ok{background:var(--free-bg);color:var(--free-text)}.login-page{display:grid;min-height:100dvh;place-items:center;background:var(--bg)}.login-card{display:flex;width:min(390px,100%);min-height:100dvh;flex-direction:column;overflow:hidden;background:#f6f3ed}.login-top-spacer{height:44px;flex:none}.login-content{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:center;gap:26px;padding:0 26px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.login-logo{display:block;width:176px;height:auto}.login-title{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:24px;font-weight:700;letter-spacing:-.02em}.login-title div+div{color:var(--ink-3);font-size:12.5px;font-weight:400;letter-spacing:0}.login-form{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--ink-2);font-size:12.5px;font-weight:600}.field small{color:var(--ink-3);font-size:inherit;font-weight:400}.field input{width:100%;height:52px;border:1px solid var(--line-2);border-radius:10px;outline:0;background:var(--surface);padding:0 14px;color:var(--ink);font-size:16px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2a6fdb1f}.field input::placeholder{color:var(--ink-3)}.login-actions{display:flex;flex-direction:column;gap:11px;margin-top:11px}.login-submit{width:100%;min-height:56px;font-size:18px}.session-note{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:11px 13px;color:var(--ink-3)}.session-note>span{margin-top:1px;color:var(--ink-3);font-size:15px;line-height:1}.session-note p{margin:0;color:var(--ink-2);font-size:11.5px;line-height:1.55}.session-note small{color:var(--ink-3);font-size:inherit}.login-error{margin:0;border-radius:8px;background:var(--conf-bg);padding:9px 11px;color:var(--conf-text);font-size:12px;line-height:1.5}.login-footer{flex:none;padding:0 26px 26px;color:var(--ink-3);text-align:center;font-size:11.5px;line-height:1.6}.login-footer small{font-size:10.5px}.app-shell{min-height:100dvh;background:var(--surface)}.app-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.app-identity,.app-account{display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;flex:none;color:var(--occ)}.app-header-name{font-size:15px;font-weight:700}.app-header-english{color:var(--ink-3);font-size:10.5px}.app-account-name{color:var(--ink-2);font-size:13px}.route-content{min-height:calc(100dvh - 64px)}.route-content--full-bleed{min-height:100dvh}.staff-phone{width:min(100%,390px);min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--surface)}.staff-phone button small,.staff-phone small{display:block;color:var(--ink-3);font-size:10px;font-weight:400;line-height:1.35}.staff-phone-header{display:flex;min-height:64px;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 14px;background:var(--surface)}.staff-brand{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.15}.staff-brand strong{font-size:14px}.staff-brand small{margin-top:2px}.staff-location{display:flex;min-width:112px;flex-direction:column;gap:1px}.staff-location>span{color:var(--ink-3);font-size:10px;font-weight:600}.staff-location>span small{display:inline}.staff-location select{min-height:30px;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;font-weight:600}.staff-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid var(--line);padding:9px 14px;background:var(--surface)}.staff-nav button{min-height:48px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:600}.staff-nav button.is-active{background:var(--occ);color:#fff}.staff-nav button.is-return{background:var(--free)}.staff-nav button.is-active small{color:#ffffffd1}.staff-search{padding:12px 14px 10px;border-bottom:1px solid var(--line)}.staff-search input{width:100%;height:48px;border:1px solid var(--line-2);border-radius:10px;outline:none;background:var(--surface-2);padding:0 12px;color:var(--ink);font-size:15px}.staff-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2a6fdb1f}.staff-list-note{margin:0;padding:10px 14px;background:var(--surface-2);color:var(--ink-2);font-size:12px}.staff-list-note small{display:inline}.staff-item-list,.staff-movement-list{flex:1;overflow-y:auto}.staff-item-row{display:flex;width:100%;min-height:72px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);padding:11px 14px;color:var(--ink);text-align:left}.staff-item-row:hover{background:var(--surface-2)}.staff-item-row img,.staff-selected-item img{width:48px;height:48px;flex:none;border:1px solid var(--line);border-radius:8px;object-fit:cover}.staff-item-glyph{display:grid;width:48px;height:48px;flex:none;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-3);font-size:24px}.staff-item-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:600}.staff-item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-item-copy em{color:var(--ink-3);font-family:var(--mono);font-size:10px;font-style:normal;font-weight:400}.staff-on-hand{display:flex;min-width:34px;flex-direction:column;align-items:flex-end;color:var(--ink);font-family:var(--mono);font-size:17px;font-weight:600}.staff-on-hand.is-zero{color:var(--conf-text)}.staff-empty,.staff-empty-list{display:grid;flex:1;place-content:center;gap:6px;padding:32px;color:var(--ink-2);text-align:center}.staff-empty-list small{display:block}.staff-skeleton{min-height:72px;margin:14px;border-radius:9px;background:var(--surface-2)}.staff-mine-link{min-height:52px;border:0;border-top:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:600}.staff-selected-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px}.staff-selected-item>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;font-size:16px;font-weight:600}.staff-selected-item em{color:var(--ink-2);font-size:11px;font-style:normal;font-weight:400}.staff-close{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:24px}.staff-quantity-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 20px}.staff-quantity-main>p{margin:0;color:var(--ink-2);font-size:13px;font-weight:600}.staff-quantity-main>p small{display:inline}.staff-stepper{display:flex;align-items:center;gap:20px}.staff-stepper button{display:grid;width:68px;height:68px;place-items:center;border:1.5px solid var(--line-2);border-radius:50%;background:var(--surface);color:var(--ink);font-size:29px}.staff-stepper button:disabled{opacity:.45}.staff-stepper strong{display:flex;min-width:88px;flex-direction:column;align-items:center;font-family:var(--mono);font-size:52px;font-weight:600;line-height:1}.staff-stepper strong small{margin-top:5px;font-family:var(--font);font-size:13px;font-weight:500}.staff-commit-area{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding:14px;background:var(--surface)}.staff-attribution{margin:0;color:var(--ink-3);text-align:center;font-size:11.5px}.staff-attribution small{display:inline}.staff-commit,.staff-next{width:100%;min-height:60px;border:0;border-radius:10px;background:var(--occ);color:#fff;font-size:19px;font-weight:700}.staff-commit small,.staff-next small{display:inline;color:#ffffffd6;font-size:inherit}.staff-commit--return{background:var(--free)}.staff-commit:disabled{opacity:.45}.staff-failure{display:flex;width:100%;flex-direction:column;gap:4px;border:1px solid #E7D4B2;border-radius:9px;background:var(--occ-bg);padding:12px 13px;color:var(--occ-text);font-size:12px;line-height:1.45}.staff-failure strong{font-size:13.5px}.staff-failure small{color:var(--ink-2)}.staff-failure--bottom{width:auto;margin:12px 14px}.staff-success{background:#eef6ee}.staff-success-main,.staff-count-heading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center}.staff-success-icon,.staff-blocked-icon{display:grid;width:96px;height:96px;place-items:center;border-radius:50%;background:var(--free-bg);color:var(--free);font-size:46px;font-weight:700}.staff-blocked-icon{width:88px;height:88px;background:var(--conf-bg);color:var(--conf-text)}.staff-success h1,.staff-count-heading h1{margin:0;font-size:26px}.staff-success h1 small,.staff-count-heading h1 small{margin-top:4px;font-size:13px;font-weight:400}.staff-receipt{display:flex;min-width:220px;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:13px 16px}.staff-receipt span{color:var(--ink-2);font-family:var(--mono);font-size:13px}.staff-undo{min-height:52px;border:1.5px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);font-size:15px;font-weight:600}.staff-undo small{display:inline}.staff-count-heading{flex:none;padding-bottom:12px}.staff-count-heading p{max-width:29ch;margin:0;color:var(--ink-2);font-size:13px;line-height:1.55}.staff-count-now .staff-stepper{flex:1;justify-content:center;padding:20px}.staff-movement-row{display:flex;min-height:66px;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:11px 14px}.staff-movement-row>div{flex:1;display:flex;flex-direction:column;gap:3px}.staff-movement-row>div small{color:var(--ink-3)}.staff-movement-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--occ-bg);color:var(--occ-text);font-size:18px}.staff-movement-icon--return_unused{background:var(--free-bg);color:var(--free-text)}@media (min-width: 391px){.login-card{min-height:844px;box-shadow:0 12px 36px #241e1814}}@media (max-width: 480px){.app-account-name{display:none}}.console{display:flex;min-height:100vh;background:var(--bg);font-size:13px}.console-side{width:212px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.console-brand{display:flex;align-items:center;gap:9px;padding:15px 14px 13px;border-bottom:1px solid var(--line);color:var(--occ)}.console-brand strong{display:block;font-size:13.5px;color:var(--ink);letter-spacing:-.01em}.console-brand span{font-size:9.5px;color:var(--ink-3)}.console-side nav{flex:1;padding:9px 8px;display:flex;flex-direction:column;gap:2px}.console-nav{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 11px;border:none;border-radius:7px;background:transparent;color:var(--ink-2);font:inherit;font-weight:500;cursor:pointer}.console-nav:hover{background:var(--surface-2);color:var(--ink)}.console-nav.is-on{background:var(--occ-bg);color:var(--occ-text);font-weight:600}.console-nav em{margin-left:auto;font-style:normal;font-size:10px;color:var(--ink-3)}.console-nav.is-on em{color:var(--occ-text);opacity:.75}.console-who{display:flex;align-items:center;gap:9px;padding:11px 12px;border-top:1px solid var(--line)}.console-avatar{width:28px;height:28px;flex:none;border-radius:50%;background:var(--occ-bg);color:var(--occ-text);display:grid;place-items:center;font-size:11.5px;font-weight:700}.console-who strong{display:block;font-size:12px}.console-who span{font-size:10px;color:var(--ink-3)}.console-main{flex:1;min-width:0;display:flex;flex-direction:column}.console-top{flex:none;min-height:56px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:10px 20px}.console-top h1{margin:0;font-size:16px;letter-spacing:-.01em}.console-top p{margin:2px 0 0;font-size:10.5px;color:var(--ink-3)}.console-top-actions{margin-left:auto;display:flex;gap:8px}.console-body{flex:1;overflow-y:auto;padding:18px 20px 26px;display:flex;flex-direction:column;gap:16px}.console-note{font-size:11.5px;color:var(--ink-2);line-height:1.6}.console-note small{color:var(--ink-3)}.console-error{font-size:12.5px;color:var(--conf-text);background:var(--conf-bg);border-radius:8px;padding:10px 12px}.console-empty{font-size:12.5px;color:var(--ink-2);line-height:1.7;padding:22px 16px;text-align:center}.console-empty small{color:var(--ink-3)}.console-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.console-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px 15px;display:flex;flex-direction:column;gap:6px}.console-card.is-warn{border-color:var(--occ);background:var(--occ-tint)}.console-card span{font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.console-card.is-warn span{color:var(--occ-text)}.console-card strong{font-family:var(--mono);font-size:29px;font-weight:600;line-height:1}.console-card.is-warn strong{color:var(--occ-text)}.console-card em{font-style:normal;font-size:10.5px;color:var(--ink-2)}.console-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}.console-panel-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.console-panel-head h2{margin:0;font-size:13.5px}.console-panel-head p{margin:0;font-size:11px;color:var(--ink-3)}.console-table{width:100%;border-collapse:collapse}.console-table thead th{position:sticky;top:0;background:var(--surface-2);text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:600;padding:6px 12px;border-bottom:1px solid var(--line-2)}.console-table td{padding:7px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.console-table tbody tr:hover{background:var(--surface-2)}.console-table td strong{display:block;font-size:12.5px}.console-table .mono{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.console-table .num,.console-table th.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.console-table .strong{font-weight:700}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;border-radius:5px;padding:2px 7px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap}.pill-warn{background:var(--occ-bg);color:var(--occ-text);border-color:transparent}.items-split{display:flex;gap:0;min-height:0;flex:1;margin:-18px -20px -26px}.items-list{width:300px;flex:none;border-right:1px solid var(--line);background:var(--surface);overflow-y:auto}.items-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 13px;border:none;border-bottom:1px solid var(--line);background:transparent;font:inherit;cursor:pointer}.items-row:hover{background:var(--surface-2)}.items-row.is-on{background:var(--occ-bg)}.items-row strong{display:block;font-size:12.5px}.items-row.is-on strong{color:var(--occ-text)}.items-row .mono{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.items-detail{flex:1;min-width:0;overflow-y:auto;padding:18px 20px 26px;display:flex;flex-direction:column;gap:14px}.items-head{display:flex;align-items:flex-start;gap:12px}.items-head h2{margin:0;font-size:17px;letter-spacing:-.01em}.items-head p{margin:3px 0 0;font-size:11.5px;color:var(--ink-3)}.items-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.items-foot{padding:10px 14px 12px}.btn{height:32px;padding:0 13px;border-radius:7px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{height:26px;padding:0 9px;font-size:11.5px}.fld{height:30px;width:78px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);padding:0 9px;font:inherit;font-size:12.5px;color:var(--ink);outline:none}.fld:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2a6fdb1f}.fld.num{font-family:var(--mono);text-align:right}.console-ok{font-size:12.5px;color:var(--free-text);background:var(--free-bg);border-radius:8px;padding:10px 12px}.ledger-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.fld-wide{width:280px}.fld-auto{width:auto;min-width:190px}.ledger-count{margin-left:auto}.ledger-legs{font-size:11.5px;color:var(--ink-2)}.console-table tr.is-reversed td{color:var(--ink-3)}.console-table tr.is-reversed .strong{text-decoration:line-through}.pill-in{background:var(--free-bg);color:var(--free-text);border-color:transparent}.pill-out{background:var(--conf-bg);color:var(--conf-text);border-color:transparent}.pill-move{background:var(--surface-2);color:var(--ink-2)}.ledger-scroll{overflow-x:auto}.ledger-table{min-width:940px}.ledger-table th:nth-child(1),.ledger-table td:nth-child(1){width:112px}.ledger-table th:nth-child(2),.ledger-table td:nth-child(2){width:132px;white-space:nowrap}.ledger-table th:nth-child(4),.ledger-table td:nth-child(4){width:84px}.ledger-table th:nth-child(5),.ledger-table td:nth-child(5){width:168px;white-space:nowrap}.ledger-table th:nth-child(6),.ledger-table td:nth-child(6){width:108px}.ledger-table th:nth-child(7),.ledger-table td:nth-child(7){width:108px}.ledger-table th:nth-child(8),.ledger-table td:nth-child(8){width:96px}.ledger-table td:nth-child(1) span.mono{display:block;font-size:11px;white-space:nowrap}.ledger-table td:nth-child(1) small{font-size:9.5px;color:var(--ink-3)}.ledger-table td:nth-child(2) .pill+.pill{margin-left:4px}.settings-notes{display:flex;flex-direction:column;gap:8px}.settings-notes strong{color:var(--ink)}.transfer-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px}.transfer-grid label{display:flex;flex-direction:column;gap:5px}.transfer-grid label span{font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.transfer-available{display:flex;flex-direction:column;gap:4px;padding-bottom:4px}.transfer-available span{font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.transfer-available strong{font-size:19px;font-weight:600}.transfer-problem{padding:0 14px 12px;color:var(--occ-text)}.btn-primary{background:var(--occ);border-color:var(--occ);color:#fff}.btn-primary:hover{opacity:.92;background:var(--occ)}.reports-notice{display:flex;flex-direction:column;gap:5px;padding:12px 15px;background:var(--occ-tint);border:1px solid var(--occ);border-radius:9px}.reports-notice strong{font-size:12.5px;color:var(--occ-text)}.reports-notice span{font-size:11.5px;color:var(--ink-2);line-height:1.65}.reports-notice small{color:var(--ink-3)}.reports-period{margin-left:auto}.metric-row{display:flex;align-items:flex-start;gap:26px;padding:14px;flex-wrap:wrap}.metric{display:flex;flex-direction:column;gap:3px}.metric strong{font-family:var(--mono);font-size:34px;font-weight:600;line-height:1}.metric strong.is-good{color:var(--free-text)}.metric strong.is-bad{color:var(--conf-text)}.metric span{font-size:11px;color:var(--ink-2)}.metric-note{flex:1;min-width:260px}.stocktake-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.console-table tr.is-match td{background:transparent}.console-table tr.is-over td{background:var(--free-bg)}.console-table tr.is-short td{background:var(--conf-bg)}.metric strong .of{font-size:18px;color:var(--ink-3)}.order-header{display:flex;align-items:flex-end;gap:12px;padding:0 14px 12px;flex-wrap:wrap}.order-header label{display:flex;flex-direction:column;gap:5px}.order-header label span{font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.order-header .console-note{flex:1;min-width:260px}.receipt-box{margin:0 14px 14px;border:1px solid var(--occ);border-radius:9px;background:var(--occ-tint)}.receipt-head{display:flex;align-items:center;gap:10px;padding:11px 14px 0}.receipt-head strong{font-size:13.5px}.receipt-head .btn{margin-left:auto}.receipt-note{padding:0 14px 12px}.console-table td .btn-sm+.btn-sm{margin-left:5px}.order-lines-editor{border-top:1px solid var(--line)}.order-frozen{padding:12px 14px}