@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f6f2;--ink:#1c302c;--muted:#7b8882;--line:#e5e9e2;--green:#27634d;--lime:#d8ef9d;--side:#172f2b;--white:#fff;--amber:#a76b1f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #a3c75d;outline-offset:3px}button{border:0;background:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.stat-number{font-family:Manrope,system-ui,sans-serif}h1{font-size:30px;letter-spacing:-1px;font-weight:750}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--side);color:#b6c5be;padding:34px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:29px;font-weight:800;letter-spacing:-1px;padding:0 12px}.brand-mark{background:var(--lime);color:var(--side);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;transform:rotate(-7deg)}.brand-mark svg{width:24px;height:24px}.brand span:last-child{font-size:9px;letter-spacing:1px;border:1px solid #60766a;border-radius:4px;padding:3px 5px;color:#c6d3bb;margin-left:4px}.workspace{margin:32px 4px 26px;padding:15px 10px;border:1px solid #3a4d46;border-radius:9px;display:flex;gap:9px;align-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf0e3;color:#516744;font-size:12px;font-weight:700;flex-shrink:0}.workspace strong{color:#f1f5ef;font-size:12px}.workspace small{display:block;font-size:10px;margin-top:3px}.nav-label{text-transform:uppercase;letter-spacing:1.6px;font-size:9px;padding:0 14px;margin:14px 0 10px;color:#79948a}.nav-item{width:100%;display:flex;gap:12px;align-items:center;border-radius:7px;padding:12px 14px;margin:3px 0;font-size:12px;text-align:left}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#263e36;color:white}.nav-item.active{background:#d5ec9c;color:#203c2b;font-weight:700}.nav-count{margin-left:auto;font-size:10px;background:#40544a;border-radius:4px;padding:2px 6px;color:#d8e2d8}.active .nav-count{background:#bfd78c;color:#203c2b}.side-bottom{margin-top:auto}.demo-box{border:1px solid #3d5345;background:#21382e;border-radius:9px;padding:14px;font-size:11px;line-height:1.7;margin-bottom:18px}.demo-box strong{color:#deefb5}.demo-box .dot{background:#b9d782}.profile{display:flex;gap:10px;align-items:center;padding:8px}.profile strong{color:#eef2e9;font-size:12px}.profile small{display:block;font-size:10px;margin-top:4px}.main{margin-left:228px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fcfdf9;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:14px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{color:#4b5e52;font-weight:500}.top-actions{display:flex;gap:14px;align-items:center}.top-actions select{font-size:12px;border:1px solid var(--line);background:white;padding:10px 12px;border-radius:7px;max-width:230px;color:var(--ink)}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:white}.content{max-width:1510px;margin:auto;padding:33px 38px 24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.page-head p{margin-top:8px;font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px;font-weight:600;white-space:nowrap}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#194b39}.button.soft{background:#edf3e4;border-color:#dce5d2;color:#456737}.button svg{width:16px;height:16px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:23px 26px;background:#eaf0dd;border:1px solid #e0e7d2;border-radius:11px;margin-bottom:24px;gap:20px}.hero h2{font-size:18px}.hero p{color:#65745a;font-size:12px;margin-top:8px;line-height:1.6;max-width:550px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;color:#658247;font-weight:700;margin-bottom:9px}.hero-visual{display:flex;align-items:center;gap:8px}.flow-node{background:#fff9;border:1px solid #d5ddc5;border-radius:10px;padding:13px;display:grid;place-items:center;color:#567144}.flow-node:last-child{background:#2f5c40;color:#e0efa5}.flow-node svg{width:23px;height:23px}.arrow{color:#839572}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#6c7c72;font-size:11px;margin-bottom:18px}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f2f5ee;color:#668255}.stat-number{font-size:28px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.stat-foot{margin-top:12px;font-size:10px;color:#889088;display:flex;align-items:center;gap:6px}.positive{color:#477d51}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b9b55;margin-right:5px}.grid-two{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;gap:10px}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.panel-head h2{font-size:14px}.legend{font-size:10px;color:#7e897c;display:flex;gap:12px}.legend i{display:inline-block;width:7px;height:7px;background:#356c50;border-radius:2px;margin-right:5px}.legend .light{background:#c5da9b}.chart{height:185px;margin:0 24px 18px;display:flex;gap:12px}.axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;color:#9ba399;font-size:9px}.bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e7ebe3;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f0f2eb 40px);gap:14px;padding:0 12px 23px;position:relative}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;position:relative;flex:1;max-width:48px}.bar{background:#376c50;border-radius:4px 4px 0 0;min-height:2px;flex:1}.bar.light{background:#c5da9b}.bar-label{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:9px;color:#8b958a}.task{display:flex;align-items:center;gap:11px;padding:15px 23px;border-top:1px solid #f0f2ec;width:100%;text-align:left}.task:hover{background:#fafbf7}.task-icon{padding:9px;border-radius:9px;display:flex;background:#faf0df;color:#b88839}.task-icon.green{background:#eff5e8;color:#6b9148}.task-icon.blue{background:#edf2f5;color:#6a8795}.task strong{display:block;font-size:12px;font-weight:600}.task small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.task>span:last-child{margin-left:auto;color:#8d988b}.tab-row{display:flex;border-bottom:1px solid var(--line);padding:0 23px;gap:26px}.tab{padding:13px 0;font-size:12px;color:#899282;border-bottom:2px solid transparent}.tab.active{color:#34613d;border-color:#34613d;font-weight:700}.toolbar{padding:17px 23px;display:flex;gap:10px;align-items:center}.search{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:8px;padding:9px 12px;flex:1;max-width:360px;color:#8b9685}.search input{border:0;outline:0;min-width:0;width:100%;font-size:11px;background:transparent;color:var(--ink)}.search svg{width:15px;height:15px}select,.field input{border:1px solid var(--line);border-radius:6px;padding:10px;background:white;color:#596e5c;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbf7;color:#8e998b;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:12px 23px;border-block:1px solid #edf0e8}td{font-size:11px;padding:15px 23px;border-bottom:1px solid #f0f2eb}tr:last-child td{border-bottom:0}.invoice-link{display:flex;gap:11px;align-items:center;text-align:left}.doc-icon{display:grid;place-items:center;background:#f3f5ed;color:#7d916c;border-radius:7px;width:32px;height:36px}.doc-icon svg{width:16px}.invoice-link strong{display:block;font-size:11px}.invoice-link small{display:block;color:#929b8d;font-size:9px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;background:#edf3e7;color:#588044}.badge.warning{background:#fff3df;color:#ac7c2d}.badge.blue{background:#eaf1f6;color:#567b95}.badge.red{background:#faece7;color:#ad6250}.badge.neutral{background:#f0f1ee;color:#7d8777}.table-footer{border-top:1px solid var(--line);padding:14px 23px;font-size:10px;color:#8c9785;display:flex;justify-content:space-between}.text-link{color:#537f46;font-size:11px;font-weight:600}.footer{display:flex;justify-content:space-between;gap:15px;color:#98a18f;font-size:9px;margin-top:22px;line-height:1.6}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty h3{margin-bottom:10px;color:var(--ink)}.mobile-menu{display:none}.metric-list{padding:0 24px 20px}.metric-row{padding:15px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}.progress-track{height:7px;border-radius:9px;background:#eff2e9;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:#7fa365;border-radius:9px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.company-card{padding:24px}.company-card h2{margin:15px 0 6px}.company-card p{font-size:12px;color:var(--muted);margin-bottom:24px}.company-card .stat-number{font-size:24px}.notice{padding:15px 20px;background:#f0f4e8;border:1px solid #e0e6d7;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:20px;color:#647253}.notice.amber{background:#fff7e9;border-color:#f0dfbf;color:#9a7535}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.integration{padding:25px}.integration h2{margin:13px 0}.integration p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:15px}.sap{display:inline-block;font-size:21px;font-weight:800;letter-spacing:-1px;padding:8px 18px;background:#e9f2f9;color:#2e6d93;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.modal-backdrop{position:fixed;inset:0;background:#14292080;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{background:#f9faf6;border-radius:15px;width:900px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 90px #0c241c33}.modal.narrow{width:600px}.modal-head{padding:23px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head p{font-size:12px;color:var(--muted);margin-top:6px}.modal-body{padding:26px}.document-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.paper{background:white;border:1px solid #e2e6db;padding:25px;box-shadow:0 3px 12px #23382608;align-self:start;min-height:360px;position:relative}.paper .watermark{font-size:10px;letter-spacing:2px;border:1px solid #e0e7d5;color:#839775;padding:7px;text-align:center;margin-bottom:25px}.paper h3{font-size:20px}.paper p{font-size:11px;margin:9px 0;line-height:1.8;color:#829077}.paper-line{display:flex;justify-content:space-between;font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}.paper-total{font-size:22px;text-align:right;padding-top:20px;font-weight:700}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-bottom:13px}.field input,.field select{width:100%;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.audit{margin-top:22px;font-size:11px}.audit h3{font-size:12px;margin-bottom:12px}.audit-item{border-left:2px solid #dce6ce;padding:3px 0 13px 12px;color:#7b8973;line-height:1.7}.audit-item strong{color:#4f6948}.step{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.step-number{background:#e5eed9;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;color:#5c7c42;font-weight:700}.step strong{display:block}.step p{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:#203e2f;color:white;border-radius:9px;padding:15px 24px;box-shadow:0 4px 20px #1234;display:none;font-size:12px;max-width:90%;line-height:1.6}.toast-show{display:block!important}.check-line{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.check-line input{accent-color:#52783c}.log-list{padding:0 23px 18px}.log-line{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:13px;font-size:11px;line-height:1.6}.log-line time{color:#94a08b;white-space:nowrap}.log-line strong{font-weight:500}.money{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.mobile-scrim{display:none}
@media(min-width:1600px){.content{padding-top:42px}.stat{padding:25px}.chart{height:220px}td{padding-block:18px}}@media(max-width:1180px){.sidebar{width:200px;padding-inline:12px}.main{margin-left:200px}.content{padding:26px}.topbar{padding:0 26px}.hero-visual{display:none}.stat-number{font-size:24px}td,th{padding-inline:15px}.grid-two{grid-template-columns:1.4fr 1fr}.panel-head{padding:18px}.task{padding:15px 18px}}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.breadcrumb{display:none}.topbar{justify-content:flex-end}.legend{font-size:9px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#1238;z-index:19}.main{margin-left:0}.mobile-menu{display:grid;margin-right:auto}.topbar{height:66px;padding:0 17px}.top-actions{gap:8px}.top-actions select{max-width:185px}.content{padding:24px 17px}h1{font-size:25px}.page-head{align-items:flex-start;flex-direction:column}.hero{padding:21px}.hero>.button{display:none}.stats{gap:10px}.stat{padding:16px}.stat-number{font-size:24px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.toolbar{padding:14px;flex-wrap:wrap}.search{max-width:none;width:100%;flex-basis:100%}.toolbar select{flex:1}.tab-row{gap:20px;padding-inline:17px}.document-layout{grid-template-columns:1fr}.paper{min-height:0}.modal-backdrop{padding:10px}.modal{max-height:95vh}.modal-body{padding:18px}.modal-head{padding:18px}.footer{flex-direction:column}.top-actions>.avatar{display:none}.panel-head{flex-wrap:wrap}.form-grid{gap:8px}.modal-actions .button{flex:1}.table-footer{padding:13px 15px}}