*{box-sizing:border-box}:root{color:#2f2a24;background:#f8f5ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif}body{background:#f8f5ef;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-page{background:radial-gradient(circle at 0 0,#6aa89b2e,#0000 34%),#f8f5ef;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffdf9;border:1px solid #e7ddce;border-radius:28px;width:100%;max-width:420px;padding:28px;box-shadow:0 22px 60px #2f2a2414}.login-brand{text-align:center;margin-bottom:26px}.brand-icon{color:#4f8278;background:#eaf4f1;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid}.login-brand h1{margin:0;font-size:30px;font-weight:900}.login-brand p{color:#8a7e72;margin:8px 0 0;font-size:14px;font-weight:700}.field{margin-bottom:14px;display:block}.field span{color:#6d6257;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.field input{color:#2f2a24;background:#fff8ef;border:1px solid #e3d9cb;border-radius:16px;outline:none;width:100%;height:50px;padding:0 14px;font-weight:800}.field input:focus{border-color:#6aa89b;box-shadow:0 0 0 3px #6aa89b29}.primary-button{color:#fff;background:#6aa89b;border:0;border-radius:16px;width:100%;height:52px;font-size:15px;font-weight:900}.primary-button:disabled{opacity:.65;cursor:default}.error-box{color:#c85b5b;background:#fff1f1;border:1px solid #f0c3c3;border-radius:14px;margin:4px 0 14px;padding:12px 14px;font-size:13px;font-weight:800}.app-shell{min-height:100vh}.topbar{z-index:10;background:#fffdf9;border-bottom:1px solid #e7ddce;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 22px;display:flex;position:sticky;top:0}.brand-row{color:#2f2a24;align-items:center;gap:9px;font-size:20px;font-weight:900;display:flex}.user-line{color:#8a7e72;margin:4px 0 0;font-size:12px;font-weight:700}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link{color:#6d6257;background:#f3ece2;border:1px solid #e3d9cb;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.nav-link.active{color:#fff;background:#6aa89b;border-color:#6aa89b}.nav-link.danger{color:#c85b5b;background:#fff1f1;border-color:#f0c3c3}.page{max-width:1280px;margin:0 auto;padding:24px}.page-title{margin-bottom:18px}.page-title h1{margin:0;font-size:30px;font-weight:900}.page-title p{color:#8a7e72;margin:7px 0 0;font-size:14px;font-weight:700}.card{background:#fffdf9;border:1px solid #e7ddce;border-radius:22px;padding:20px;box-shadow:0 14px 34px #2f2a240d}.card strong{font-size:18px;font-weight:900}.muted{color:#8a7e72;font-size:14px;font-weight:700}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start;width:100%}.nav-link{flex:1;justify-content:center}.page{padding:16px}}.dashboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:-8px 0 16px;display:flex}.outline-button{color:#6d6257;background:#fffdf9;border:1px solid #e3d9cb;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.outline-button.danger{color:#c85b5b;background:#fff1f1;border-color:#f0c3c3}.notice{border-radius:18px;margin-bottom:16px;padding:14px 16px;font-size:14px;font-weight:900}.notice.success{color:#4f8278;background:#eaf4f1;border:1px solid #b9d8d0}.notice.error{color:#c85b5b;background:#fff1f1;border:1px solid #f0c3c3}.dashboard-grid{grid-template-columns:minmax(420px,.95fr) minmax(520px,1.25fr);align-items:stretch;gap:16px;display:grid}.left-stack{flex-direction:column;gap:16px;display:flex}.panel,.recent-panel{background:#fffdf9;border:1px solid #e7ddce;border-radius:24px;padding:18px;box-shadow:0 14px 34px #2f2a240d}.recent-panel{flex-direction:column;min-height:calc(100vh - 190px);display:flex}.panel h2,.recent-panel h2{color:#2f2a24;margin:0;font-size:22px;font-weight:900}.panel p,.recent-panel p,.panel-desc{color:#8a7e72;margin:6px 0 0;font-size:13px;font-weight:700}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.inline-form{grid-template-columns:1fr 130px;gap:10px;display:grid}.inline-form input,.settlement-inline input{color:#2f2a24;background:#fff;border:2px solid #6aa89b;border-radius:16px;outline:none;height:52px;padding:0 16px;font-size:18px;font-weight:900}.inline-form button,.mini-download{color:#fff;background:#6aa89b;border:0;border-radius:16px;justify-content:center;align-items:center;height:52px;font-size:15px;font-weight:900;display:inline-flex}.employee-box,.balance-box{background:#eaf4f1;border:1px solid #b9d8d0;border-radius:16px;flex-direction:column;gap:4px;margin-top:12px;padding:13px 14px;display:flex}.employee-box strong,.balance-box strong{color:#2f2a24;font-size:15px;font-weight:900}.employee-box span,.balance-box span{color:#5f564d;font-size:13px;font-weight:800}.menu-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.menu-row{background:#fff8ef;border:1px solid #e7ddce;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.menu-row strong{color:#2f2a24;font-size:15px;font-weight:900;display:block}.menu-row span{color:#8a7e72;margin-top:4px;font-size:12px;font-weight:800;display:block}.qty-control{align-items:center;gap:8px;display:flex}.qty-control button,.small-refresh{color:#6d6257;background:#fffdf9;border:1px solid #d8cbb9;border-radius:12px;width:34px;height:34px;font-weight:900}.qty-control b{text-align:center;min-width:24px;font-weight:900}.cart-footer{border-top:1px solid #efe7db;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.cart-footer span{color:#8a7e72;font-size:12px;font-weight:800;display:block}.cart-footer strong{color:#2f2a24;margin-top:3px;font-size:20px;font-weight:900;display:block}.cart-actions{gap:8px;display:flex}.ghost-button{color:#6d6257;background:#f3ece2;border:1px solid #e3d9cb;border-radius:14px;height:44px;padding:0 16px;font-size:13px;font-weight:900}.primary-button.compact{width:auto;height:44px;padding:0 18px}.settlement-inline{grid-template-columns:1fr 84px;gap:8px;margin-bottom:12px;display:grid}.settlement-inline input{border-width:1px;height:42px;font-size:14px}.mini-download{border-radius:14px;height:42px;text-decoration:none}.recent-list{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow:auto}.recent-card{background:#fff;border:1px solid #e7ddce;border-radius:18px;padding:14px}.recent-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.recent-head strong{color:#2f2a24;font-size:15px;font-weight:900}.recent-head span{color:#4f8278;font-size:14px;font-weight:900}.recent-card p{color:#5f564d;margin:4px 0;font-size:13px;font-weight:800}.recent-items{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.recent-items span{color:#6d6257;background:#f3ece2;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.empty-box{text-align:center;color:#8a7e72;padding:80px 16px;font-size:15px;font-weight:900}@media (width<=980px){.dashboard-grid{grid-template-columns:1fr}.recent-panel{min-height:480px}}@media (width<=620px){.inline-form{grid-template-columns:1fr}.cart-footer{flex-direction:column;align-items:stretch}.cart-actions{grid-template-columns:1fr 1fr;display:grid}}.account-form{grid-template-columns:1fr 1fr;gap:14px;max-width:760px;display:grid}.account-form .field{margin-bottom:0}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media (width<=720px){.account-form{grid-template-columns:1fr}}.grant-box{background:#fff8ef;border:1px solid #e7ddce;border-radius:18px;margin-bottom:14px;padding:14px}.grant-head strong{color:#2f2a24;font-size:15px;font-weight:900;display:block}.grant-head span{color:#8a7e72;margin-top:4px;font-size:12px;font-weight:800;display:block}.grant-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.grant-preview{background:#fff;border:1px solid #eadfcf;border-radius:14px;margin-top:12px;padding:12px}.grant-preview p{color:#5f564d;margin:4px 0;font-size:13px;font-weight:800}.grant-preview b{color:#2f2a24;font-weight:900}.grant-warning{color:#c85b5b!important}.order-mobile-shell{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.no-margin{margin-top:0}.barcode-result-panel{background:#f7fffc;border-color:#6aa89b}.barcode-result-panel h2{margin:0;font-size:24px;font-weight:900}.barcode-result-panel p{color:#6d6257;font-size:14px;font-weight:800}.barcode-token-box{text-align:center;background:#fff;border:2px dashed #6aa89b;border-radius:20px;margin-top:16px;padding:24px 14px}.barcode-token-box strong{color:#2f2a24;letter-spacing:1px;word-break:break-all;font-size:clamp(24px,6vw,44px);font-weight:900;display:block}.barcode-order-info{background:#fff;border:1px solid #d8eadf;border-radius:16px;margin-top:14px;padding:12px 14px}.barcode-order-info p{margin:6px 0}.barcode-order-info b{color:#2f2a24}.barcode-items{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.barcode-items span{color:#4f8278;background:#eaf4f1;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}@media (width<=720px){.topbar{padding:12px 14px}.brand-row{font-size:17px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.nav-link{justify-content:center;min-height:44px;padding:0 10px}.page{padding:16px 12px}.page-title h1{font-size:26px}.page-title p{font-size:13px}.panel,.recent-panel{border-radius:20px;padding:16px}.menu-row{align-items:stretch}.qty-control button{width:38px;height:38px}.cart-footer{z-index:5;background:#fffdf9;border:1px solid #e7ddce;border-radius:16px;padding:12px;position:sticky;bottom:0}.cart-actions{grid-template-columns:1fr 1fr}.primary-button.compact,.ghost-button{height:48px}.barcode-token-box{padding:14px 8px;overflow:hidden}.barcode-token-box svg{width:100%;max-width:100%;height:auto;display:block}}.account-create-panel{margin-bottom:18px}.account-create-panel h2,.users-board-panel h2{margin:0;font-size:22px;font-weight:900}.account-create-panel p,.users-board-panel p{color:#8a7e72;margin:6px 0 16px;font-size:13px;font-weight:700}.board-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board-search{color:#2f2a24;background:#fff8ef;border:1px solid #e3d9cb;border-radius:16px;outline:none;width:100%;height:46px;margin-bottom:14px;padding:0 14px;font-weight:800}.users-table-wrap{width:100%;overflow-x:auto}.users-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px;font-size:13px}.users-table th{color:#6d6257;text-align:left;background:#f3ece2;border-top:1px solid #e3d9cb;border-bottom:1px solid #e3d9cb;padding:12px 10px;font-weight:900}.users-table th:first-child{border-top-left-radius:14px}.users-table th:last-child{border-top-right-radius:14px}.users-table td{color:#2f2a24;vertical-align:top;border-bottom:1px solid #efe7db;padding:12px 10px;font-weight:700}.inactive-row{opacity:.55}.status-chip,.admin-chip{border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.status-chip.active{color:#4f8278;background:#eaf4f1}.status-chip.inactive{color:#c85b5b;background:#fff1f1}.admin-chip{color:#fff;background:#2f2a24;margin-left:6px}.permission-grid{grid-template-columns:1fr 1fr;gap:7px;min-width:190px;display:grid}.permission-check{color:#5f564d;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.permission-check input{accent-color:#6aa89b;width:15px;height:15px}.barcode-code{color:#2f2a24;white-space:nowrap;background:#fff8ef;border:1px solid #e3d9cb;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:900;display:inline-block}.row-actions{flex-wrap:wrap;gap:6px;min-width:150px;display:flex}.ghost-button.mini{border-radius:11px;height:34px;padding:0 10px;font-size:12px}@media (width<=720px){.account-create-panel,.users-board-panel{padding:14px}.users-table{min-width:1060px}.users-table th,.users-table td{padding:10px 8px}}.users-layout-grid{grid-template-columns:minmax(340px,.45fr) minmax(720px,1fr);align-items:start;gap:18px;display:grid}.account-form-compact{grid-template-columns:1fr;max-width:none}.users-toolbar{grid-template-columns:minmax(220px,1fr) 120px auto auto auto;align-items:center;gap:8px;margin-bottom:14px;display:grid}.grant-month-input{color:#2f2a24;background:#fff8ef;border:1px solid #e3d9cb;border-radius:16px;outline:none;height:46px;padding:0 12px;font-weight:900}.row-check{accent-color:#6aa89b;width:18px;height:18px}.ghost-button.danger-soft{color:#c85b5b;background:#fff1f1;border-color:#f0c3c3}@media (width<=1180px){.users-layout-grid{grid-template-columns:1fr}.users-toolbar{grid-template-columns:1fr 120px}.users-toolbar button{min-height:44px}}@media (width<=720px){.users-toolbar{grid-template-columns:1fr}.grant-month-input{width:100%}.users-table{min-width:980px}}.users-layout-grid{grid-template-columns:minmax(300px,.35fr) minmax(980px,1.65fr);max-width:1680px;margin:0 auto}.users-board-panel{width:100%}.users-table{table-layout:auto;min-width:0}.users-table-wrap{overflow-x:visible}.permission-grid{min-width:150px}@media (width<=1280px){.users-layout-grid{grid-template-columns:1fr}.users-table-wrap{overflow-x:auto}.users-table{min-width:980px}}.users-toolbar .board-search,.users-toolbar .grant-month-input,.users-toolbar .ghost-button,.users-toolbar .primary-button{height:44px;min-height:44px}.users-toolbar .board-search,.users-toolbar .grant-month-input{margin-bottom:0}@media (width<=720px){.users-layout-grid,.users-toolbar{grid-template-columns:1fr}.users-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:980px}.permission-grid{grid-template-columns:1fr 1fr;min-width:170px}}.custom-modal-backdrop{z-index:1000;background:#2f2a246b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.custom-modal-card{background:#fffdf9;border:1px solid #e7ddce;border-radius:24px;width:100%;max-width:420px;padding:22px;box-shadow:0 24px 70px #2f2a2438}.custom-modal-card h3{color:#2f2a24;margin:0;font-size:22px;font-weight:900}.custom-modal-card p{color:#5f564d;margin:14px 0 0;font-size:15px;font-weight:800;line-height:1.5}.modal-warning-box{color:#c85b5b;background:#fff1f1;border:1px solid #f0c3c3;border-radius:16px;margin-top:14px;padding:13px 14px;font-size:13px;font-weight:900}.custom-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.danger-button{color:#fff;background:#c85b5b;border:0;border-radius:14px;height:44px;font-size:14px;font-weight:900}.danger-button:disabled,.ghost-button:disabled{opacity:.65;cursor:default}@media (width<=720px){.custom-modal-card{border-radius:22px;max-width:100%;padding:20px}.custom-modal-actions{grid-template-columns:1fr}.danger-button,.custom-modal-actions .ghost-button{height:48px}}.settlement-control-panel{margin-bottom:18px}.settlement-control-grid{grid-template-columns:minmax(160px,220px) auto auto auto;align-items:end;gap:10px;display:grid}.settlement-month-field{margin-bottom:0}.settlement-control-grid .ghost-button,.settlement-control-grid .primary-button{justify-content:center;align-items:center;gap:7px;height:50px;display:inline-flex}.settlement-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.summary-card{background:#fff8ef;border:1px solid #e7ddce;border-radius:16px;padding:14px}.summary-card span{color:#8a7e72;font-size:12px;font-weight:900;display:block}.summary-card strong{color:#2f2a24;margin-top:5px;font-size:20px;font-weight:900;display:block}.settlement-layout-grid{grid-template-columns:minmax(420px,.85fr) minmax(560px,1.15fr);align-items:start;gap:18px;display:grid}.grant-user-list{flex-direction:column;gap:8px;display:flex}.grant-user-row{cursor:pointer;background:#fffdf9;border:1px solid #e7ddce;border-radius:16px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.grant-user-row.granted{opacity:.58;background:#f7f1e8}.grant-user-row input{accent-color:#6aa89b;width:18px;height:18px}.grant-user-main strong{color:#2f2a24;font-size:15px;font-weight:900;display:block}.grant-user-main span{color:#8a7e72;margin-top:3px;font-size:12px;font-weight:800;display:block}.status-chip.pending{color:#6d6257;background:#fff8ef;border:1px solid #e3d9cb}.settlement-table-wrap{width:100%;overflow-x:auto}.settlement-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:13px}.settlement-table th{color:#6d6257;text-align:left;background:#f3ece2;border-top:1px solid #e3d9cb;border-bottom:1px solid #e3d9cb;padding:12px 10px;font-weight:900}.settlement-table td{color:#2f2a24;border-bottom:1px solid #efe7db;padding:12px 10px;font-weight:700}.settlement-table th:first-child{border-top-left-radius:14px}.settlement-table th:last-child{border-top-right-radius:14px}@media (width<=980px){.settlement-control-grid,.settlement-summary-grid{grid-template-columns:1fr 1fr}.settlement-layout-grid{grid-template-columns:1fr}}@media (width<=620px){.settlement-control-grid,.settlement-summary-grid{grid-template-columns:1fr}.grant-user-row{grid-template-columns:28px 1fr}.grant-user-row .status-chip{grid-column:2;justify-self:start}.settlement-table{min-width:640px}}.pos-layout-grid{grid-template-columns:minmax(360px,.85fr) minmax(560px,1.15fr);align-items:start;gap:18px;display:grid}.pos-scan-panel{position:sticky;top:96px}.pos-scan-form{grid-template-columns:minmax(0,1fr) 112px;gap:10px;display:grid}.pos-scan-form input{color:#2f2a24;background:#fff;border:2px solid #6aa89b;border-radius:999px;outline:none;height:54px;padding:0 18px;font-size:18px;font-weight:900}.pos-scan-form input:focus{box-shadow:0 0 0 4px #6aa89b29}.pos-scan-form button{color:#fff;white-space:nowrap;background:#6aa89b;border:0;border-radius:999px;min-width:0;height:54px;padding:0 16px;font-size:14px;font-weight:900;box-shadow:0 8px 18px #6aa89b2e}.pos-help-box{color:#6d6257;background:#fff8ef;border:1px solid #e7ddce;border-radius:16px;margin-top:14px;padding:13px 14px;font-size:13px;font-weight:900}.pos-recent-panel{min-height:calc(100vh - 190px)}.pos-recent-list{max-height:calc(100vh - 290px)}@media (width<=980px){.pos-layout-grid{grid-template-columns:1fr}.pos-scan-panel{position:static}.pos-recent-panel{min-height:420px}.pos-recent-list{max-height:none}}@media (width<=620px){.pos-scan-form{grid-template-columns:1fr}.pos-scan-form input,.pos-scan-form button{height:54px;font-size:17px}}.pos-complete-modal{max-width:460px}.modal-order-summary{background:#fff8ef;border:1px solid #e7ddce;border-radius:16px;margin-top:12px;padding:12px 14px}.modal-order-summary span{color:#8a7e72;font-size:12px;font-weight:900;display:block}.modal-order-summary strong{color:#2f2a24;margin-top:4px;font-size:18px;font-weight:900;display:block}.modal-items-box{background:#eaf4f1;border:2px solid #b9d8d0;border-radius:18px;margin-top:16px;padding:16px}.modal-items-box>strong{color:#2f2a24;margin-bottom:10px;font-size:18px;font-weight:900;display:block}.modal-item-row{color:#2f2a24;border-top:1px solid #4f827838;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:18px;font-weight:900;display:flex}.modal-item-row:first-of-type{border-top:0}.modal-item-row span{flex:1}.modal-item-row b{text-align:right;white-space:nowrap;color:#4f8278;min-width:52px;font-size:20px}.custom-modal-actions.single{grid-template-columns:1fr}@media (width<=720px){.pos-complete-modal{max-width:100%}.modal-order-summary strong{font-size:16px}}.user-line{font-size:14px;font-weight:900}@media (width<=720px){.brand-row{font-size:22px}.user-line{font-size:15px}.order-header-balance strong{font-size:20px}.order-header-balance span{font-size:15px}.order-header-balance b{font-size:20px}}.menu-manage-grid{grid-template-columns:minmax(320px,.45fr) minmax(620px,1fr);align-items:start;gap:18px;display:grid}.menu-editor-panel h2,.menu-list-panel h2{margin:0;font-size:22px;font-weight:900}.menu-editor-panel p,.menu-list-panel p{color:#8a7e72;margin:6px 0 16px;font-size:13px;font-weight:700}.menu-form{gap:14px;display:grid}.menu-form .field{margin-bottom:0}.menu-switch-row{color:#5f564d;background:#fff8ef;border:1px solid #e3d9cb;border-radius:16px;align-items:center;gap:9px;height:48px;padding:0 14px;font-size:14px;font-weight:900;display:flex}.menu-switch-row input{accent-color:#6aa89b;width:18px;height:18px}.menu-admin-list{flex-direction:column;gap:10px;display:flex}.menu-admin-card{background:#fff;border:1px solid #e7ddce;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.menu-admin-card.disabled{opacity:.58;background:#f7f1e8}.menu-admin-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-admin-head strong{color:#2f2a24;font-size:16px;font-weight:900}.menu-admin-card p{color:#8a7e72;margin:5px 0 0;font-size:13px;font-weight:800}@media (width<=980px){.menu-manage-grid,.menu-admin-card{grid-template-columns:1fr}}@media (width<=620px){.menu-admin-card .row-actions{width:100%;min-width:0}.menu-admin-card .row-actions .ghost-button{flex:1}}.header-info-box{margin-top:8px}.order-header-balance{flex-direction:column;gap:3px;display:flex}.order-header-balance strong{color:#2f2a24;font-size:18px;font-weight:900}.order-header-balance span{color:#6d6257;font-size:14px;font-weight:800}.order-header-balance b{color:#4f8278;margin-top:4px;font-size:18px;font-weight:900}@media (width<=720px){.topbar{grid-template-columns:1fr auto;align-items:start;display:grid}.brand-area{min-width:0}.nav{justify-content:flex-end;width:auto;display:flex}.nav-link.danger{min-width:112px;height:44px}.order-header-balance strong{font-size:20px}.order-header-balance span{font-size:15px}.order-header-balance b{font-size:20px}}.barcode-expire-text{margin-top:6px;font-size:13px;font-weight:900;color:#c85b5b!important}.new-order-button{width:100%;margin-top:16px}.order-complete-modal{max-width:460px}.order-complete-modal h3{color:#4f8278}@media (width<=720px){.order-complete-modal{max-width:100%}}.audit-toolbar{grid-template-columns:minmax(220px,1fr) 180px auto}.audit-select{color:#2f2a24;background:#fff8ef;border:1px solid #e3d9cb;border-radius:16px;outline:none;height:44px;padding:0 12px;font-weight:900}.audit-table{min-width:980px}@media (width<=720px){.audit-toolbar{grid-template-columns:1fr}.audit-table{min-width:900px}}.audit-simple-detail{color:#5b5348;font-size:13px;font-weight:800;line-height:1.45}@media (width<=720px){.page{padding:10px}.card,.panel,.recent-panel,.account-create-panel,.users-board-panel,.menu-editor-panel,.menu-list-panel{border-radius:18px;padding:14px}.topbar{gap:10px;padding:12px}.brand-row{font-size:18px;line-height:1.2}.user-line{font-size:13px}.nav{-webkit-overflow-scrolling:touch;gap:6px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.nav-link{flex:none;min-width:max-content;height:42px;padding:0 12px;font-size:12px}.page-title h1{font-size:24px;line-height:1.2}.page-title p{font-size:12px}.users-layout-grid{grid-template-columns:1fr;gap:14px}.account-form,.users-toolbar{grid-template-columns:1fr}.users-toolbar .board-search,.users-toolbar .grant-month-input,.users-toolbar .ghost-button,.users-toolbar .primary-button{width:100%}.users-table-wrap,.settlement-table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.users-table,.audit-table,.settlement-table{min-width:980px}.users-table th,.users-table td,.audit-table th,.audit-table td,.settlement-table th,.settlement-table td{white-space:nowrap;padding:9px 7px;font-size:12px}.permission-grid{gap:4px;min-width:150px}.permission-check{font-size:11px}.primary-button,.ghost-button,.outline-button{min-height:46px}.pos-layout-grid,.dashboard-grid,.settlement-layout-grid,.menu-manage-grid,.pos-scan-form,.inline-form,.settlement-inline{grid-template-columns:1fr}.pos-scan-form button,.inline-form button,.settlement-inline button{width:100%}.recent-panel{min-height:auto}.recent-list,.pos-recent-list{max-height:none}.barcode-token-box{padding:12px 8px;overflow:hidden}.barcode-token-box svg{width:100%;height:auto}.custom-modal-card,.pos-complete-modal,.order-complete-modal{border-radius:18px;max-width:100%;padding:18px}.custom-modal-actions{grid-template-columns:1fr}}.settlement-mobile-cards{display:none}@media (width<=720px){.settlement-desktop-table{display:none}.settlement-mobile-cards{flex-direction:column;gap:12px;display:flex}.settlement-mobile-card{background:#fffdf9;border:1px solid #e7ddce;border-radius:18px;padding:14px}.settlement-mobile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.settlement-mobile-head strong{color:#2f2a24;font-size:17px;font-weight:900}.settlement-mobile-head span{color:#8a7e72;font-size:13px;font-weight:800}.settlement-mobile-dept{color:#8a7e72;margin-top:5px;font-size:13px;font-weight:700}.settlement-mobile-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.settlement-mobile-grid div{background:#f7f1e8;border-radius:14px;padding:10px}.settlement-mobile-grid span{color:#8a7e72;font-size:11px;font-weight:800;display:block}.settlement-mobile-grid strong{color:#2f2a24;margin-top:4px;font-size:15px;font-weight:900;display:block}.nav.nav-normal-user .nav-link:not(.danger){display:none}.nav.nav-privileged-user .nav-link{flex:none;min-width:max-content}.topbar{grid-template-columns:minmax(0,1fr);gap:10px}.brand-area{width:100%}.brand-row{font-size:18px;line-height:1.15}.user-line{word-break:keep-all;max-width:100%;font-size:12px;line-height:1.35}.nav.nav-privileged-user{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:6px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.nav.nav-privileged-user .nav-link{border-radius:999px;flex:none;height:36px;min-height:36px;padding:0 10px;font-size:12px}.nav.nav-privileged-user .nav-link svg{width:14px;height:14px}.nav.nav-privileged-user .nav-link.danger{min-width:auto}}.users-mobile-cards{display:none}@media (width<=720px){.users-desktop-table{display:none}.users-mobile-cards{flex-direction:column;gap:12px;display:flex}.user-mobile-card{background:#fffdf9;border:1px solid #e7ddce;border-radius:18px;padding:14px}.user-mobile-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-mobile-top strong{color:#2f2a24;font-size:17px;font-weight:900}.user-mobile-info{margin-top:10px}.user-mobile-info p{color:#6d6257;margin:4px 0;font-size:13px;font-weight:800}.user-mobile-permissions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.user-mobile-bottom{flex-direction:column;gap:10px;margin-top:14px;display:flex}.user-mobile-bottom .row-actions{width:100%}.user-mobile-bottom .row-actions button{flex:1}}