:root{--ink:#172b24;--muted:#74827b;--forest:#173e31;--forest-2:#285d47;--mint:#dfece2;--cream:#f7f8f5;--line:#e8ebe6;--white:#fff;--amber:#af7128;--amber-bg:#fff4e5;--shadow:0 10px 35px #1a31250b}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:244px;height:100vh;padding:30px 16px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 12px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#1d5c42;border-radius:11px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.brand-mark.large{width:52px;height:52px;font-size:17px}.brand strong{letter-spacing:-.7px;font-size:18px;line-height:1.1;display:block}.brand span{color:var(--muted);letter-spacing:1.25px;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.workspace-label{letter-spacing:1.65px;color:#a0aaa3;margin:52px 12px 12px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.nav-item{color:#60726a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;padding:13px 15px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{color:var(--forest);background:#f4f7f2}.nav-item.active{color:#1f6447;background:#e8f2e8}.nav-count{color:#769585;margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto}.secure-note{color:#42735a;background:#f7faf6;border:1px solid #e6eee7;border-radius:10px;align-items:flex-start;gap:10px;padding:15px 13px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.secure-note small{color:#8a9b8f;font-weight:400}.user-row{border:0;border-top:1px solid var(--line);color:#75837b;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;margin-top:18px;padding:11px 9px;display:flex}.avatar{color:#365a45;background:#e8ece8;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.user-email{text-overflow:ellipsis;white-space:nowrap;color:#526057;flex:1;font-size:11px;overflow:hidden}.main-content{flex:1;min-width:0;padding-bottom:80px}.topbar{border-bottom:1px solid var(--line);background:#ffffffb0;justify-content:space-between;align-items:center;height:74px;padding:0 45px;display:flex}.breadcrumb{color:#4b5f52;font-size:12px;font-weight:700}.breadcrumb span{color:#b0beb3;margin:0 11px}.top-actions{color:#73827a;align-items:center;gap:9px;font-size:11px;display:flex}.live-dot{background:#5ca678;border-radius:50%;width:7px;height:7px}.icon-button{color:#6e7e74;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:var(--forest);background:#eef2eb}.top-actions .icon-button{border-color:var(--line);background:#fff;margin-left:9px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin:44px 45px 27px;display:flex}.eyebrow{color:#669576;letter-spacing:2px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-1.1px;margin:9px 0 8px;font-size:31px;font-weight:740;line-height:1.15}.page-heading p{color:#7b8b80;margin:0;font-size:13px}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:#1d5b41;box-shadow:0 5px 10px #1d5b411f}.button.primary:hover{background:#174b35}.button.subtle{color:#345844;background:#fff;border-color:#dfe5dd}.button.subtle:hover{background:#f5f8f3}.button.full{justify-content:space-between;width:100%;min-height:45px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 45px 25px;display:grid}.metric{border:1px solid var(--line);min-height:159px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:19px 20px}.metric-icon{border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:14px;display:grid}.metric-icon.green{color:#39805a;background:#e6f2e7}.metric-icon.amber{color:#b68130;background:#fff0d8}.metric-label{color:#67786b;font-size:12px;font-weight:600}.metric-value{letter-spacing:-.8px;margin-top:5px;font-size:29px;font-weight:760;line-height:1.15}.metric-detail{color:#9aa99c;margin-top:7px;font-size:10px}.content-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:18px;margin:0 45px;display:grid}.panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow:hidden}.main-content>.panel{margin:0 45px 20px}.panel-header{justify-content:space-between;align-items:center;gap:18px;padding:22px 23px 18px;display:flex}.panel-header h2{letter-spacing:-.15px;margin:0 0 5px;font-size:15px}.panel-header p{color:#97a499;margin:0;font-size:11px}.text-button{color:#318059;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:11px;font-weight:750;display:inline-flex}.text-button:hover{text-decoration:underline}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#91a095;white-space:nowrap;background:#f9faf8;border-top:1px solid #f2f3f0;border-bottom:1px solid #f2f3f0;padding:11px 22px;font-weight:700}td{color:#7b897e;white-space:nowrap;border-bottom:1px solid #f0f2ed;padding:16px 22px}tr:last-child td{border-bottom:0}.table-primary{color:#294235;font-weight:700}.supplier-icon{color:#3f7956;background:#e6efe6;border-radius:7px;place-items:center;width:27px;height:27px;margin-right:9px;font-weight:700;display:inline-grid}.number{font-variant-numeric:tabular-nums;color:#344e3b;font-weight:700}.align-right{text-align:right}.status{border-radius:5px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-block}.status.good{color:#478456;background:#eaf5e9}.status.warn{color:#b47d30;background:#fff3df}.file-link{color:#3b8960;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.file-link:hover{text-decoration:underline}.muted{color:#b2bcb2}.capitalize{text-transform:capitalize}.action-panel{min-height:285px}.all-clear{color:#55916a;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;display:flex}.all-clear strong{color:#315b3f;font-size:13px}.all-clear span{color:#9eaa9e;font-size:11px}.task-list{padding:0 18px 18px}.task-row{text-align:left;color:#a3ada5;background:0 0;border:0;border-top:1px solid #f1f3ef;align-items:center;gap:12px;width:100%;padding:13px 4px;display:flex}.task-row:hover{background:#fafcf8}.task-row>span:nth-child(2){flex:1;min-width:0}.task-row strong,.task-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.task-row strong{color:#4a604f;font-size:11px}.task-row small{color:#9da99e;margin-top:4px;font-size:10px}.task-icon{border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.task-icon.amber{color:#b6823b;background:#fff5e7}.task-icon.blue{color:#6388b9;background:#edf3fb}.search{color:#93a294;border:1px solid #e5eae3;border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.search input{width:210px;height:35px;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.list-header{padding-bottom:20px}.secondary-panel{margin-top:20px!important}.pending-list{padding:0 22px 12px}.pending-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.pending-row strong,.pending-row span{display:block}.pending-row strong{font-size:12px}.pending-row span{color:#9aa69b;margin-top:3px;font-size:11px}.stock-summary{background:#e8f0e7;border:1px solid #dfeadf;border-radius:12px;grid-template-columns:1fr 1fr 2fr;gap:0;margin:0 45px 20px;display:grid;overflow:hidden}.stock-summary>div{border-right:1px solid #d7e5d7;padding:19px 25px}.stock-summary>div:last-child{border-right:0}.stock-summary span,.stock-summary strong,.stock-summary small{display:block}.stock-summary span{color:#6c8b74;font-size:11px;font-weight:700}.stock-summary strong{letter-spacing:-.5px;margin-top:6px;font-size:25px}.stock-summary small{color:#42604a;margin-top:10px;font-size:12px}.empty-state{color:#80a28b;white-space:normal;flex-direction:column;align-items:center;gap:8px;padding:36px;display:flex}.empty-state strong{color:#425b49;font-size:12px}.empty-state span{color:#9eab9f;text-align:center;font-size:11px}.flash{border-radius:8px;align-items:center;gap:10px;margin:18px 45px -17px;padding:11px 14px;font-size:12px;display:flex}.flash button{color:inherit;background:0 0;border:0;margin-left:auto}.flash.error{color:#b65a39;background:#fff0e9;border:1px solid #ffd8c9}.flash.success{color:#3b8054;background:#e9f6e9;border:1px solid #d1ecd3}.spin{animation:1s linear infinite spin}.spinner{border:3px solid #d9e9d9;border-top-color:#39785a;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;background:#12221980;justify-content:center;align-items:flex-start;padding:30px 15px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:min(100%,510px);margin:auto;overflow:hidden;box-shadow:0 25px 70px #14231940}.modal.wide{width:min(100%,760px)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.modal-header h2{letter-spacing:-.4px;margin:0;font-size:20px}.modal-header p{color:#89978a;margin:7px 0 0;font-size:11px;line-height:1.5}.modal-body{padding:24px 28px}.modal-body label,.login-card label{color:#4f6254;font-size:11px;font-weight:700;display:block}.modal-body input:not([type=checkbox]):not([type=file]),.modal-body select,.modal-body textarea,.login-card input{color:#233c2d;background:#fff;border:1px solid #dfe7dc;border-radius:7px;outline:0;width:100%;height:39px;margin-top:7px;padding:9px 11px;font-size:12px;display:block}.modal-body textarea{resize:vertical;height:auto}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus,.login-card input:focus{border-color:#6ca77e;box-shadow:0 0 0 3px #e8f3e9}.form-grid{gap:13px;margin-top:15px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.line-grid{grid-template-columns:1.1fr 2fr 1fr}.form-section{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:23px}.form-section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.section-heading{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.section-step{color:#36805a;background:#e8f3e8;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.section-heading h3{margin:1px 0 4px;font-size:13px}.section-heading p{color:#99a79a;margin:0;font-size:11px}.file-drop{text-align:center;cursor:pointer;background:#f8fbf7;border:1px dashed #b8d0bc;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100px;position:relative;color:#3e855b!important;display:flex!important}.file-drop span{font-size:12px}.file-drop small{color:#9baa9c;font-size:10px;font-weight:400}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.line-card{background:#fbfcfa;border:1px solid #e6ede4;border-radius:9px;margin:12px 0;padding:14px}.line-top{color:#50654f;justify-content:space-between;align-items:center;font-size:11px;display:flex}.line-top .icon-button{width:25px;height:25px}.line-footer{color:#8b9b8b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.line-footer strong{color:#365941}.helper-text{color:#91a190;margin:11px 0 0;font-size:10px;line-height:1.5}.check-row{align-items:center;gap:9px;margin-bottom:15px;display:flex!important}.check-row input{accent-color:#287249}.modal-footer{justify-content:flex-end;gap:9px;padding-top:22px;display:flex}.form-error{color:#b9563b;background:#fff1ed;border:1px solid #f4cdc2;border-radius:7px;align-items:center;gap:6px;margin:16px 0 0;padding:10px 12px;font-size:11px;display:flex}.center-screen{text-align:center;color:#4b7656;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;padding:30px;display:flex}.center-screen h1{color:#203e2a;margin:0;font-size:24px}.center-screen p{color:#778879;max-width:420px;margin:0;font-size:13px;line-height:1.7}.setup-screen{background:#f8fbf6}.setup-screen code{background:#e7eee4;border-radius:4px;padding:3px 5px}.setup-badge{color:#5a8866;border:1px solid #dce9db;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:11px;display:flex}.login-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{color:#f2f7ef;background:#174633;flex-direction:column;justify-content:space-between;padding:40px 52px;display:flex}.brand.white{padding:0}.brand.white .brand-mark{color:#28583c;background:#d6ebcb}.brand.white span{color:#b7d2ba}.login-story h1{letter-spacing:-2px;max-width:540px;margin:10px 0 18px;font-size:clamp(40px,5vw,65px);line-height:1.05}.login-story p{color:#b9d0bd;max-width:430px;font-size:16px;line-height:1.7}.login-story>span{color:#a8c1ad;font-size:11px}.login-form-wrap{place-items:center;padding:35px;display:grid}.login-card{width:min(100%,360px)}.login-icon{color:#3a8057;background:#e6f3e5;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.login-card h2{letter-spacing:-.5px;margin:19px 0 7px;font-size:24px}.login-card p{color:#8b9a8e;margin:0 0 28px;font-size:12px}.login-card label{margin:0 0 17px}.login-card small{text-align:center;color:#9ba99d;margin-top:20px;font-size:10px;display:block}@media (max-width:1150px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.action-panel{min-height:auto}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:14px 16px;position:relative}.brand{padding:0}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{gap:8px;margin-top:15px;display:flex;overflow:auto}.nav-item{white-space:nowrap;width:auto;padding:9px 10px}.nav-count{display:none}.topbar{height:54px;padding:0 19px}.top-actions{font-size:0}.page-heading{align-items:flex-start;margin:28px 19px 21px}.page-heading h1{font-size:25px}.page-heading .button{min-width:39px;padding:9px;font-size:0}.page-heading .button svg{width:18px}.metrics-grid{gap:10px;margin:0 19px 20px}.metric{min-height:142px;padding:15px}.content-grid{margin:0 19px}.main-content>.panel{margin:0 19px 18px}.stock-summary{grid-template-columns:1fr 1fr;margin:0 19px 18px}.stock-summary>div:last-child{border-top:1px solid #d7e5d7;grid-column:1/-1}.stock-summary>div:nth-child(2){border-right:0}.panel-header{padding:17px}.search input{width:125px}.flash{margin:10px 19px -8px}.modal-backdrop{padding:10px}.modal-header,.modal-body{padding:18px}.form-grid.three,.form-grid.line-grid{grid-template-columns:1fr 1fr}.form-grid.line-grid label:nth-child(2){grid-area:2/1/auto/-1}.login-layout{grid-template-columns:1fr}.login-story{min-height:235px;padding:25px}.login-story h1{font-size:34px}.login-story p{font-size:12px}.login-story>span{display:none}.login-form-wrap{padding:35px 22px}}@media (max-width:430px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-label{font-size:10px}.metric-value{font-size:23px}.metric-detail{font-size:9px}.form-grid.two,.form-grid.three,.form-grid.line-grid{grid-template-columns:1fr}.form-grid.line-grid label:nth-child(2){grid-area:auto}.list-header{display:block}.search{margin-top:14px}.search input{width:100%}}