:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172234;background:#f5f7fa;font-size:14px;--blue:#078fc4;--line:#e4e9ee;--panel:#fff;--muted:#748194;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:5px;padding:9px 12px;transition:background .12s}button:hover{background:#edf7fc}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #49b7df;outline-offset:2px}input,select,textarea{min-width:0;border:1px solid #dce3eb;border-radius:4px;background:var(--panel);color:inherit;padding:10px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #078fc422}input[type=checkbox]{width:auto;accent-color:var(--blue)}textarea{min-height:76px;resize:vertical}label{display:grid;gap:6px;font-weight:500;font-size:14px}.check{display:flex;align-items:center;gap:8px;min-height:40px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#087eac}.danger{color:#c24151}.muted,small{color:var(--muted)}h1{font-size:23px;letter-spacing:-.5px;margin:0 0 6px}h2{font-size:17px;margin:0 0 18px}p{line-height:1.6;margin:4px 0 20px}.layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--panel);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 22px}.brand img{width:38px}.brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;font-size:12px;letter-spacing:0;margin-top:4px}.sidebar button{text-align:left;border:0;display:flex;gap:10px;align-items:center;width:100%;padding:11px 12px;margin:2px 0}.sidebar .selected{background:#e3f3fb;color:#037cae;font-weight:600}.sidebar details>summary{cursor:pointer;padding:13px 12px;color:#425169;list-style:none;font-weight:600}.sidebar details>summary:after{content:'⌄';float:right}.sidebar details button{padding-left:26px;font-size:13px}.sidebar footer{margin-top:auto;padding:24px 10px 5px;color:var(--muted);font-size:12px}.workspace{min-width:0}.topbar{height:67px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:16px}.topbar .search{max-width:350px;flex:1}.user{display:flex;gap:12px;align-items:center}.avatar{background:var(--blue);color:white;border-radius:6px;padding:11px}.tabs{display:flex;gap:3px;overflow:auto;max-width:100%;padding:13px 22px 0;border-bottom:1px solid var(--line);background:var(--panel)}.tab{display:flex;white-space:nowrap;align-items:center;border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0}.tab.active{border-color:var(--line);background:var(--bg);color:var(--blue)}.tab button{border:0;background:transparent;font-size:13px;padding:11px}.tab .close{padding-left:0;color:var(--muted)}main{padding:24px;max-width:1900px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:20px;margin-bottom:20px}.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px}.toolbar input{max-width:300px}.toolbar select{width:auto;max-width:220px}.toolbar .spacer{flex:1}.toolbar input[type=date]{max-width:160px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px;background:var(--panel)}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th{color:#637185;background:#f8fafc;text-align:left;font-size:12px;letter-spacing:.3px;padding:13px 12px;border-bottom:1px solid var(--line);font-weight:600}th button{padding:0;border:0;background:none;font:inherit;color:inherit}td{padding:12px;border-bottom:1px solid #edf0f5}tbody tr:hover{background:#f2f9fd}tbody tr.selected{background:#e4f4fb}td input{min-width:86px;max-width:160px;padding:7px}.empty{text-align:center;padding:50px;color:var(--muted)}.pagination{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:13px}.pagination select{width:88px}.pagination .spacer{flex:1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric{background:var(--panel);border:1px solid var(--line);padding:21px;border-radius:7px}.metric .value{font-size:25px;font-weight:650;margin:13px 0}.metric .label{color:var(--muted);font-size:13px}.metric small{font-size:12px}.quick{display:flex;gap:10px;flex-wrap:wrap}.quick button{padding:14px 18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pos{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.pos .panel{padding:16px}.cartsearch{display:flex;gap:8px;margin-bottom:18px}.cartsearch input{font-size:16px;border-color:var(--blue);padding:14px}.totals{display:grid;gap:16px}.total-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.big-total{font-size:26px;font-weight:650;color:var(--blue);padding:15px 0}.pay{display:grid;grid-template-columns:1fr 100px 34px;gap:5px}.pay button{padding:5px}.hint{font-size:13px;line-height:1.5;color:var(--muted)}.hold{display:flex;gap:5px}.hold .active{color:white;background:var(--blue)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-grid button{text-align:left;padding:18px;min-height:70px}.catalog-grid button small{display:block;margin-top:8px}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;background:#e6f7f0;color:#138468}.badge.warn{background:#fff1d9;color:#9c6912}.badge.gray{background:#e9edf2;color:#667286}.negative{color:#d05b62}dialog{border:1px solid var(--line);border-radius:10px;padding:0;max-height:90vh;width:min(800px,94vw);color:inherit;background:var(--panel);box-shadow:0 20px 100px #0b1b3c33}dialog::backdrop{background:#16263d55}.dialog-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-body{padding:24px;max-height:68vh;overflow:auto}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:17px 24px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.form-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.form-tabs .active{color:var(--blue);border-color:var(--blue)}.login{max-width:400px;margin:12vh auto;padding:30px}.login .brand{justify-content:center;padding-bottom:30px}.login form{display:grid;gap:20px}.login .brand img{width:58px}.login button{padding:13px}#toast{position:fixed;bottom:25px;right:25px;max-width:480px;z-index:10000;color:white;background:#172234;padding:14px 22px;border-radius:7px;box-shadow:0 10px 30px #0002;display:none}.chart{height:180px;display:flex;align-items:end;gap:10px;padding:10px 0 28px}.bar{flex:1;min-height:3px;background:#078fc4aa;position:relative;border-radius:4px 4px 0 0}.bar span{position:absolute;bottom:-25px;left:0;font-size:12px;color:var(--muted)}.report-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.readonly-notice{background:#eef6fb;padding:13px 16px;border-left:3px solid var(--blue);margin-bottom:18px;font-size:13px}.dark{--panel:#162336;--bg:#101b2c;--line:#2a3b52;--muted:#a2b0c3;background:var(--bg);color:#e4edf8}.dark th{background:#1b2c42}.dark tbody tr:hover,.dark button:hover{background:#233c54}.dark tbody tr.selected{background:#204763}.dark .readonly-notice{background:#19354b}.dark td{border-color:var(--line)}.dark .sidebar .selected{background:#184760;color:#c4eefe}.print-area{display:none}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}.pos{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;z-index:50;left:-260px;width:246px;transition:left .2s}.layout.menu-open .sidebar{left:0;box-shadow:10px 0 40px #0003}.topbar{padding:0 14px}.topbar .search{display:none}main{padding:16px}.cards,.grid2,.form-grid,.report-filters{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.metric .value{font-size:24px}.page-head{flex-wrap:wrap}.user small{display:none}.form-grid .wide{grid-column:auto}}@media print{body>*{display:none!important}.print-area{display:block!important;color:black;background:white;padding:20px}.print-area table{white-space:normal}.print-area h1{font-size:20px}.print-area td,.print-area th{border-bottom:1px solid #aaa;padding:8px}}

/* Independent layout based on observed screen geometry. */
:root{--blue:#172238;--line:#e4e5e8;--bg:#f5f6f8;--muted:#87909a;font-size:13px;font-family:Arial,Segoe UI,sans-serif;background:var(--bg)}.layout{grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#172337;color:#c4ccda;border:0;padding:0;gap:0}.sidebar .brand{height:145px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;border-bottom:1px solid #ffffff10}.sidebar .brand img{width:54px;height:54px}.sidebar .brand strong{display:none}.sidebar .brand small{font-size:14px;font-weight:600;text-align:center}.sidebar nav{padding:0}.sidebar nav button,.sidebar summary{border-radius:0;padding:11px 18px;color:#c4ccda;font-size:13px;min-height:36px}.sidebar nav button{display:flex;gap:12px;align-items:center}.nav-icon{color:#b7a85e;font-size:16px;width:15px;flex-shrink:0}.sidebar .selected{background:#3b2f08;color:#e6ca75;border-left:2px solid #ac9143}.sidebar nav button:hover,.sidebar summary:hover{background:#253147;color:#fff}.sidebar details button{padding-left:37px}.sidebar summary{list-style:none;position:relative}.sidebar summary:after{content:'⌄';float:right;color:#66748a}.sidebar summary:before{content:'▫';color:#b7a85e;margin-right:14px;font-size:16px}.sidebar details[open]>summary:after{content:'⌃'}.sidebar footer{font-size:10px;color:#728097;padding:10px 18px;margin-top:auto}.sidebar>button{background:transparent;color:#c4ccda;border:0;border-top:1px solid #ffffff10;text-align:left;border-radius:0;padding:16px}.topbar{height:56px;min-height:56px;padding:0 24px;border-bottom:1px solid #e1e3e7;background:#fff}.topbar>button{border:0;padding:8px}.topbar .search{display:none}.topbar .avatar{background:#947c24;border-radius:3px;width:32px;height:32px;font-size:12px}.user{gap:16px}.user>button{background:transparent;border:0}.tabs{background:#f7f8fa;min-height:62px;align-items:flex-end;padding:12px 8px 0;gap:4px;border-bottom:1px solid #e0e3e7}.tab{border-radius:3px 3px 0 0;border:1px solid transparent;display:flex}.tab.active{background:white;border:1px solid #e1e3e7;border-bottom-color:white;color:#1b2737}.tab button{font-size:13px;font-weight:500;padding:10px;border:0;background:transparent}.tab.active>button:first-child{font-weight:bold}.tab .close{padding:6px;color:#a1a7b0}main{padding:16px 20px;background:var(--bg)}h1{font-size:20px;letter-spacing:-.3px;margin:0 0 5px}h2{font-size:14px}.page-head{margin-bottom:16px}.page-head p{font-size:12px;margin:0}.panel{border:1px solid #e1e3e7;border-radius:4px;padding:14px;margin-bottom:16px;box-shadow:0 1px 2px #00000004}.dashboard-search{display:block;width:min(670px,100%);height:46px;margin:0 0 16px;border:1px solid #6ab8d3;box-shadow:0 0 0 1px #6ab8d333}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e3e4e8;background:#fff;color:#172234;min-height:62px;padding:12px;font-weight:600;box-shadow:0 1px 2px #00000009}.quick-icon{display:grid;place-items:center;background:#f4ebcb;color:#9c843d;width:36px;height:36px;border-radius:4px;font-size:20px;flex-shrink:0}.quick-arrow{margin-left:auto;color:#d7d9de;font-size:22px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border-radius:4px;border:1px solid #e1e3e7;padding:16px;background:#fff;box-shadow:none}.metric .label{font-size:11px;text-transform:uppercase;letter-spacing:.3px}.metric .value{font-size:25px;color:#806f24;margin:8px 0}.metric:nth-child(5) .value,.metric:nth-child(6) .value{color:#b50f40}.metric small{font-size:11px}.toolbar{gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{height:34px;padding:6px 10px;border-radius:3px;max-width:210px;font-size:12px}.toolbar button{height:34px;padding:6px 10px;font-size:12px;border-radius:3px}.primary{background:#172238;color:#fff;border-color:#172238}.primary:hover{background:#253651}input,select,textarea{border-radius:2px;font-size:13px;padding:8px}button{border-radius:3px;font-size:13px}.table-wrap{border:1px solid #dedfe4;border-radius:3px;background:#fff}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:8px 12px;height:40px;background:#f7f8fa;color:#727c8b;white-space:nowrap}th button{font-size:10px!important;text-transform:uppercase;letter-spacing:.6px;color:inherit}td{font-size:13px;height:37px;padding:8px 12px;border-bottom:1px solid #e7e9ed}.pagination{padding:8px;background:#f8f9fb;font-size:12px}.pagination select{width:65px;padding:6px}.table-wrap td button{font-size:11px;padding:5px;margin:2px}.inline-share{float:right;border:0;color:#947c24}.badge{border-radius:3px;font-size:10px;padding:3px 5px}.button-link{padding:8px;color:#256686;text-decoration:none}dialog{width:min(768px,95vw);max-height:88vh;border:1px solid #dfe1e6;border-radius:3px;padding:0;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#0006}.dialog-head{padding:18px 16px;border-bottom:1px solid #dedfe4}.dialog-head h2{font-size:15px}.dialog-head button{border:0;color:#979fac}.dialog-body{padding:18px 16px;max-height:66vh;overflow:auto}.dialog-foot{padding:12px 16px;background:#fff;border-top:1px solid #e2e4e9;display:flex;gap:8px;align-items:center}.form-grid{gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{font-size:12px;gap:6px}.form-grid .check{align-items:center;padding:5px 0}.form-grid .wide{grid-column:1/-1}.form-grid>div{position:relative}.form-grid>div:has(.field-action) input{padding-right:40px}.field-action{position:absolute;right:1px;bottom:1px;border:0;background:#f7f8fa;height:30px;width:32px;padding:4px}.form-tabs{display:flex;gap:0;border-bottom:1px solid #dedfe4;margin:22px 0 16px;overflow:auto}.form-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:bold;padding:12px 10px;color:#8b94a1;white-space:nowrap}.form-tabs .active{border-color:#a39147;color:#7e713e}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-choice{display:grid;grid-template-columns:20px 1fr;border:1px solid #ddd;padding:14px;border-radius:5px;cursor:pointer}.theme-choice:has(:checked){border-color:#b6a354;background:#faf7eb}.theme-choice small{grid-column:2;color:#87909a}.dialog-foot .check{font-size:12px;min-height:0}.dark .sidebar{background:#111c2b}.dark main{background:#101b2c}.dark .topbar,.dark .panel,.dark .metric,.dark .quick button,.dark .dialog-foot{background:#162336;color:#e4edf8;border-color:#2a3b52}.dark .tabs,.dark .tab.active,.dark .toolbar input,.dark th{background:#162336;border-color:#2a3b52}.dark .table-wrap{background:#162336;border-color:#2a3b52}.dark .pagination{background:#162336}.dark dialog{background:#162336;color:#e4edf8}.dark .theme-choice:has(:checked){background:#283449}@media(max-width:1050px){.quick{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:760px){.layout{display:block}.sidebar{width:240px}.quick,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick button{padding:10px;font-size:11px;gap:7px}.quick-icon{width:26px;height:26px}.quick-arrow{display:none}main{padding:14px}.form-grid{grid-template-columns:1fr}.theme-choices{grid-template-columns:1fr}.dialog-body{max-height:65vh}.dialog-foot{flex-wrap:wrap}}
.mini-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini-metric{border:1px solid #e1e3e7;border-radius:4px;display:flex;gap:12px;text-align:left;align-items:center;padding:14px 12px;background:#fff;min-height:80px}.mini-metric b{display:block;font-size:17px;margin-bottom:4px;white-space:nowrap}.mini-metric small{display:block;font-size:11px;line-height:1.5;color:#89909b}.mini-icon{background:#f6ebc8;color:#ad9139;padding:8px;font-size:21px;border-radius:3px}.color-1{background:#fce4ea;color:#cf476c}.color-2,.color-4{background:#d6f5e8;color:#278668}.color-5{background:#eee5fa;color:#9670be}.color-6{background:#e9edf3;color:#5f7185}.month-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.month-metrics>div{border:1px solid #e1e3e7;background:#fff;padding:18px;border-radius:4px}.month-metrics strong{display:block;font-size:24px;margin-top:8px;color:#806f24}.month-metrics small{font-size:10px;color:#7f8996}.metric-link{border:0;background:transparent;padding:5px 0;font-size:11px;color:#847942}.small-icon{border:0;color:#8994a3;padding:2px 5px}.trend{height:215px;display:flex;align-items:end;justify-content:space-around;gap:10px;padding-bottom:24px}.trend-month{height:180px;display:flex;align-items:end;gap:4px;position:relative;flex:1;justify-content:center}.trend-month>div{width:22%;max-width:25px;border-radius:3px 3px 0 0}.trend-month small{position:absolute;bottom:-20px;font-size:10px;color:#7f8996;white-space:nowrap}.chart-legend{font-size:11px;text-align:center;color:#86909f}.catalogue-search{max-width:420px;margin-bottom:20px}.catalogue-section{margin-bottom:24px}.catalogue-section h2{font-size:13px;font-weight:600;color:#747d8a}.catalogue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalogue-item{text-align:left;padding:18px 14px;border:1px solid #e1e3e7;border-radius:4px;line-height:1.5;background:white}.catalogue-item:hover{border-color:#b4a363;background:#fcfaf3}.catalogue-item[hidden]{display:none}.section-caption{font-size:11px;letter-spacing:1px;color:#818b99;margin:24px 0 14px}.section-caption:first-child{margin-top:0}.stats-chart{min-height:200px;padding:24px;overflow:auto}.stat-bar-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:12px}.stat-bar-row>span{width:180px;flex-shrink:0}.stat-bar-row>div{height:28px;min-width:2px;border-radius:3px}.stat-bar-row>b{font-size:11px}.pie{width:250px;height:250px;border-radius:50%;margin:auto}.dark .mini-metric,.dark .month-metrics>div,.dark .catalogue-item{background:#162336;border-color:#2a3b52;color:#e4edf8}@media(max-width:1200px){.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-list{grid-template-columns:1fr}.mini-metric{gap:8px;padding:12px 8px}.mini-metric b{font-size:14px}.month-metrics strong{font-size:20px}.month-metrics{grid-template-columns:1fr}.stat-bar-row>span{width:110px}}
.sidebar nav button{background:transparent;margin:0;min-height:36px;padding:9px 18px}.sidebar nav button.selected{background:#3b2f08;color:#e6ca75}.sidebar details>summary{color:#c4ccda;padding:10px 18px;font-weight:400}.sidebar details button{padding-left:37px}.sidebar summary:before{margin-right:12px}.sidebar .selected:hover{background:#45370e}.form-grid>div>label{font-size:12px}.form-grid .check{min-height:30px}.dialog-foot>.check{margin-right:auto}.dialog-foot .spacer{flex:1}
.receipt-preview{background:white;color:#111;padding:12px;border:1px solid #ddd;font-size:12px;overflow-wrap:anywhere}.receipt-preview table{white-space:normal;table-layout:fixed;font-size:11px}.receipt-preview th,.receipt-preview td{padding:6px 3px;color:#111}.receipt-preview h1{font-size:20px}.receipt-preview h2{font-size:16px}@media print{.print-area{padding:6px;box-sizing:border-box;font-size:12px;overflow-wrap:anywhere}.print-area table{table-layout:fixed;font-size:11px}.print-area td,.print-area th{padding:6px 3px;word-break:break-word}.print-area h2{font-size:16px}}


/* Responsive layout: one stylesheet, with final rules grouped by viewport. */
:root{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;--muted:#667487}
body{min-width:320px;line-height:1.4}
.layout{grid-template-columns:240px minmax(0,1fr)}
.workspace{min-width:0;container-type:inline-size}
main{width:100%;min-width:0;padding:22px 24px}
.sidebar{left:auto;position:sticky;height:100dvh;flex-shrink:0}
.sidebar .brand{flex-shrink:0}
.sidebar nav button,.sidebar details>summary{color:#c4ccda;background:transparent;font-size:14px}
.sidebar nav button[hidden]{display:none}
.sidebar nav button.selected{background:#3b2f08;color:#f0d88c}
.sidebar nav button:hover{background:#253147;color:#fff}
.topbar{padding:0 20px;gap:12px}
.avatar{display:grid;place-items:center;padding:0;flex-shrink:0}
.tabs{min-height:52px;align-items:end;flex-wrap:nowrap;padding:8px 14px 0;scrollbar-width:thin}
.tab{flex-shrink:0}
.tabs>.spacer{flex:1}
.page-head{gap:12px}.page-head h1{font-size:22px}.page-head p{font-size:13px}
.panel,.metric,.mini-metric,.quick button,.month-metrics>div,.grid2>*,.pos>*,.form-grid>*{min-width:0}
.quick{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick button{font-size:14px;line-height:1.4;min-height:62px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric .value{font-size:clamp(20px,2.2vw,27px);overflow-wrap:anywhere}
.mini-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.mini-metric b{white-space:normal;overflow-wrap:anywhere}
.mini-metric small,.metric .label,.metric small{font-size:12px;color:var(--muted)}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.table-wrap table{min-width:100%}th{font-size:11px}td{font-size:14px}
.toolbar input,.toolbar select,.toolbar button{font-size:13px;min-height:36px;height:auto}
.cartsearch{display:flex;flex-wrap:wrap;align-items:center}
.cartsearch input{flex:1 1 220px;width:auto;min-width:120px}
.cartsearch select{flex:0 1 180px;width:auto}.cartsearch button{flex-shrink:0}
.pagination{flex-wrap:wrap;gap:10px}
.form-tabs{flex-wrap:nowrap;scrollbar-width:thin}.form-tabs button{flex-shrink:0;font-size:11px}
dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
.dialog-head,.dialog-foot{flex-shrink:0}.dialog-body{min-height:0;max-height:none;overflow:auto}
.dialog-foot{flex-wrap:wrap}.dialog-head h2{margin:0}.form-grid label{font-size:13px}
.menu-backdrop{display:none}
.dark .metric .value,.dark .month-metrics strong{color:#e8d389}
.dark .mini-metric small,.dark .metric .label,.dark .metric small{color:#aebbd0}
.dark .tab.active,.dark .tab button,.dark .catalogue-item{color:#e4edf8}
@container (max-width:1000px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pos{grid-template-columns:minmax(0,1fr)}}
@container (max-width:620px){main{padding:16px}.quick,.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick button{font-size:13px;padding:10px;gap:8px;min-height:56px}.quick-icon{width:30px;height:30px}.quick-arrow{display:none}.catalogue-list,.grid2{grid-template-columns:minmax(0,1fr)}.mini-metric{padding:12px;min-height:76px}.mini-metric b{font-size:16px}.month-metrics{grid-template-columns:1fr}.topbar{padding:0 14px}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px){.layout.menu-open{grid-template-columns:0 minmax(0,1fr)}.layout.menu-open .sidebar{visibility:hidden;overflow:hidden;width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.layout{display:block}.sidebar{position:fixed;top:0;left:-260px;width:240px;z-index:60;height:100dvh;transition:left .18s}.layout.menu-open .sidebar{left:0;box-shadow:8px 0 30px #0003}.layout.menu-open .menu-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#0b132b66;border:0;border-radius:0}.user small{display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}}
@media(max-width:540px){.form-grid,.theme-choices{grid-template-columns:minmax(0,1fr)}.form-grid .wide{grid-column:auto}.dialog-body{padding:16px 12px}.dialog-foot{padding:12px}.dialog-foot button{min-height:40px}.dialog-foot>.check{width:100%}.toolbar input{flex:1 1 140px;max-width:none}.toolbar select{max-width:100%}.user{gap:8px}.topbar{gap:8px}.cards{gap:10px}.metric{padding:12px}.mini-icon{padding:6px}.mini-metric{gap:8px}.report-filters{grid-template-columns:1fr}#toast{right:12px;left:12px;bottom:12px;max-width:none}.login{margin:5vh auto;padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Font-independent navigation icons. */
.ui-icon{display:block;width:20px;height:20px;flex:none}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:#c5ad58}
.sidebar details>summary{display:flex;align-items:center;gap:12px;list-style:none}
.sidebar details>summary::before{content:none}
.sidebar details>summary::after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid #98a8bd;border-bottom:1.5px solid #98a8bd;transform:rotate(45deg);margin-left:auto;margin-right:2px;flex:none;float:none}
.sidebar details[open]>summary::after{content:"";transform:rotate(225deg)}
.sidebar summary::-webkit-details-marker{display:none}
.quick-icon .ui-icon{width:22px;height:22px}

.row-actions{display:flex;justify-content:flex-end;gap:2px}.table-wrap .row-icon{display:inline-flex;padding:5px;margin:0;border:0;background:transparent;color:#738b9e}.row-icon .ui-icon{width:17px;height:17px}.row-icon:hover{color:#1978a3;background:#e9f4fa}.product-chart{max-height:260px;overflow:auto}.product-chart-row{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:12px}.product-chart-row>span{width:90px;flex-shrink:0}.product-chart-row>div{flex:1}.product-chart-row i{display:block;height:10px;background:#3987bd;margin:2px 0}.product-chart-row i.returned{background:#da9b36}

.product-menu{position:relative}.product-menu>summary{cursor:pointer;border:1px solid var(--line);padding:8px 12px;border-radius:3px;background:var(--panel)}.product-menu>div{position:absolute;right:0;top:100%;z-index:20;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 30px #0002;padding:5px;width:260px}.product-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;height:auto;margin:2px 0}
.wide-dialog{width:min(1280px,96vw)}.import-grid{max-height:48vh;overflow:auto}.import-grid input{min-width:115px;width:100%;border:1px solid transparent;background:transparent}.import-grid input:focus{border-color:#76a8c4}.import-grid td{padding:3px}.file-button{position:relative;overflow:hidden;border:1px solid var(--line);padding:7px 10px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#import-error{color:#bf2345}
.price-rules h3{font-size:11px;color:var(--muted);margin:20px 0 10px}.price-rules label{display:flex;align-items:flex-start;gap:9px;padding:10px 0;font-size:13px}.price-rules input{width:auto;margin:2px}.price-rules small{display:block;color:var(--muted);margin-top:4px}
.history-chart{padding:4px 0 15px;border-bottom:1px solid var(--line);margin-bottom:10px}.history-chart svg{width:100%;min-height:190px;max-height:300px}.history-chart text{font-size:10px;fill:var(--muted)}.history-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px}
.label-editor{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.label-stage{background:#e9edf1;min-height:360px;padding:30px;overflow:auto;display:grid;place-items:center}#label-canvas,.printed-label{background:#fff;color:#000;position:relative;overflow:hidden;box-sizing:border-box}#label-canvas{box-shadow:0 1px 9px #0002;flex-shrink:0}.label-element{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;line-height:1.15}.label-element svg{display:block}.label-element.active{outline:1px dashed #399ec3}.label-element[data-element]{cursor:move;touch-action:none}.label-controls{max-height:450px;overflow:auto}.label-controls h3{font-size:12px}.label-controls .check{font-size:12px;display:flex;gap:8px;align-items:center;margin:7px 0}.label-controls .check input{width:auto}.label-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.label-coordinates input{width:100%}#label-width,#label-height,#label-count{width:65px}.barcode-error,#label-error{color:#b92445;font-size:10px}.label-controls select{width:100%}@media(max-width:760px){.label-editor{grid-template-columns:1fr}.label-stage{padding:10px}.label-controls{max-height:250px}}@media print{.label-print{padding:0!important}.printed-label{break-after:page;page-break-after:always}.label-print .label-element{outline:none}.label-print .printed-label:last-child{break-after:auto;page-break-after:auto}@page{margin:0}}
/* Light admin theme and compact table geometry observed in the reference. */
body:not(.dark) .sidebar{background:#fff;color:#52616e;border-right:1px solid #e5eaf0}body:not(.dark) .sidebar nav button,body:not(.dark) .sidebar details>summary,body:not(.dark) .sidebar>button{color:#52616e}body:not(.dark) .sidebar .nav-icon{color:#4094b1}body:not(.dark) .sidebar nav button.selected{background:#e6f5fb;color:#237fa4;border-left:2px solid #38a5ce}body:not(.dark) .sidebar nav button:hover,body:not(.dark) .sidebar summary:hover{background:#f0f7fa;color:#237fa4}body:not(.dark) .sidebar .brand{border-bottom:1px solid #eef1f5}body:not(.dark) .sidebar>button{border-top:1px solid #eef1f5}body:not(.dark) .sidebar .brand small{color:#52616e}.page-head h1{font-size:19px}.page-head p{font-size:12px}.table-wrap td{font-size:13px;height:33px;padding:5px 10px}.table-wrap th{height:32px;padding:6px 10px}.table-wrap td:first-child{color:var(--muted)}.table-wrap tbody tr:nth-child(even):not(.selected){background:#f8fafc}.dark .table-wrap tbody tr:nth-child(even):not(.selected){background:#18283a}.table-wrap .row-icon{padding:3px;margin:0}.balance-link{border:0;background:transparent;color:inherit}.product-menu>div{min-width:265px}.product-menu details>summary{padding:7px 10px;font-size:12px;cursor:pointer}
#content th[data-col]{position:relative;padding-right:14px}#content th [data-resize]{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize;touch-action:none;border-right:1px solid transparent}#content th [data-resize]:hover,#content th [data-resize]:focus{border-right-color:#19a8d7;background:#19a8d730;outline:none}#content td{overflow:hidden;text-overflow:ellipsis}#content tfoot{font-weight:600;background:var(--pale,#f5f8fb)}#content tfoot td{border-top:1px solid var(--line)}
/* Keep the reference table toolbar on one line at desktop widths. */
@media(min-width:1100px){#content>.toolbar{gap:4px}#content>.toolbar>input#search{width:150px;min-width:120px;flex:0 1 150px}#content>.toolbar>input[type=date]{width:122px;min-width:110px}#content>.toolbar>select{max-width:145px;min-width:95px}#content>.toolbar>button{padding:5px 8px;font-size:11px;min-height:28px}#content>.toolbar>details summary{font-size:11px;padding:5px 8px}}
.product-menu-items{display:flex;flex-direction:column;gap:3px}.product-menu-items button{text-align:left}
.person-filter-groups{max-height:55vh;overflow:auto}.person-filter-groups h3{font-size:11px;color:var(--muted);margin:18px 0 8px}.person-filter-groups .check{font-size:13px;padding:3px 0}.person-filter-groups [hidden]{display:none}
dialog.credit-dialog{width:896px;max-width:calc(100vw - 32px);max-height:80vh}.credit-dialog .dialog-body{padding:20px}.credit-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.credit-summary>div,.credit-note{background:var(--pale,#f1f5f9);border:1px solid var(--line);padding:9px 12px;font-size:14px}.credit-summary>div{color:var(--muted)}.credit-summary strong{color:var(--text)}.credit-totals{grid-template-columns:repeat(3,1fr);margin-top:14px}.credit-totals strong{display:block;margin-top:5px}.credit-dialog td:nth-child(n+3),.credit-dialog th:nth-child(n+3){text-align:right}.credit-dialog td:nth-child(4){color:#409b88}.credit-dialog td:last-child{font-weight:600}@media(max-width:600px){.credit-summary{grid-template-columns:1fr}.credit-dialog .table-wrap{overflow:auto}}
.cash-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.cash-heading>.page-head{flex:1}.cash-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cash-card{background:var(--panel,#fff);border:1px solid var(--line);border-radius:3px;padding:16px}.cash-card-head{display:flex;align-items:center;gap:6px;margin-bottom:12px}.cash-card-head>strong{font-size:16px}.cash-card small{font-size:11px;letter-spacing:1px;color:var(--muted)}.cash-balance{font-size:25px;color:#117563;font-weight:700;margin-top:4px}.cash-balance.negative{color:#b51e4a}.cash-note{font-size:13px;color:var(--muted)}.bank-badge{background:#f0e7ff;color:#7643b5}#cash-form{display:grid;gap:16px}@media(max-width:1050px){.cash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.cash-cards{grid-template-columns:1fr}}

#person-filter-panel{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 24px);padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel,#fff);color:var(--text);box-shadow:0 12px 35px #0003;overflow:auto}
#person-filter-panel:popover-open{display:flex;flex-direction:column}#person-filter-panel::backdrop{background:transparent}.person-filter-body{padding:14px;overflow:auto;min-height:0}.person-filter-body>p{font-size:12px;color:var(--muted)}.person-filter-body>input{width:100%}#person-filter-panel .person-filter-groups{max-height:none}#person-filter-panel .dialog-foot{flex:none;padding:10px 14px}#person-filter-panel .person-filter-groups h3{margin:14px 0 6px}

.notification-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.notification-counts>div{padding:12px;background:var(--pale,#f1f5f9);border:1px solid var(--line);font-size:12px}.notification-counts strong{display:block;font-size:22px;margin-top:5px}.notification-status{padding:12px;border:1px solid #d5b468;background:#fff4d8;color:#76570d;font-size:13px}#notification-message{width:100%}#notification-count{text-align:right;font-size:12px;color:var(--muted)}

dialog.person-history-dialog,dialog.bonus-history-dialog{width:1024px;max-width:calc(100vw - 32px);height:80vh;max-height:80vh;overflow:hidden}dialog.bonus-history-dialog{width:896px}.person-history-dialog[open],.bonus-history-dialog[open]{display:flex;flex-direction:column}.person-history-dialog .dialog-head,.bonus-history-dialog .dialog-head{flex:none;align-items:flex-start;padding:16px}.person-history-dialog .dialog-head h2,.bonus-history-dialog .dialog-head h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}.person-history-dialog .dialog-head h2 small,.bonus-history-dialog .dialog-head h2 small{width:100%;font-weight:400;font-size:12px;color:var(--muted)}.person-history-dialog .dialog-body,.bonus-history-dialog .dialog-body{display:flex;flex-direction:column;min-height:0;flex:1;padding:12px 16px 0;overflow:hidden}.person-history-dialog .table-wrap,.bonus-history-dialog .table-wrap{flex:1;min-height:0;overflow:auto;border:0}.person-history-dialog .pagination,.bonus-history-dialog .pagination{flex:none;margin:0 -16px;padding:8px 12px;border-top:1px solid var(--line)}.person-history-dialog .dialog-foot,.bonus-history-dialog .dialog-foot{display:none}.person-history-dialog td:nth-child(3),.person-history-dialog td:nth-child(4),.bonus-history-dialog td:nth-child(n+3){text-align:right}.person-history-dialog td:nth-child(4){font-weight:600}.person-history-dialog td:last-child{white-space:nowrap}.bonus-history-dialog td:nth-child(5){color:#21866b;font-weight:600}.bonus-history-dialog td:nth-child(6){color:#be486a}.person-history-dialog .row-icon{border:0;background:transparent;display:inline-flex;padding:4px;color:var(--muted)}.person-history-dialog .row-icon .ui-icon{width:16px;height:16px}
.person-history-dialog .dialog-head,.bonus-history-dialog .dialog-head{padding:12px 16px}.person-history-dialog .dialog-head h2,.bonus-history-dialog .dialog-head h2{gap:4px}.person-history-dialog td,.bonus-history-dialog td{font-size:14px;height:33px;padding:6px 12px}.person-history-dialog th,.bonus-history-dialog th{font-size:11px;padding:7px 12px}.person-history-dialog .pagination button,.bonus-history-dialog .pagination button{min-height:26px;padding:4px 8px}.person-history-dialog .pagination select,.bonus-history-dialog .pagination select{min-height:26px;padding:4px}

.toolbar-icon{display:inline-flex;align-items:center;justify-content:center}.toolbar-icon .ui-icon{width:16px;height:16px}.person-toolbar{padding:10px;border:1px solid var(--line);background:var(--panel);margin-bottom:0;border-bottom:0;border-radius:3px 3px 0 0}.person-toolbar>*{order:1}#content>.person-toolbar>#search{order:0;width:220px;flex:0 0 220px;min-width:0;margin-right:calc(100% - 224px)}#content>.person-toolbar>[data-action="person-filter"]{order:2;margin-right:calc(100% - 110px)}.person-toolbar+.table-wrap{border-radius:0}@media(max-width:540px){#content>.person-toolbar>#search{width:100%;flex-basis:100%;margin-right:0}}

#content>.person-toolbar>input#search{width:220px;flex:0 0 220px}.person-list-page>.pagination{margin-top:0;border:1px solid var(--line);border-top:0;padding:8px 10px}.person-list-page>.pagination button,.person-list-page>.pagination select{min-height:26px;padding:4px 8px}@media(min-width:901px){#content.person-list-page{height:calc(100dvh - 108px);min-height:480px;display:flex;flex-direction:column}.person-list-page>.page-head,.person-list-page>.toolbar,.person-list-page>.pagination{flex:none}.person-list-page>.table-wrap{flex:1;min-height:0;margin:0;background:var(--panel)}.person-list-page>.table-wrap table{align-self:flex-start}}

dialog.permissions-dialog{width:896px;max-width:calc(100vw - 32px);height:85vh;max-height:85vh}.permissions-dialog[open]{display:flex;flex-direction:column}.permissions-dialog .dialog-body{display:flex;flex-direction:column;padding:10px 14px;overflow:hidden;min-height:0;flex:1}.permissions-dialog .dialog-body>.hint{font-size:12px;margin-bottom:8px}.permissions-dialog .toolbar{flex:none;gap:5px;margin-bottom:8px}.permissions-dialog .toolbar button{font-size:11px;padding:6px 8px}.permissions-dialog #permission-search{margin-left:auto;width:175px;flex:0 1 175px;padding:6px 10px;font-size:12px}.permissions-dialog #permission-form{min-height:0;overflow:auto;flex:1}.permissions-dialog #permission-form .table-wrap{border:0;overflow:visible}.permissions-dialog th{position:sticky;top:0;background:var(--panel);z-index:1}.permissions-dialog td:not(:first-child),.permissions-dialog th:not(:first-child){text-align:center}.permissions-dialog td:first-child{font-weight:600}.permissions-dialog .dialog-foot{flex:none}

@font-face{font-family:Manrope;src:url(/vendor/Manrope.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{font-family:Manrope,"Segoe UI",Arial,sans-serif}

/* Tab icons are SVG, independent of font glyph support. */
.tabs .tab-label{display:inline-flex;align-items:center;gap:7px}.tabs .ui-icon{display:block;width:14px;height:14px;min-width:14px;flex-shrink:0;stroke:currentColor}.tabs .tab-label .ui-icon{color:var(--muted)}.tabs .close{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:8px 5px}.tabs .tab-pin[aria-pressed="true"]{color:#078fc4;background:#078fc414}.tabs .tab-pin[aria-pressed="true"] .ui-icon{fill:currentColor}.dark .tabs .tab-pin[aria-pressed="true"]{color:#67c7ea}

.role-editor-dialog{width:min(448px,94vw)}.role-editor-dialog .dialog-head{padding:16px}.role-editor-dialog .dialog-head h2{font-size:18px}.role-editor-dialog .dialog-body{padding:16px}.role-editor-dialog .form-grid{grid-template-columns:1fr;gap:16px}.role-editor-dialog input:not([type=checkbox]){height:32px;padding:6px 10px}.role-editor-dialog textarea{min-height:54px;height:54px;padding:6px 10px}.role-editor-dialog .dialog-foot{padding:16px}.role-editor-dialog label{font-size:13px}