:root{--teal:#087e75;--teal-dark:#075d57;--mint:#e8f5f0;--ink:#203735;--muted:#758481;--line:#e7ece9;--bg:#f5f7f5;--white:#fff;--amber:#b27925;--red:#c85757;--blue:#5380a1;--shadow:0 5px 22px #153b2d04;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:var(--ink);background:#edf2ef;font-size:14px;line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63b9aa;outline-offset:3px}button{border:0;background:none}svg{vertical-align:middle}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:20px;top:-80px;background:white;padding:12px;z-index:200}.skip-link:focus{top:10px}#reviewbar{height:36px;background:#e5efea;color:#43625b;font-size:11px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae6df}#reviewbar>div{display:flex;align-items:center;gap:8px}#reviewbar button{font-size:11px;font-weight:600;color:var(--teal)}.preview-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.review-hint{margin-left:10px;color:#71867e}#app{container-type:inline-size;container-name:workspace;width:100%;margin:0 auto;transition:max-width .25s;min-height:calc(100vh - 36px)}#app.device-tablet{max-width:820px;box-shadow:0 0 0 1px var(--line),0 12px 80px #253b3225}#app.device-mobile{max-width:390px;box-shadow:0 0 0 1px var(--line),0 12px 80px #253b3225}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 36px);background:var(--bg)}.sidebar{background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 36px);z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:28px 24px 27px}.brand-mark{height:37px;width:35px;background:var(--teal);border-radius:11px 11px 14px 14px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.brand-mark svg{width:23px;height:26px;fill:white;stroke:none}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.8px}.brand-name span{color:var(--teal)}.brand small{font-size:9px;letter-spacing:2.3px;text-transform:uppercase;color:#9aa7a0;display:block;margin-top:1px}.workspace-switch{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);margin:0 17px 22px;border-radius:9px;text-align:left;font-size:11px}.workspace-switch .square{background:#f1f5f2;width:31px;height:31px;display:grid;place-items:center;border-radius:6px;color:#6e8b7d}.workspace-switch strong{font-size:12px;display:block}.workspace-switch span{color:var(--muted)}.workspace-switch .icon:last-child{margin-left:auto;width:14px}.nav{overflow:auto;padding:0 13px;flex:1;scrollbar-width:thin}.nav-group{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#9ca8a3;margin:16px 15px 8px;font-weight:600}.nav-group:first-child{margin-top:0}.nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:3px 0;border-radius:7px;color:#7a8983;font-size:12px;font-weight:500;transition:background .15s}.nav a:hover{background:#f5f8f5;color:var(--ink)}.nav a.active{background:#e9f4ef;color:var(--teal);font-weight:650}.nav a.active:before{content:"";position:absolute;left:0;background:var(--teal);height:22px;width:3px;border-radius:0 3px 3px 0}.nav .nav-count{margin-left:auto;font-size:10px;border-radius:4px;background:#d7eae1;color:var(--teal);padding:0 5px}.sidebar-footer{margin:20px 17px 18px;padding:13px;background:#f4f7f2;border:1px solid #edf0e8;border-radius:9px}.sidebar-footer .footer-heading{font-size:11px;font-weight:650;display:flex;gap:7px;align-items:center}.sidebar-footer p{font-size:10px;color:#8b978c;margin:6px 0 8px;line-height:1.6}.sidebar-footer button{font-size:10px;color:var(--teal);font-weight:650;padding:0}.sidebar .mobile-close{display:none}.workspace{min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);background:#ffffffdd;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px}.crumb{color:#9ba69f;font-size:11px;display:flex;align-items:center;gap:11px;white-space:nowrap}.crumb b{font-weight:500;color:#566c61}.top-actions{display:flex;align-items:center;gap:18px}.top-search{color:#94a29a;display:flex;align-items:center;gap:7px;font-size:11px}.top-search kbd{font-family:inherit;background:#f6f7f5;border:1px solid var(--line);font-size:9px;border-radius:4px;padding:1px 5px;margin-left:12px}.vertical-rule{width:1px;height:24px;background:var(--line)}.branch-select{font-size:11px;max-width:150px;border:0;background:transparent;color:#566d62;padding:5px}.icon-button{padding:7px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#7b8b81;position:relative}.icon-button:hover{background:#edf5ef;color:var(--teal)}.notification-dot{position:absolute;top:5px;right:7px;width:5px;height:5px;background:#c89455;border:1.5px solid white;border-radius:50%}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;background:#e3ece2;color:#59745e;font-size:11px;font-weight:650;border-radius:50%;flex-shrink:0}.avatar.amber{background:#f5ead8;color:#b28a55}.avatar.blue{background:#e5edf4;color:#6b8ba6}.avatar.purple{background:#eee8f2;color:#9b7aa9}.profile{display:flex;align-items:center;gap:9px}.profile .profile-text{text-align:left;font-size:11px;line-height:1.5}.profile small{font-size:9px;color:#9aa49f;display:block}.menu-button{display:none}.content{max-width:1560px;margin:auto;padding:30px 32px 26px;min-height:calc(100vh - 115px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;color:#8d9f94;letter-spacing:.4px;margin:0 0 4px}.page-heading h1{font-size:25px;font-weight:600;letter-spacing:-.9px;line-height:1.3;margin:0 0 7px}.page-heading p{color:#8c9b92;font-size:11px;margin:0}.heading-actions{display:flex;gap:9px;flex-shrink:0}.btn{border:1px solid #dfe7e0;border-radius:7px;background:#fff;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:550;white-space:nowrap;min-height:36px;transition:background .15s}.btn:hover{background:#eff5f0;border-color:#cbdcd0}.btn.primary{background:var(--teal);color:white;border-color:var(--teal);box-shadow:0 2px 3px #086c7310}.btn.primary:hover{background:var(--teal-dark)}.btn.subtle{background:#f1f6f2;border-color:transparent;color:var(--teal)}.btn.small{padding:6px 9px;min-height:29px;font-size:10px}.btn.danger{color:var(--red)}.btn .icon{width:14px;height:14px}.link-button{font-size:10px;color:var(--teal);font-weight:600;display:inline-flex;gap:6px;align-items:center;padding:0}.link-button:hover{text-decoration:underline}.link-button .icon{width:13px;height:13px}.date-control{font-size:11px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#63776b;min-height:36px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 19px 16px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.stat-label{font-size:11px;color:#7b8d81;font-weight:500}.stat-icon{background:#f0f6f1;color:#7b9b85;border-radius:7px;padding:6px;display:inline-flex}.stat-icon .icon{width:15px;height:15px}.stat-icon.amber{background:#fcf4e8;color:#c5a26b}.stat-value{font-size:26px;letter-spacing:-.8px;font-weight:600;line-height:1.2;display:block;white-space:nowrap}.stat-value .unit{font-size:11px;color:#a5afa8;font-weight:400;letter-spacing:0;margin-right:5px}.stat-value small{font-size:14px;color:#9ca99f;font-weight:400;letter-spacing:0}.stat-foot{margin-top:13px;color:#a0ada3;font-size:9px;display:flex;align-items:center;gap:5px}.trend{color:var(--teal);background:#edf7f0;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:500}.trend.warn{color:#bc925d;background:#fcf6eb}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(265px,1fr);gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px 15px}.panel-header h2,.panel h2{font-size:13px;font-weight:600;letter-spacing:-.2px;margin:0}.panel-header p{font-size:10px;margin:4px 0 0;color:#99a69c}.panel-body{padding:5px 21px 21px}.segment{display:flex;gap:2px;border:1px solid var(--line);border-radius:6px;padding:3px;background:#fafbf9}.segment button{padding:4px 9px;border-radius:4px;color:#96a197;font-size:9px}.segment button.active{background:#fff;color:var(--teal);box-shadow:0 1px 4px #283e3010;font-weight:600}.chart-total{font-size:25px;letter-spacing:-.6px;font-weight:600}.chart-total small{font-size:11px;color:#99a69d;font-weight:400}.chart-legend{display:flex;gap:18px;color:#88998d;font-size:9px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:5px}.legend-dot.pale{background:#bdd6c1}.chart-meta{display:flex;align-items:center;justify-content:space-between;padding:0 21px;margin:0 0 8px}.revenue-chart{width:100%;height:205px;display:block;padding:0 13px 2px}.revenue-chart text{font-size:10px;fill:#9caaa1;font-family:inherit}.chart-footer{padding:12px 21px;background:#fcfdfb;border-top:1px solid #f0f3ed;font-size:9px;color:#9aa99e;display:flex;gap:6px;align-items:center}.chart-footer .icon{width:12px;height:12px;color:#6e9981}.delivery-overview{display:flex;align-items:center;justify-content:center;gap:25px;padding:2px 15px 11px}.donut{width:134px;height:134px;position:relative;flex-shrink:0}.donut svg{transform:rotate(-90deg);width:100%;height:100%}.donut circle{fill:none;stroke-width:10;stroke-linecap:round}.donut-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-label strong{font-size:29px;font-weight:600;letter-spacing:-1px}.donut-label small{font-size:9px;color:#97a59b}.delivery-legend{font-size:10px;color:#91a093;display:grid;gap:10px}.delivery-legend div{display:flex;align-items:center;gap:7px}.delivery-legend b{color:#4b6354;margin-left:auto;padding-left:10px;font-size:11px;font-weight:600}.delivery-legend i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.delivery-legend i.amber{background:#d9bc82}.delivery-legend i.gray{background:#dce5db}.route-summary{margin:0 21px;padding:11px 0;border-top:1px solid #f0f2ed;display:flex;align-items:center;gap:8px}.route-summary .route-icon{width:29px;height:29px;display:grid;place-items:center;background:#f4f7f1;border-radius:7px;color:#8ca58c}.route-summary .route-icon .icon{width:15px}.route-summary strong{font-size:10px;display:block;font-weight:500}.route-summary small{font-size:9px;color:#9aa89b}.route-summary .badge{margin-left:auto}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;background:#edf5ee;padding:3px 7px;font-size:9px;color:#658d70;font-weight:500;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.badge.amber{background:#fbf4e7;color:#b9965f}.badge.red{background:#fdf0ee;color:#be7971}.badge.blue{background:#ecf2f7;color:#7294ad}.badge.gray{background:#f0f2ef;color:#9aa597}.orders-stock{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(265px,1fr);gap:20px}.table-wrap{overflow:auto;width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:9px;font-weight:500;color:#96a398;letter-spacing:.2px;background:#fbfcfa;padding:11px 17px;border-top:1px solid #f0f3ed;border-bottom:1px solid #edf1e9}td{padding:14px 17px;color:#69806f;border-bottom:1px solid #f0f3ed;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr[data-detail]{cursor:pointer}tbody tr[data-detail]:hover{background:#fafcf8}td strong{color:#425d49;font-weight:500}td .secondary{font-size:9px;color:#a0ad9f;display:block;margin-top:3px}.cell-person{display:flex;align-items:center;gap:9px}.cell-person .avatar{width:28px;height:28px;font-size:9px;border-radius:7px}.numeric{font-variant-numeric:tabular-nums}.table-footer{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2e9;font-size:9px;color:#99a69a}.pagination{display:flex;align-items:center;gap:6px}.pagination button{border:1px solid var(--line);border-radius:4px;padding:4px 7px;font-size:10px}.pagination button.active{color:var(--teal);background:#edf6ee}.stock-item{padding:13px 21px;display:flex;align-items:center;gap:11px}.bottle-illustration{height:34px;width:32px;border-radius:8px;background:#f0f6f0;color:#719a7c;display:grid;place-items:center;flex-shrink:0}.bottle-illustration svg{height:26px;width:21px}.stock-item strong{font-size:10px;font-weight:500;display:block}.stock-item small{font-size:9px;color:#a1ad9f}.stock-item .stock-numbers{margin-left:auto;text-align:right;font-size:11px;color:#526e56}.stock-numbers small{font-size:8px;display:block}.stock-warning{margin:9px 21px 17px;background:#fcf7ed;border:1px solid #f3ead7;border-radius:6px;padding:9px 11px;font-size:9px;color:#b49a72;display:flex;gap:7px;align-items:center}.stock-warning .icon{width:13px;height:13px}.page-footer{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font-size:9px;color:#aab4aa}.page-footer span{display:inline-flex;align-items:center;gap:5px}.page-footer .icon{height:11px;width:11px}.toolbar{padding:15px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto;white-space:nowrap}.tabs button{font-size:11px;color:#8d9e90;padding:11px 1px 13px;border-bottom:2px solid transparent;position:relative}.tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:600}.tabs button span{font-size:9px;background:#e9efea;border-radius:4px;padding:1px 5px;margin-left:4px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tabs button{padding:6px 9px;font-size:10px;border-radius:5px;color:#8c9f90}.filter-tabs button.active{background:#edf5ee;color:var(--teal);font-weight:500}.table-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:7px 9px;gap:6px}.table-search input{border:0;outline:none;background:transparent;min-width:100px;width:155px;font-size:10px;color:var(--ink)}.table-search .icon{width:13px;height:13px;color:#95a998}.section-gap{margin-top:22px}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-card,.report-card,.employee-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s}.route-card:hover,.report-card:hover,.employee-card:hover{border-color:#b7cfc0;box-shadow:0 4px 14px #31674109}.route-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.route-card h3,.report-card h3,.employee-card h3{font-size:13px;font-weight:600;margin:16px 0 5px}.route-card p,.report-card p,.employee-card p{font-size:10px;color:#9aa89d;margin:0}.route-card .route-metrics{display:flex;justify-content:space-between;margin:20px 0 9px;font-size:10px;color:#9aa89d}.route-card .route-metrics b{font-size:15px;font-weight:600;color:#526d59;display:block}.progress-track{height:5px;background:#eef2eb;border-radius:4px;overflow:hidden}.progress-track span{display:block;height:100%;background:#74a58a;border-radius:4px}.route-card .bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:14px;margin-top:19px;font-size:10px}.route-card .bottom .avatar{width:25px;height:25px;font-size:8px}.route-card .bottom>span:last-child{margin-left:auto;color:var(--teal)}.notice{display:flex;gap:10px;padding:13px 16px;background:#ecf5ee;border:1px solid #dae9dd;border-radius:8px;color:#71907a;font-size:11px;margin-bottom:20px;align-items:flex-start}.notice.amber{background:#fcf7ed;border-color:#eee3ce;color:#ac946b}.notice .icon{width:16px;height:16px}.notice strong{display:block;font-weight:600;margin-bottom:2px}.notice p{margin:0;font-size:10px;line-height:1.7}.muted{color:#9caa9e}.simple-list{list-style:none;margin:0;padding:0}.simple-list li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.simple-list li:last-child{border:0}.simple-list small{display:block;color:#9aaa9a;font-size:10px;margin-top:3px}.big-number{font-size:31px;font-weight:600;letter-spacing:-1px}.money-label{font-size:9px;color:#99a99a;margin-right:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500;color:#607a65}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:10px 11px;border:1px solid #dfe7df;background:#fff;border-radius:6px;color:#4b6650;font-size:12px;width:100%;min-height:40px}.field textarea{resize:vertical;min-height:85px}.field small{font-weight:400;font-size:9px;color:#9ba99b}.form-section{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9baa9d;border-bottom:1px solid var(--line);padding-bottom:9px;margin:25px 0 17px}.check-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#77907b}.check-label input{accent-color:var(--teal)}.form-summary{margin-top:20px;padding:15px;background:#f4f8f1;border-radius:7px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#819885}.form-summary strong{font-size:21px;color:#476e51;font-weight:600}.backdrop{position:fixed;inset:0;background:#1b372e44;backdrop-filter:blur(3px);z-index:70;display:flex;justify-content:center;align-items:center;padding:24px;animation:fade .16s}.modal{background:white;border-radius:13px;width:590px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 24px 100px #19382f33;animation:up .2s}.modal.wide{width:780px}.modal-header{padding:23px 25px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eff2eb}.modal-header h2{margin:0;font-weight:600;font-size:18px;letter-spacing:-.4px}.modal-header p{margin:5px 0 0;color:#99a99c;font-size:11px}.modal-body{padding:23px 25px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 25px;border-top:1px solid var(--line);background:#fcfdfb}.backdrop.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{height:100%;max-height:100vh;width:525px;border-radius:0;display:flex;flex-direction:column;animation:slide .2s}.drawer .modal-body{flex:1;overflow:auto}.drawer .modal-footer{flex-shrink:0}.detail-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.detail-title .avatar{width:45px;height:45px;border-radius:10px;font-size:16px}.detail-title h3{margin:0;font-size:17px;font-weight:600}.detail-title p{margin:3px 0 0;color:#9aa99e;font-size:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.detail-grid label{font-size:9px;color:#a2afa3;display:block;margin-bottom:5px}.detail-grid strong{font-size:12px;font-weight:500}.timeline{list-style:none;padding:0;margin:20px 0}.timeline li{position:relative;display:flex;gap:12px;padding-bottom:22px;font-size:11px}.timeline li:before{content:"";width:8px;height:8px;border-radius:50%;background:#95b39c;flex-shrink:0;margin-top:5px;z-index:1}.timeline li:after{position:absolute;content:"";width:1px;background:#e0eadf;height:100%;left:3.5px;top:12px}.timeline li:last-child:after{display:none}.timeline small{display:block;color:#9eaa9c;font-size:9px;margin-top:3px}.stepper{display:flex;margin:18px 0 25px;gap:0}.stepper .step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#acb6a8}.stepper .step:after{content:"";position:absolute;top:12px;left:50%;width:100%;height:1px;background:#e0e8dc}.stepper .step:last-child:after{display:none}.stepper .step i{font-style:normal;font-size:10px;border:1px solid #dce4d8;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;background:white;z-index:1}.stepper .step.done{color:var(--teal)}.stepper .step.done i{background:var(--teal);border-color:var(--teal);color:white}.payroll-summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.payroll-actions{display:flex;gap:10px}.payroll-period{padding:4px 20px 20px}.run-heading{display:flex;align-items:center;gap:9px}.report-icon{width:35px;height:35px;display:grid;place-items:center;background:#ecf4ee;border-radius:9px;color:#82a88a}.report-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:23px;font-size:9px;color:#9ba99b}.report-card p{line-height:1.8;min-height:36px}.report-result{margin-top:22px}.review-layout{display:flex;gap:7px}.review-layout .btn.active{border-color:var(--teal);background:var(--mint);color:var(--teal)}.review-checks{display:grid;gap:14px;margin:20px 0}.review-checks label{font-size:11px;display:flex;gap:9px;align-items:center}.review-checks input{accent-color:var(--teal)}.empty-state{padding:55px 20px;text-align:center;color:#92a18f;font-size:12px}.empty-state .icon{width:32px;height:32px;margin-bottom:10px;color:#afc0a9}.empty-state h3{font-size:14px;color:#63815c;font-weight:500}.search-dialog input{border:0;border-bottom:1px solid var(--line);font-size:17px;width:100%;padding:20px 25px;color:var(--ink);border-radius:13px 13px 0 0;outline:none}.search-results{padding:12px;max-height:60vh;overflow:auto}.search-results a,.search-results button{padding:12px;display:flex;align-items:center;gap:13px;border-radius:7px;font-size:12px;width:100%;text-align:left}.search-results a:hover,.search-results button:hover{background:var(--mint)}.search-results small{font-size:10px;color:#9aaa9d;display:block}.search-results .icon{color:#88a58c}.search-results .arrow{margin-left:auto;color:#9baa9b}.notifications-list button{width:100%;padding:15px 0;border-bottom:1px solid var(--line);text-align:left;display:flex;gap:11px;font-size:12px}.notifications-list small{display:block;font-size:10px;color:#a2ae9d;margin-top:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:#284d3d;color:#fff;border-radius:8px;padding:12px 18px;font-size:12px;box-shadow:0 8px 30px #1d362e28;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;display:flex;align-items:center;gap:8px}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast .icon{color:#b3dcc0;width:16px;height:16px}.mobile-scrim{display:none}.inline-actions{display:flex;gap:6px;align-items:center}.view-toggle{display:flex;gap:1px;border:1px solid var(--line);border-radius:6px;padding:2px}.view-toggle button{padding:5px 7px;border-radius:4px}.view-toggle button.active{background:var(--mint);color:var(--teal)}.view-toggle .icon{width:14px;height:14px}.employee-card-top{display:flex;align-items:center;justify-content:space-between}.employee-card .avatar{width:42px;height:42px;border-radius:10px;font-size:14px}.employee-card .card-bottom{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#9aaa9a}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.quality-reading{border:1px solid var(--line);border-radius:8px;padding:16px}.quality-reading span{font-size:10px;color:#97a994;display:block}.quality-reading strong{font-size:20px;font-weight:500;display:block;margin:8px 0;color:#61845f}.quality-reading small{font-size:9px;color:#a3b39d}.settings-card{padding:22px;margin-bottom:20px}.settings-card h2{margin-bottom:8px}.settings-card p{font-size:11px;color:#96a48e;margin:0 0 20px;line-height:1.7}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);gap:15px;font-size:12px}.settings-row small{font-size:10px;color:#9ead99;display:block;margin-top:3px}.switch{width:35px;height:20px;border-radius:15px;background:#dfe7d9;padding:3px;transition:background .2s}.switch span{width:14px;height:14px;border-radius:50%;background:white;display:block;transition:transform .2s}.switch[aria-checked=true]{background:var(--teal)}.switch[aria-checked=true] span{transform:translateX(15px)}.mode-label{font-size:9px;letter-spacing:.7px;color:#9caa95;text-transform:uppercase;margin-bottom:10px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kanban-column{background:#edf2e9;border-radius:9px;padding:13px;min-height:250px}.kanban-column>h3{font-size:11px;font-weight:500;display:flex;justify-content:space-between;margin:2px 0 15px;color:#83977e}.batch-card{display:block;background:white;border:1px solid var(--line);border-radius:7px;padding:16px;width:100%;text-align:left;margin-bottom:12px}.batch-card h4{font-size:12px;margin:13px 0 4px;font-weight:500}.batch-card p{font-size:10px;color:#9fab97;margin:0}.batch-card .batch-footer{margin-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#a4af9a}.batch-card .batch-footer b{font-size:11px;color:#65865f;font-weight:500}.info-line{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#8c9e86}.info-line strong{font-weight:500;color:#4b6d43}.hr-attendance{height:150px;display:flex;align-items:flex-end;gap:14px;padding:20px}.hr-attendance>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.hr-attendance i{display:block;width:100%;background:#91b19a;border-radius:4px 4px 0 0}.hr-attendance small{font-size:9px;color:#99ac91}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes up{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}
@container workspace (min-width:1600px){.content{padding:36px 45px}.topbar{padding:0 45px}.stat{padding:23px}.revenue-chart{height:235px}}
@container workspace (max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.brand{padding:25px 18px}.brand-name{font-size:17px}.content{padding:25px 23px}.topbar{padding:0 23px}.top-search span,.top-search kbd,.profile-text{display:none}.top-actions{gap:10px}.stats{gap:12px}.stat{padding:15px}.stat-value{font-size:23px}.dashboard-grid,.orders-stock{grid-template-columns:minmax(0,1.55fr) minmax(235px,1fr);gap:15px}.delivery-overview{gap:13px}.donut{width:115px;height:115px}.three-col{gap:12px}.panel-header{padding:17px}.chart-meta{padding:0 17px}.heading-actions{gap:7px}.page-heading h1{font-size:23px}.page-heading{gap:12px}.stat-foot{font-size:8px}.trend{font-size:8px}}
@container workspace (max-width:950px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:36px;bottom:0;left:0;height:calc(100vh - 36px);width:235px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar .mobile-close{display:inline-flex;position:absolute;right:8px;top:8px}.mobile-scrim.open{display:block;position:fixed;inset:36px 0 0;background:#1c352f66;z-index:29;backdrop-filter:blur(2px)}.menu-button{display:inline-flex}.topbar{height:65px}.crumb{margin-right:auto}.content{padding:25px}.dashboard-grid,.orders-stock{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.page-heading h1{font-size:25px}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.three-col{grid-template-columns:repeat(2,1fr)}}
@container workspace (max-width:700px){.content{padding:22px 18px}.topbar{padding:0 15px;gap:8px}.top-actions{gap:6px}.branch-select{max-width:120px;font-size:10px}.vertical-rule{display:none}.top-search{padding:5px}.profile .avatar{width:29px;height:29px;font-size:9px}.crumb{font-size:10px;gap:5px}.crumb>span:first-child,.crumb .icon,.crumb>span:nth-child(3){display:none}.page-heading{flex-wrap:wrap;margin-bottom:21px;gap:17px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.heading-actions{width:100%;justify-content:space-between}.heading-actions>.btn{flex:1}.heading-actions select{flex:1;min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{padding:15px 13px}.stat-value{font-size:25px}.stat-label{font-size:10px}.stat-foot{font-size:8px;flex-wrap:wrap;margin-top:11px}.stat-top{margin-bottom:13px}.dashboard-grid,.orders-stock,.two-col{grid-template-columns:minmax(0,1fr);gap:18px}.three-col{grid-template-columns:minmax(0,1fr)}.panel-header{padding:17px}.panel-header h2{font-size:12px}.chart-meta{align-items:flex-start;gap:10px}.chart-total{font-size:25px}.chart-legend{gap:8px;font-size:8px;margin-top:8px}.revenue-chart{height:200px}.chart-footer{font-size:8px;padding:11px 17px}.delivery-overview{gap:35px;padding-bottom:14px}.donut{width:145px;height:145px}.delivery-legend{font-size:11px;gap:14px}.route-summary{margin:0 20px}.stock-item{padding:13px 20px}.page-footer{font-size:8px;gap:7px;flex-wrap:wrap;margin-top:22px}.page-footer>span:last-child{display:none}.tabs{gap:22px}.toolbar{padding:13px 15px}.table-search{width:100%}.table-search input{width:100%}.filter-tabs{width:100%}th{padding:11px 15px}td{padding:14px 15px}.table-footer{padding:12px 15px}.backdrop{padding:15px}.modal{max-height:92vh}.modal-header{padding:20px}.modal-header h2{font-size:17px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.form-grid{grid-template-columns:1fr;gap:15px}.drawer{width:100%}.quality-grid{grid-template-columns:1fr}.quality-reading{display:flex;justify-content:space-between;align-items:center;padding:11px}.quality-reading strong{font-size:18px;margin:0}.payroll-summary{align-items:flex-start;flex-direction:column}.payroll-actions{width:100%}.payroll-actions .btn{flex:1}.stepper .step{font-size:9px}.kanban{grid-template-columns:1fr}.kanban-column{min-height:auto}.settings-row{flex-wrap:wrap}.settings-row .date-control{max-width:100%}.review-layout{flex-wrap:wrap}.review-hint{display:none}}
@media(max-width:700px){#reviewbar{padding:0 16px}.review-hint{display:none}#app.device-mobile,#app.device-tablet{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#reviewbar,.sidebar,.topbar,.page-footer,.heading-actions,.modal-footer,#toast{display:none!important}.shell{display:block}.backdrop{position:static;background:white;padding:0;display:block}.modal,.drawer{box-shadow:none;width:100%;max-height:none;height:auto}.modal-body{overflow:visible}.workspace:has(~*){display:none}.content{padding:0}.print-hide{display:none}}

/* Supplied FreshSpring water-and-leaf branding. */
.brand-logo{display:block;width:52px;height:40px;object-fit:contain;flex-shrink:0}.brand-name{letter-spacing:-.65px}.brand small{font-size:8px;letter-spacing:1.3px}.mobile-brand{display:none;align-items:center;justify-content:center;flex-shrink:0}.mobile-brand img{display:block;object-fit:contain}.document-brand{display:flex;align-items:center;gap:12px;padding:18px 21px;border-bottom:1px solid var(--line);background:#fff}.document-brand img{display:block;object-fit:contain;flex-shrink:0}.document-brand strong{font-size:19px;font-weight:650;letter-spacing:-.65px;color:var(--teal-dark);display:block}.document-brand small{display:block;font-size:10px;color:#8c9f94;margin-top:2px}.drawer .document-brand{padding:0 0 18px;margin-bottom:22px}.drawer .document-brand strong{font-size:21px}
@container workspace (max-width:950px){.mobile-brand{display:inline-flex}}
@container workspace (max-width:700px){.topbar .crumb{display:none}.mobile-brand{margin-right:auto}.document-brand{padding:16px 17px}.drawer .document-brand{padding:0 0 17px}}

/* Accounting and finance workspace */
.finance-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:21px;align-items:start}.finance-main{min-width:0}.finance-nav{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff;padding:13px 9px;scrollbar-width:thin}.finance-nav-top{font-size:8px;letter-spacing:1px;font-weight:650;color:#759180;padding:4px 7px 9px;border-bottom:1px solid var(--line)}.finance-nav-top span{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:#a3b19f;margin-top:3px}.finance-nav-group{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#a3b19f;margin:17px 7px 6px}.finance-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 7px;font-size:10px;text-align:left;border-radius:5px;color:#7b917c;line-height:1.5}.finance-nav button .icon{width:14px;height:14px;flex-shrink:0}.finance-nav button:hover{background:#f5f8f2}.finance-nav button.active{background:#e8f3ec;color:var(--teal);font-weight:600}.finance-mobile-switch{display:none}.finance-view-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.finance-view-heading h2{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:0}.finance-view-heading p{font-size:10px;color:#94a38f;line-height:1.7;margin:4px 0 0}.finance-stats{gap:12px}.finance-stats .stat{padding:16px 13px}.finance-stats .stat-value{font-size:22px}.finance-stats .stat-label{font-size:10px}.finance-stats .stat-foot{font-size:8px}.finance-stats .stat-icon{padding:5px}.finance-stats .stat-icon .icon{width:14px;height:14px}.finance-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-quick-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:white;border-radius:8px;padding:16px 13px;text-align:left;min-width:0}.finance-quick-card:hover{border-color:#b4d1bd;background:#fcfefa}.finance-quick-card .report-icon{width:30px;height:30px;border-radius:7px}.finance-quick-card .report-icon .icon{width:16px;height:16px}.finance-quick-card>span:nth-child(2){min-width:0}.finance-quick-card strong{font-size:11px;font-weight:550;display:block;margin:2px 0 5px}.finance-quick-card small{font-size:9px;color:#9aaa95;display:block;line-height:1.7}.finance-quick-card>.icon{width:12px;height:12px;margin-left:auto;color:#a4b59c;flex-shrink:0;margin-top:7px}.finance-filters{border:1px solid var(--line);padding:13px 15px;border-radius:8px;background:#fff;display:flex;gap:11px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.finance-inline-field{display:flex;flex-direction:column;gap:5px;font-size:9px;min-width:105px;color:#8a9d85;max-width:240px}.finance-inline-field input,.finance-inline-field select{font-size:11px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#627e5b;min-height:34px;width:100%}.finance-period-label{margin-left:auto;align-self:center;font-size:9px;color:#97a68f}.finance-main .panel-header{flex-wrap:wrap}.finance-main .panel-header>.btn{margin-left:auto}.finance-main .panel-header>.btn+.btn{margin-left:0}.finance-main table th{font-size:9px;padding:10px 12px}.finance-main table td{font-size:10px;padding:12px;vertical-align:middle}.finance-description{display:inline-block;max-width:205px;white-space:normal;font-size:10px;line-height:1.6}.finance-controls-form{padding:8px 21px 21px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.finance-ledger-totals{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 18px;background:#eaf3e9;border:1px solid #dce9d8;border-radius:8px;margin-bottom:18px;gap:15px}.finance-ledger-totals span{font-size:9px;color:#8a9d7f}.finance-ledger-totals b{display:block;font-size:15px;letter-spacing:-.3px;color:#577a4e;margin-top:5px;font-weight:600}.finance-aging-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.finance-aging-cards>div,.finance-cashflow-cards>div{padding:17px 13px;background:#fff;border:1px solid var(--line);border-radius:8px}.finance-aging-cards span,.finance-cashflow-cards span{display:block;font-size:9px;color:#92a487;margin-bottom:7px}.finance-aging-cards strong,.finance-cashflow-cards strong{font-size:17px;font-weight:550;letter-spacing:-.4px;color:#5b7a50}.finance-aging-cards>div:last-child{background:#fdf7ed;border-color:#efe5d2}.finance-tree-code{display:inline-flex;align-items:center}.finance-tree-code button,.finance-tree-spacer{display:inline-block;width:20px;text-align:left;padding:0;color:#8da57f}.finance-main td:has(.finance-tree-code){background:#fcfdf9}.finance-reconcile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.finance-reconcile-grid table td{font-size:9px;padding:11px 10px}.finance-reconcile-grid table th{font-size:8px;padding:10px}.finance-reconcile-grid input[type=radio]{accent-color:var(--teal)}.finance-match-toolbar{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);padding:16px;border-radius:8px;margin-bottom:17px;flex-wrap:wrap}.finance-match-toolbar>div{flex:1;min-width:200px}.finance-match-toolbar strong{display:block;font-size:11px;font-weight:550}.finance-match-toolbar small{display:block;font-size:9px;color:#a0ad94;margin-top:5px}.finance-positive{color:#54895a}.finance-negative{color:#bf7f6b}.finance-subtabs{margin-bottom:18px;background:#edf3e8;display:inline-flex;border-radius:7px;padding:4px}.finance-subtabs button.active{background:#fff;box-shadow:0 1px 4px #233c1a0a}.finance-statement-columns{display:grid;grid-template-columns:1fr 1fr;gap:0}.finance-statement-columns>div+div{border-left:1px solid var(--line)}.finance-report-caption{padding:12px 21px;font-size:9px;color:#9cac91;border-bottom:1px solid var(--line)}.finance-statement-total{padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ecf5e9;border-top:1px solid #dcebd6;font-size:11px;color:#688c5c}.finance-statement-total strong{font-size:18px;font-weight:600;letter-spacing:-.3px}.finance-cashflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px}.finance-journal-lines{border:1px solid var(--line);border-radius:7px}.finance-journal-lines td{padding:10px 8px}.finance-journal-lines th{padding:8px;font-size:9px}.finance-journal-lines select{min-width:195px}.finance-journal-lines input{min-width:95px;width:100px}.finance-journal-totals{display:flex;justify-content:space-between;background:#edf5e9;border-radius:7px;padding:15px 18px;margin-top:18px;gap:15px;font-size:10px;color:#839b75}.finance-journal-totals b{display:block;font-size:15px;color:#557c48;margin-top:4px}.finance-detail-note{font-size:11px;color:#8da181;line-height:1.8;margin:18px 0}.finance-cheque-sheet{position:relative;width:100%;background:linear-gradient(135deg,#f1f6e9,#fafcf7);border:1px solid #d6dfca;border-radius:5px;overflow:hidden;color:#455e3c;min-height:210px;font-family:Georgia,serif}.cheque-bank{position:absolute;top:7%;left:5%;font-size:18px;font-weight:700;color:#708a60}.cheque-bank small{display:block;font-family:Inter,-apple-system,sans-serif;font-size:6px;letter-spacing:1.4px;margin-top:3px;color:#97a98b}.cheque-watermark{position:absolute;left:10%;top:48%;transform:rotate(-15deg);font-size:26px;font-family:Inter,-apple-system,sans-serif;letter-spacing:4px;color:#72925b18;white-space:nowrap}.cheque-date{position:absolute;font-size:11px;white-space:nowrap}.cheque-payee{position:absolute;font-size:13px;max-width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cheque-words{position:absolute;font-size:11px;max-width:61%;line-height:1.7}.cheque-amount{position:absolute;font-size:14px;font-weight:600;white-space:nowrap}.cheque-number{position:absolute;bottom:8%;left:7%;letter-spacing:2px;font-size:10px}.finance-main .notice{font-size:10px}.finance-main .notice p{font-size:9px}.finance-main .inline-actions .btn{padding:5px 8px;font-size:9px}
@container workspace (max-width:1350px){.finance-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}.finance-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-stats .stat-value{font-size:25px}.finance-reconcile-grid{grid-template-columns:1fr}.finance-period-label{width:100%;margin-left:0}}
@container workspace (max-width:1050px){.finance-layout{grid-template-columns:minmax(0,1fr)}.finance-nav{display:none}.finance-mobile-switch{display:flex;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 15px;margin-bottom:20px}.finance-mobile-switch .finance-inline-field{max-width:none;width:100%;font-size:10px}.finance-mobile-switch select{font-size:12px;padding:10px}.finance-reconcile-grid{grid-template-columns:1fr 1fr}.finance-period-label{width:auto;margin-left:auto}.finance-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container workspace (max-width:700px){.finance-view-heading h2{font-size:19px}.finance-view-heading p{font-size:10px}.finance-quick-grid{grid-template-columns:1fr 1fr;gap:10px}.finance-quick-card{padding:13px 11px;display:block;position:relative}.finance-quick-card .report-icon{width:28px;height:28px;margin-bottom:10px}.finance-quick-card strong{font-size:10px}.finance-quick-card small{font-size:8px;line-height:1.65}.finance-quick-card>.icon{position:absolute;top:15px;right:10px}.finance-filters{gap:10px}.finance-filters>.finance-inline-field{flex:1;max-width:none;min-width:120px}.finance-filters>.btn{flex:1}.finance-period-label{width:100%;margin-left:0;font-size:9px}.finance-ledger-totals{grid-template-columns:1fr 1fr;gap:14px;padding:15px}.finance-aging-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-aging-cards>div:last-child{grid-column:1/-1}.finance-aging-cards strong{font-size:18px}.finance-controls-form{grid-template-columns:1fr;padding:5px 17px 18px}.finance-reconcile-grid{grid-template-columns:1fr}.finance-match-toolbar{align-items:stretch}.finance-match-toolbar .btn{flex:1}.finance-match-toolbar>div{width:100%;flex-basis:100%;margin-bottom:5px}.finance-statement-columns{grid-template-columns:1fr}.finance-statement-columns>div+div{border-left:0;border-top:1px solid var(--line)}.finance-statement-total{padding:16px;font-size:10px}.finance-statement-total strong{font-size:15px}.finance-cashflow-cards{grid-template-columns:1fr;padding:15px}.finance-cashflow-cards>div{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.finance-cashflow-cards span{margin:0}.finance-journal-totals{padding:13px 11px;font-size:9px;gap:8px}.finance-journal-totals b{font-size:12px}.finance-cheque-sheet{min-height:170px}.cheque-bank{font-size:14px}.cheque-bank small{font-size:5px;letter-spacing:.4px}.cheque-watermark{font-size:16px;letter-spacing:2px}.cheque-payee{font-size:10px}.cheque-date{font-size:8px}.cheque-words{font-size:8px}.cheque-amount{font-size:9px}.cheque-number{font-size:7px;letter-spacing:1px}}
@media print{body.finance-printing #app,body.finance-printing #reviewbar,body.finance-printing .skip-link{display:none!important}body.finance-printing #overlay-root{display:block}body.finance-printing .backdrop{position:static;background:white;display:block;padding:0;backdrop-filter:none}body.finance-printing .modal{width:100%;max-width:none;height:auto;max-height:none;box-shadow:none;border-radius:0}body.finance-printing .modal-body{overflow:visible;padding:15px 0}body.finance-printing .modal-header{padding:0 0 15px}body.finance-printing .modal-footer,body.finance-printing button{display:none!important}body.finance-printing table{white-space:normal}body.finance-printing th,body.finance-printing td{font-size:10px;padding:7px}body.finance-printing .finance-statement-columns{display:block}body.finance-printing .finance-cheque-sheet{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.finance-page-heading .heading-actions{flex-wrap:wrap}.finance-cheque-sheet{min-height:0}.finance-deposit-section{grid-column:1/-1;margin-top:6px}.finance-deposit-section h3{font-size:11px;font-weight:600;margin:10px 0 13px;display:flex;align-items:center;justify-content:space-between}.finance-denominations{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.finance-denominations .field{font-size:10px}.finance-deposit-cheque{display:grid;grid-template-columns:1fr 1fr;gap:11px;background:#f7faf3;border:1px solid var(--line);border-radius:7px;padding:13px;margin-bottom:12px}.finance-office-list{display:grid;gap:11px}.finance-office-list label{display:flex;gap:8px;align-items:center;font-size:11px;color:#839d75}.finance-office-list input{accent-color:var(--teal)}.finance-deposit-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px;background:#edf5e9;border-radius:7px;margin-top:18px}.finance-deposit-totals span{font-size:9px;color:#8ca17d}.finance-deposit-totals strong{font-size:15px;color:#537d45;font-weight:550;display:block;margin-top:4px}@container workspace (max-width:700px){.finance-page-heading .heading-actions>.btn{flex:1 1 140px}.finance-denominations{grid-template-columns:1fr 1fr}.finance-deposit-cheque{grid-template-columns:1fr}.finance-deposit-totals{grid-template-columns:1fr 1fr}.finance-deposit-totals strong{font-size:14px}}
@media print{body.finance-printing .finance-cheque-sheet{width:var(--cheque-width);height:var(--cheque-height);min-height:0;max-width:none;break-inside:avoid}}
/* Legal company identity, shared by documents and report print views. */
.document-brand{align-items:flex-start;gap:15px}.document-brand strong,.drawer .document-brand strong{font-size:16px;letter-spacing:-.35px;line-height:1.45}.document-company-address,.document-company-phone{display:block;font-size:10px;line-height:1.8;color:#7c927b}.document-company-address{margin-top:4px}.document-brand small{margin-top:7px;font-weight:600;color:#6b8c69}.workspace-switch{align-items:flex-start}.workspace-switch>span:nth-child(2){min-width:0}.workspace-switch strong{font-size:10px;line-height:1.6;white-space:normal;margin-bottom:3px}.workspace-switch>.icon{margin-top:9px}.page-footer{flex-wrap:wrap}.company-footer-details{flex-basis:100%;line-height:1.8}.company-footer-details a{color:var(--teal)}.page-footer>.company-footer-details:last-child{display:inline-flex}.company-footer-details{flex-wrap:wrap}@container workspace (max-width:700px){.document-brand{gap:11px}.document-brand img{width:56px;height:43px}.document-brand strong,.drawer .document-brand strong{font-size:13px}.document-company-address,.document-company-phone{font-size:9px}.document-brand small{font-size:9px}.company-footer-details{font-size:8px;display:block!important}}
/* Product workspace and complete report review surfaces. */
.product-card-grid,.report-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card,.report-library-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.product-card-image{height:160px;display:grid;place-items:center;background:linear-gradient(145deg,#f0f7f2,#e1eee6)}.product-card-content{padding:17px}.product-card-content h3{font-size:14px;margin:9px 0}.product-card-content p{font-size:11px;color:var(--muted);line-height:1.7}.product-photo{width:100%;height:100%;object-fit:contain}.product-bottle-art{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#398b78;gap:6px}.product-bottle-art svg{width:62px;height:80px;stroke-width:1}.product-bottle-art.returnable svg{width:82px}.product-bottle-art small{font-size:11px;font-weight:700;letter-spacing:1px}.product-mini-image{width:38px;height:45px;display:inline-flex;vertical-align:middle;margin-right:10px;overflow:hidden}.product-mini-image svg{width:25px;height:30px}.product-mini-image small{display:none}.product-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-image-card{border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}.product-image-card .product-photo,.product-image-card .product-bottle-art{height:125px}.product-image-card h3{font-size:12px;margin:15px 0}.product-profile-hero{display:flex;gap:22px;align-items:center;padding:22px;background:#f0f7f2;border-radius:12px;margin-bottom:22px}.product-profile-hero>.product-photo,.product-profile-hero>.product-bottle-art{width:110px;height:125px;flex-shrink:0}.product-profile-hero h3{font-size:21px;margin:8px 0}.product-profile-hero p{font-size:12px;color:var(--muted)}.product-image-preview{height:230px;display:grid;place-items:center;background:#f1f7f3;border-radius:12px;margin-bottom:18px}.product-image-preview img{max-height:210px}.report-date-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:16px 18px;margin:0 0 22px;background:#fff;border:1px solid var(--line);border-radius:12px}.report-date-form .field{margin:0;max-width:180px}.report-date-form label{font-size:10px}.report-scope{display:flex;align-items:center;gap:6px;color:#5d7568;font-size:11px;margin-left:auto;padding:10px 0}.report-scope svg{width:15px;height:15px}.report-library-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.report-search{display:flex;align-items:center;gap:8px;min-width:220px;flex:1}.report-search svg{width:16px;color:#82978d}.report-search input{width:100%;border:0;background:transparent;font-size:12px;outline-offset:4px}.report-library-grid{padding:20px}.report-library-card{position:relative;padding:20px}.report-library-card .report-icon{margin-bottom:18px}.report-category{position:absolute;right:18px;top:23px;font-size:10px;color:#758b7d}.report-library-card h3{font-size:14px;line-height:1.5;margin:0 0 7px}.report-library-card p{font-size:10px;color:var(--muted);line-height:1.8;min-height:30px}.report-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.report-card-actions .btn{font-size:10px;padding:8px 10px}.report-fieldset{margin:24px 0;border:1px solid var(--line);border-radius:10px;padding:17px}.report-fieldset legend{font-size:12px;font-weight:600;padding:0 7px}.report-column-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.report-column-checks label{display:flex;align-items:center;gap:8px;font-size:11px;color:#496155}.report-column-checks input{accent-color:#287b5b;width:15px;height:15px}.report-fieldset small{display:block;margin-top:16px;color:var(--muted);font-size:10px}.report-builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.report-result-meta{display:flex;flex-wrap:wrap;gap:12px;color:#6e8176;font-size:10px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.report-view-title{font-size:20px;line-height:1.4;margin:15px 0 0}.report-chart{margin:20px 0 26px}.report-bars{display:grid;gap:13px;padding:10px 0}.report-bar-row{display:grid;grid-template-columns:150px minmax(50px,1fr) 100px;align-items:center;gap:12px;min-height:22px}.report-bar-row>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-row strong{font-size:10px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.report-bar-track{height:15px;position:relative;background:#f0f4f0;border-radius:3px}.report-bar-track>i:not(.report-zero){position:absolute;height:100%;border-radius:2px;min-width:1px}.report-zero{position:absolute;top:-3px;height:21px;width:1px;background:#bac9bf}.report-stack{height:20px;display:flex}.report-stack i{display:block;height:100%}.report-bars>.report-bar-row:has(.report-stack){grid-template-columns:150px minmax(50px,1fr)}.report-chart-note{display:block;font-size:10px;color:var(--muted);margin-top:10px}.report-line svg{width:100%;height:auto;max-height:240px;overflow:visible}.report-donut{display:flex;align-items:center;justify-content:center;gap:30px;min-height:200px}.report-donut svg{width:175px;height:175px;transform:rotate(-90deg)}.report-donut>div{min-width:160px}.report-donut p{display:flex;align-items:center;gap:9px;font-size:11px}.report-donut p i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.report-donut p strong{margin-left:auto;padding-left:20px}.report-kpi{display:flex;flex-direction:column;gap:10px;padding:28px;background:#f0f7f2;border-radius:10px;text-align:center}.report-kpi span{font-size:12px;color:#658070}.report-kpi strong{font-size:34px;color:#276c50}.report-kpi small{font-size:10px;color:var(--muted)}.report-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.report-table th{white-space:nowrap}.report-disclaimer{font-size:10px;color:#7a8c80;line-height:1.8;padding:15px 0 0}.report-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.report-dashboard-widget{padding:20px;border:1px solid var(--line);border-radius:12px;min-width:0;background:#fff}.report-dashboard-widget h3{font-size:13px;margin:0 0 20px}.report-dashboard-widget .report-bar-row{grid-template-columns:100px minmax(30px,1fr) 75px;gap:7px}.report-dashboard-widget .report-table{max-height:280px;margin-top:20px}.report-dashboard-widget>small{display:block;font-size:9px;color:var(--muted);margin-top:16px}.report-print-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.report-print-toolbar label{font-size:11px;display:flex;align-items:center;gap:10px}.report-sheet{max-width:770px;margin:auto;padding:26px;border:1px solid #d7e1d9;background:#fff;box-shadow:0 6px 30px #133b1610}.report-sheet.landscape{max-width:none}.report-sheet>footer{border-top:1px solid #d7e1d9;margin-top:25px;padding-top:12px;font-size:9px;color:#7b8c80}.report-sheet .document-brand{margin-bottom:18px}.report-sheet .table-wrap{overflow:visible}.report-sheet table{font-size:10px}.report-sheet td,.report-sheet th{white-space:normal;padding:9px 7px}.report-sheet .report-dashboard-grid{grid-template-columns:1fr}.report-sheet .report-dashboard-widget .report-table{max-height:none}.report-sheet .report-result-meta{font-size:10px}
@container workspace (max-width:1100px){.product-card-grid,.report-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-dashboard-grid{grid-template-columns:1fr}}
@container workspace (max-width:700px){.product-card-grid,.report-library-grid,.report-library-summary{grid-template-columns:1fr}.product-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-library-grid{padding:12px}.report-scope{margin-left:0}.report-column-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.report-bar-row{grid-template-columns:95px minmax(35px,1fr) 73px;gap:6px}.report-donut{flex-direction:column;gap:14px}.report-donut>div{width:100%}.report-date-form .field{flex:1;min-width:115px}.report-dashboard-widget{padding:14px}.product-profile-hero{padding:16px;gap:15px}.product-profile-hero h3{font-size:17px}.product-profile-hero>.product-photo,.product-profile-hero>.product-bottle-art{width:80px}.report-sheet{padding:16px}.report-print-toolbar{flex-wrap:wrap}}
@media(max-width:600px){.report-print-toolbar{flex-wrap:wrap}.report-column-checks{grid-template-columns:1fr}.report-sheet{padding:12px}.report-sheet .document-brand-name{font-size:12px}.report-sheet table{font-size:9px}.report-sheet td,.report-sheet th{padding:7px 4px}}
@media print{body.report-printing{background:#fff!important;overflow:visible!important}body.report-printing #app,body.report-printing #reviewbar,body.report-printing #toast,body.report-printing .skip-link{display:none!important}body.report-printing .backdrop,body.report-printing .modal,body.report-printing .modal-body{position:static!important;display:block!important;max-height:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border:0!important;box-shadow:none!important}body.report-printing .modal-header,body.report-printing .modal-footer,body.report-printing .report-print-toolbar{display:none!important}body.report-printing .report-sheet{padding:0;border:0;box-shadow:none;max-width:none}body.report-printing .report-sheet thead{display:table-header-group}body.report-printing tr,body.report-printing .document-brand,body.report-printing .report-chart,body.report-printing .report-dashboard-widget{break-inside:avoid}body.report-printing .report-table{overflow:visible!important;max-height:none!important}body.report-printing .report-sheet .report-dashboard-grid{display:block}body.report-printing .report-dashboard-widget{margin:20px 0}body.report-printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

form[data-form^="report-"]:not(.report-date-form){padding:20px}.report-view-title,.panel>.report-result-meta,.panel>.report-chart,.panel>.report-disclaimer{margin-left:20px;margin-right:20px}.product-card-grid{padding:18px}.product-card{text-align:left}.product-card-content>div{display:flex;justify-content:space-between;font-size:11px;gap:10px}.product-card-image{position:relative}.product-card-image>.badge{position:absolute;top:12px;right:12px}