:root{--green-900:#173c2a;--green-800:#22533a;--green-700:#2c6a49;--green-100:#e9f2eb;--cream:#f5f6f1;--surface:#fff;--text:#172019;--muted:#657168;--border:#dce4dc;--red:#b42318;--red-bg:#fef0ed;--orange:#a15c00;--orange-bg:#fff4df;--blue:#1769aa;--shadow:0 8px 24px rgba(20,45,28,.08);--radius:12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--cream)}body{font-size:15px}a{color:var(--green-700)}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--green-900);color:#fff;display:flex;flex-direction:column;padding:18px 14px;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:4px 4px 20px}.brand-mark,.login-logo{display:grid;place-items:center;background:#fff;color:var(--green-900);font-weight:700;border-radius:10px}.brand-mark{width:42px;height:42px}.brand-copy{display:flex;flex-direction:column}.brand-copy span{opacity:.72;font-size:13px}.main-nav{display:grid;gap:4px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:0;border-radius:9px;color:#fff;text-decoration:none;background:transparent;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13)}.nav-submenu{display:grid;padding:2px 0 6px 18px}.nav-submenu a{color:rgba(255,255,255,.8);text-decoration:none;padding:8px 12px;border-left:1px solid rgba(255,255,255,.2)}.nav-submenu a:hover{color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding:16px 8px 2px;display:flex;justify-content:space-between;gap:10px}.sidebar-footer a{color:#fff}.workspace{min-width:0}.topbar{height:66px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:25}.topbar h1{font-size:20px;font-weight:600;margin:0}.topbar-user{margin-left:auto;color:var(--muted)}.icon-button{border:0;background:transparent;color:inherit;min-width:42px;min-height:42px;border-radius:8px;cursor:pointer}.icon-button:hover{background:rgba(0,0,0,.06)}[data-sidebar-open],.sidebar-close{display:none}.page-content{padding:22px;max-width:1600px;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-header h2{margin:0;font-size:20px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 14px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);text-decoration:none;cursor:pointer}.button:hover{background:#f7faf7}.button-primary{background:var(--green-700);border-color:var(--green-700);color:#fff}.button-primary:hover{background:var(--green-800)}.button-danger{color:var(--red);border-color:#edc5c0}.button-small{min-height:34px;padding:6px 10px;font-size:13px}.button-block{width:100%}.alert{padding:11px 13px;border-radius:9px;margin-bottom:14px}.alert-success{background:var(--green-100);color:var(--green-900)}.alert-error{background:var(--red-bg);color:var(--red)}.alert-warning{background:var(--orange-bg);color:var(--orange)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-stack{display:grid;gap:14px}label,.field-label{display:grid;gap:6px;font-weight:600;color:#314137}input,select,textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd7cd;border-radius:8px;background:#fff;color:var(--text)}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(44,106,73,.2);border-color:var(--green-700)}.field-help{color:var(--muted);font-size:13px;font-weight:400}.field-span-2{grid-column:span 2}.checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 18px}.check{display:flex;align-items:center;gap:7px;font-weight:400}.check input{width:18px;min-height:18px}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}.data-table td.number,.data-table th.number{text-align:right;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1ee}.status-green{background:#e2f4e6;color:#1f6b34}.status-orange{background:var(--orange-bg);color:var(--orange)}.status-red{background:var(--red-bg);color:var(--red)}.status-blue{background:#e7f2fb;color:var(--blue)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{width:auto;min-width:150px}.empty{text-align:center;color:var(--muted);padding:34px 14px}.section-title{margin:22px 0 10px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.metric span{display:block;color:var(--muted);margin-bottom:6px}.metric strong{font-size:22px;font-variant-numeric:tabular-nums}.login-page{background:linear-gradient(145deg,#edf3ed,#f9faf7)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:28px}.login-logo{width:56px;height:56px;background:var(--green-900);color:#fff;margin-bottom:16px}.login-card h1{font-size:23px;margin:0 0 6px}.login-card>p{color:var(--muted);margin:0 0 22px}.password-field{display:grid;grid-template-columns:1fr auto}.password-field input{border-radius:8px 0 0 8px}.password-field button{border:1px solid #cbd7cd;border-left:0;background:#f5f7f5;border-radius:0 8px 8px 0;padding:0 12px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,70%) minmax(300px,30%);gap:16px}.dashboard-main{display:grid;align-content:start;gap:14px}.finance-rail{display:grid;align-content:start;gap:10px}.selector{display:grid;grid-template-columns:44px 1fr 44px;background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.selector button{border:0;background:#fff;min-height:42px;cursor:pointer}.selector strong{text-align:center;align-self:center}.finance-summary{display:grid;gap:8px}.finance-line{display:flex;justify-content:space-between;gap:8px}.finance-line strong{font-variant-numeric:tabular-nums}.donut-card svg{width:100%;height:auto;max-height:220px}.donut-legend{display:grid;gap:5px}.donut-link{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;text-decoration:none;color:inherit;padding:4px;border-radius:6px}.donut-link:hover{background:#f0f5f0}.swatch{width:9px;height:9px;border-radius:50%}.warning-list{display:grid;gap:8px}.warning-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--border);border-radius:9px}.muted{color:var(--muted)}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:10px 13px;text-decoration:none;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--green-700);border-bottom-color:var(--green-700)}.item-row{display:grid;grid-template-columns:120px 120px minmax(160px,1fr) 100px 120px 130px 44px;gap:8px;align-items:end;margin-bottom:8px}.dynamic-section{border-left:3px solid var(--green-700);padding-left:14px;margin-top:16px}.hidden{display:none!important}.sidebar-backdrop{display:none}
@media(max-width:1050px){.dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(280px,36%)}.item-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:min(310px,88vw);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-close,[data-sidebar-open]{display:inline-grid;place-items:center}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:35}.topbar{padding:0 12px}.topbar-user{display:none}.page-content{padding:14px}.dashboard-layout{display:block}.finance-rail{margin-top:14px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.field-span-2{grid-column:auto}.cards{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr}.table-wrap{overflow:visible}.data-table.responsive thead{display:none}.data-table.responsive,.data-table.responsive tbody,.data-table.responsive tr,.data-table.responsive td{display:block;width:100%}.data-table.responsive tr{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:8px}.data-table.responsive td{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;border:0;padding:6px}.data-table.responsive td::before{content:attr(data-label);font-weight:600;color:var(--muted)}.data-table.responsive td.number{text-align:left}.filters input,.filters select{width:100%}.page-header{align-items:flex-start}.page-actions{justify-content:flex-end}}
@media(max-width:480px){.item-row{grid-template-columns:1fr}.login-card{padding:22px}.page-header{display:grid}.page-actions{justify-content:stretch}.page-actions .button{flex:1}.data-table.responsive td{grid-template-columns:1fr}.form-footer{display:grid}.form-footer .button{width:100%}}