:root{--forest:#173d32;--forest2:#214b3f;--sage:#648475;--mint:#e9f3eb;--gold:#c6a266;--ink:#24342f;--muted:#738079;--line:#e3e9e5;--bg:#f6f8f5;--white:#fff;--shadow:0 5px 22px rgba(20,56,40,.035);--danger:#ae433a;--orange:#a66b27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--bg);line-height:1.45}a{color:var(--forest2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,33px);font-weight:730;letter-spacing:-1.2px;margin:5px 0 6px;color:#203c32}h2{font-size:16px;letter-spacing:-.24px;margin:0;font-weight:700}p{color:#69796f}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.text-right{text-align:right!important}.app-layout{display:flex;min-height:100vh}.sidebar{width:249px;min-width:249px;position:sticky;top:0;height:100vh;background:var(--forest);padding:26px 16px 16px;display:flex;flex-direction:column;color:#fff;box-shadow:3px 0 10px rgba(0,0,0,.06);z-index:5}.brand,.auth-brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none!important;padding:0 6px;margin-bottom:48px}.brand-mark{width:47px;height:47px;border-radius:11px;background:var(--gold);color:#173d32;font-family:Georgia,serif;font-size:19px;letter-spacing:-2px;font-weight:900;display:grid;place-items:center;transform:rotate(-4deg);box-shadow:0 5px 13px rgba(0,0,0,.09);flex-shrink:0}.brand-text{font-size:14px;font-weight:500;letter-spacing:1.9px;line-height:1.18}.brand-text strong{font-weight:800}.brand-text small{display:block;color:#c7d9c9;font-size:8px;letter-spacing:3.15px;margin-top:6px}.nav-group-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#9dbead;margin:0 13px 10px}.nav{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;font-size:13px;font-weight:600;color:#d4e5db;border-radius:8px;transition:background .15s}.nav a:hover,.nav a.active{background:#315b4b;color:white;text-decoration:none}.nav a.active{box-shadow:inset 3px 0 #d0b279}.nav-icon{font-size:17px;color:#a6c0b0;width:17px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid #446557;display:flex;gap:9px;align-items:center;padding:17px 4px 0}.avatar{width:35px;height:35px;border-radius:50%;background:#dfb773;color:var(--forest);display:grid;place-items:center;font-weight:800;flex-shrink:0}.avatar.big{width:54px;height:54px;font-size:22px}.user-summary{min-width:0;flex:1;display:flex;flex-direction:column;font-size:12px}.user-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-summary small{color:#adc8b8}.logout{background:none;border:0;font-size:21px;color:#b7d0c3;padding:3px 7px}.main-shell{flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 33px}.topbar-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#87958b}.topbar-label span{color:#c2c9c3;margin:0 8px}.main-content{max-width:1540px;margin:auto;padding:30px 35px 56px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2.3px;color:#668573}.eyebrow-divider{margin:0 7px;color:#afbfb2}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 27px}.page-heading p{font-size:13px;margin:0}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:8px;min-height:41px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 16px;font-size:12px;font-weight:750;text-decoration:none!important;white-space:nowrap;transition:filter .16s,background .16s,transform .16s}.btn:hover{filter:brightness(.98)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--forest);border-color:var(--forest);color:white}.btn-primary:hover{color:white;background:#265849}.btn-secondary{background:#e9eee9;border-color:#d8e3db;color:var(--forest)}.btn-outline{background:#fff;border-color:#d4e1d7;color:var(--forest)}.btn-outline:hover{background:#eff6f0}.btn-small{min-height:35px;padding:8px 13px}.btn-large{min-height:47px}.btn-full{width:100%}.btn-text-danger{color:var(--danger);background:transparent;border:0;padding:9px 3px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:11px;padding:21px 21px 18px;color:inherit;box-shadow:var(--shadow);position:relative;transition:transform .18s}.stat-card:hover{text-decoration:none;transform:translateY(-2px)}.stat-icon{position:absolute;right:20px;top:17px;width:30px;height:30px;background:#eff5ee;color:var(--forest2);border-radius:7px;display:grid;place-items:center;font-size:19px;font-weight:700}.stat-icon.danger{background:#fcf0e9;color:#bd6542}.stat-label{font-size:12px;color:#687d70;font-weight:700}.stat-value{font-size:35px;letter-spacing:-2px;color:var(--forest);margin:9px 0 7px;line-height:1}.stat-foot{color:#99a49b;font-size:11px}.two-column{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.panel-pad{padding:23px 25px;overflow:visible}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.panel-head.no-border{border:0;padding:0;margin-bottom:22px}.panel-head p{font-size:12px;margin:3px 0 0}.text-link{font-size:12px;font-weight:800;color:#386a4d;white-space:nowrap}.count-pill{border:1px solid #e0e9e0;border-radius:18px;padding:4px 11px;color:#688073;font-size:11px;font-weight:700;white-space:nowrap;background:#f7faf7}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:15px 17px;text-align:left;vertical-align:middle}.data-table th{color:#829288;font-size:9px;font-weight:800;letter-spacing:1.35px;background:#f9fbf9;white-space:nowrap}.data-table tr{border-bottom:1px solid #edf0ed}.data-table tbody tr:last-child{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfc}.data-table td{font-size:12px;color:#34473d}.data-table td strong{font-weight:700}.cell-sub{display:block;font-size:10px;color:#87988d;margin-top:4px}.po-link{font-weight:800;color:#255b45;white-space:nowrap}.status{font-size:10px;font-weight:800;border-radius:20px;display:inline-block;padding:5px 9px;white-space:nowrap;letter-spacing:.1px}.status-draft{background:#f1f2f0;color:#738075}.status-sent{background:#e8f2ff;color:#3764a8}.status-acknowledged{background:#e8f1f7;color:#37728c}.status-partially-received{background:#fff4df;color:#8e6726}.status-received{background:#e6f3e8;color:#38764e}.status-cancelled{background:#ffeceb;color:#a85046}.panel-footer{border-top:1px solid var(--line);color:#98a79b;font-size:11px;padding:12px 21px}.empty-state{padding:33px 15px;text-align:center;color:#96a39a}.attention-list{padding:6px 20px}.attention-item{display:flex;gap:12px;padding:15px 4px;align-items:center;color:inherit;border-bottom:1px solid var(--line)}.attention-item:hover{text-decoration:none}.attention-item:last-child{border:0}.attention-icon{width:29px;height:29px;background:#fff2e6;color:#bc7a30;display:grid;place-items:center;border-radius:50%;font-weight:900;flex-shrink:0}.attention-item strong{display:block;font-size:12px}.attention-item small{display:block;font-size:10px;color:#92a093;margin-top:4px}.attention-item .arrow{margin-left:auto;color:#5c846b}.all-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:210px;padding:25px;color:#356c4a}.all-clear-icon{width:47px;height:47px;background:#e6f4e9;color:#398257;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;margin-bottom:12px}.all-clear p{font-size:12px;margin:5px 0 0}.all-clear.slim{min-height:130px}.hint-box{background:#f4f8f3;border:1px solid #e2ece1;border-radius:9px;padding:15px;margin:12px 20px 20px}.hint-box strong{font-size:12px;color:#365e49}.hint-box p{margin:5px 0 10px;font-size:12px;color:#7e9182}.panel-pad .hint-box{margin:20px 0 0}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:19px 20px;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid #d9e1db;border-radius:7px;padding:10px 11px;outline:none;color:#2d4037;background:#fff;width:100%;font-size:12px;min-height:41px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#64a184;box-shadow:0 0 0 3px rgba(100,161,132,.12)}input::placeholder,textarea::placeholder{color:#a0aba3}textarea{resize:vertical;line-height:1.55}label{font-size:12px;font-weight:700;color:#425b4d;display:flex;flex-direction:column;gap:7px}label small{font-size:11px;color:#96a59a;font-weight:400}label small a{font-weight:700}.filters select{width:auto;max-width:250px;min-width:150px}.filters .search-field{min-width:220px;flex:1}.filters .check-line{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.check-line input{width:14px;height:14px;min-height:0;accent-color:var(--forest)}.required{color:#be683f}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}.field-full{grid-column:1/-1}.section-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}.section-head.section-spaced{margin-top:32px}.step-num{display:inline-grid;place-items:center;width:28px;height:28px;background:#eaf3eb;color:#4d7458;border-radius:8px;font-size:11px;font-weight:800}.main-form-columns{grid-template-columns:1.06fr 1fr}.items-panel{margin-top:0}.item-editor{min-width:960px}.item-editor input{min-width:65px;padding:9px;font-size:12px}.item-editor td{padding:10px 7px}.item-editor td:first-child{padding-left:18px;width:145px}.item-editor td:nth-child(2){width:340px}.item-editor td:nth-child(3){width:95px}.item-editor td:nth-child(4){width:75px}.item-editor td:nth-child(5){width:116px}.line-amount{font-weight:800;white-space:nowrap}.remove-line{border:0;border-radius:5px;color:#9a6459;background:#fff1ec;font-size:23px;line-height:1;padding:3px 9px}.remove-line:hover{background:#fbe1d9}.order-bottom{display:flex;justify-content:space-between;gap:35px}.bottom-note{max-width:320px}.bottom-note p{font-size:12px;margin:12px 0}.totals-box{width:min(100%,370px)}.totals-row{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:20px;color:#6f7e74;font-size:12px}.totals-row strong{color:#304d3d;font-size:13px}.totals-row.input-row label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;white-space:nowrap}.totals-row input{width:126px;min-height:35px;padding:7px 10px;text-align:right}.grand-total{border-top:2px solid #dce6de;padding-top:14px;margin-top:8px;font-weight:800;color:#264d3a}.grand-total strong{font-size:20px;color:var(--forest)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:25px}.panel-pad .form-actions{margin:28px 0 0}.alert{padding:13px 16px;margin:0 0 20px;border:1px solid #d9e6d8;border-radius:8px;background:#f0f7f0;color:#396e4b;font-size:12px}.alert-error{background:#fff0ed;color:#a6453d;border-color:#f3d3ca}.alert-info{background:#f1f6fa;color:#3b6680;border-color:#d6e7f2}.notice-bar{background:#f0f6f0;border-left:3px solid #59896b;color:#567462;border-radius:5px;padding:14px 16px;font-size:12px;margin:-9px 0 22px}.notice-bar strong{color:#2b5a40}.back-link{margin-bottom:15px;font-size:12px;font-weight:700}.heading-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#778a7c}.order-heading{margin-bottom:27px}.detail-grid{grid-template-columns:1.15fr 1fr}.detail-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#8c9c8f;margin-bottom:6px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-grid strong{font-size:12px}.info-grid p{font-size:12px;margin:7px 0 0}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere;color:#5f7767;font-size:12px;line-height:1.65}.overdue-label{display:inline-block;margin-top:5px;color:var(--danger)}.status-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7faf7;padding:15px;border:1px solid var(--line);border-radius:8px;margin:18px 0}.status-overview strong{font-size:12px;display:block}.lifecycle-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.lifecycle-actions form{margin:0}.lifecycle-actions label{min-width:240px}.lifecycle-actions label input{margin:3px 0 8px}.detail-totals{margin:0 22px 23px auto;max-width:295px}.detail-totals div{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;color:#77887b;font-size:12px}.detail-totals strong{color:#2c4836}.detail-totals .detail-grand{border-top:2px solid #dfe7df;margin-top:8px;padding-top:12px;font-size:13px;font-weight:800;color:#264c3b}.detail-totals .detail-grand strong{font-size:21px;color:var(--forest)}.form-stack{display:flex;flex-direction:column;gap:17px;margin-top:20px}.receive-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.receive-row strong{font-size:12px}.receive-row small{display:block;margin-top:3px;color:#9aa79e;font-size:10px}.receive-row label{width:110px}.receive-row input{text-align:right}.separator{height:1px;background:var(--line);margin:21px 0}.activity-list{padding:9px 0}.activity-item{display:flex;gap:13px;position:relative;padding:2px 0 18px}.activity-item:not(:last-child):before{content:'';position:absolute;width:1px;background:#dfebdf;top:15px;bottom:-3px;left:5px}.activity-dot{background:#b2cab8;width:11px;height:11px;border:2px solid #fff;border-radius:50%;outline:1px solid #b4d3b5;flex-shrink:0;margin-top:4px;z-index:1}.activity-item strong{font-size:12px}.activity-item p{font-size:11px;margin:2px 0 3px}.activity-item small{font-size:10px;color:#9bad9c}.narrow-panel{max-width:800px}.attachment-preview{padding:14px;background:#f5f8f5;border:1px solid #e1eae2;border-radius:9px;display:flex;align-items:center;gap:13px}.pdf-icon{width:42px;height:48px;background:#e7eee8;color:#4c704f;border-radius:5px;display:grid;place-items:center;font-weight:900;font-size:11px}.attachment-preview>div{flex:1}.attachment-preview strong{font-size:13px}.attachment-preview small{display:block;color:#91a092;font-size:10px}.inline-form{display:inline;margin-left:8px}.table-action{font-size:11px;font-weight:800;border:0;background:none;color:#356d4d;cursor:pointer;padding:2px}.table-action.subdued{color:#8e9c90}.health-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.health-good{color:#33824c;font-weight:700}.health-warn{color:#aa6e37;font-weight:700}.team-list{margin-top:18px}.team-person{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.team-person>span:nth-child(2){flex:1}.team-person strong{font-size:12px;display:block}.team-person small{font-size:11px;color:#93a598;display:block}.account-overview{display:flex;align-items:center;gap:17px}.account-overview p{margin:5px 0;font-size:12px}.auth-body{min-height:100vh;background:radial-gradient(circle at 77% 0%,#426d50,transparent 50%),linear-gradient(140deg,#163c31,#214d3c 85%)}.auth-wrap{min-height:100vh;max-width:550px;margin:0 auto;padding:60px 25px}.auth-brand{justify-content:center;margin:0 auto 45px}.auth-card{background:#fff;border-radius:15px;padding:38px;box-shadow:0 20px 65px rgba(0,0,0,.17)}.auth-card h1{margin:12px 0 6px}.auth-card .form-stack{gap:22px;margin-top:28px}.auth-card p{font-size:13px}.auth-footnote{text-align:center;margin:25px 0 0;font-size:11px!important}.error-page{max-width:550px;padding:55px 10px}.error-page p{margin:15px 0 24px}
@media(max-width:1260px){.sidebar{width:218px;min-width:218px}.main-content{padding:27px 25px}.stat-grid{gap:10px}.stat-card{padding:18px}.two-column{grid-template-columns:1fr 1fr}.main-form-columns{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-column,.main-form-columns,.detail-grid{grid-template-columns:1fr}.panel{margin-bottom:17px}.sidebar{width:198px;min-width:198px}.sidebar .brand-text{font-size:11px}.topbar{padding:0 20px}.main-content{padding:26px 22px}}@media(max-width:720px){.app-layout{display:block}.sidebar{position:relative;width:100%;min-width:0;height:auto;padding:13px 16px}.sidebar .brand{margin-bottom:13px}.nav-group-label{display:none}.sidebar .nav{flex-direction:row;overflow-x:auto;margin-bottom:6px}.sidebar .nav a{white-space:nowrap;padding:8px 11px;font-size:12px}.sidebar-footer{position:absolute;right:14px;top:18px;border:0;padding:0}.sidebar-footer .avatar,.sidebar-footer .user-summary{display:none}.topbar{height:57px;padding:0 15px}.topbar-label{max-width:160px;line-height:1.7;font-size:8px}.main-content{padding:23px 14px 35px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px}.stat-value{font-size:29px}.stat-foot{font-size:10px}.panel-pad{padding:19px}.panel-head{padding:17px}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.order-bottom{flex-direction:column;gap:10px}.totals-box{margin-left:auto}.filters .search-field{flex:1 1 100%}.info-grid{grid-template-columns:1fr}.heading-actions{width:100%}.auth-wrap{padding:40px 14px}.auth-card{padding:28px}}