:root{--ink:#263b37;--muted:#7c8580;--line:#e6e8e2;--green:#285448;--paper:#f8f9f5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #b6cfc4;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #a6bdb2;outline-offset:1px}button{transition:background .15s,transform .15s}svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:36px 20px 0;display:flex;flex-direction:column;z-index:20}.wordmark{font-size:28px;font-weight:850;letter-spacing:-1.4px;display:flex;align-items:center;gap:11px}.wordmark>span{font-size:11px;letter-spacing:.5px;border:1px solid #d6dfd8;border-radius:4px;padding:2px 5px;font-weight:600;color:#638272}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#8c938b;margin:7px 0 37px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#7a837c;font-size:12px;padding:12px 13px;text-align:left;border-radius:6px;margin:3px 0}.nav-item.active{background:#eaf0e8;color:#315343;font-weight:650}.nav-item:hover{background:#f2f5ee}.nav-label{font-size:9px;letter-spacing:1.25px;margin:29px 12px 12px;color:#9ba299;display:flex;justify-content:space-between}.nav-label span{letter-spacing:0}.nav-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;opacity:.6}.nav-divider{border-top:1px solid var(--line);margin:25px 12px 17px}.side-note{margin:auto 12px 26px;padding-top:32px;font-size:9px;letter-spacing:1px;color:#698270}.side-note p{font:italic 16px/1.5 var(--serif);letter-spacing:0;color:#819083;margin-top:13px}.live-dot{display:inline-block;background:#7d9972;width:6px;height:6px;border-radius:50%;margin-right:7px}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:20px 0;min-height:79px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8ece4;color:#58715e;font-size:10px;font-weight:650}.profile b{display:block;font-size:11px}.profile small{font-size:9px;color:#8a9389}.profile a{margin-left:auto;color:#8e998f}.main-shell{margin-left:244px;width:calc(100% - 244px)}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#969d96;font-size:11px}.topbar>span,.topbar>div{display:flex;align-items:center;gap:14px}.topbar b{color:#5b6c5f;font-weight:500}.topbar>div{gap:20px}.private-label{display:flex;gap:7px;align-items:center;font-size:10px}.year-chip{border:1px solid var(--line);border-radius:4px;padding:5px 10px;color:#5f7165;font-size:10px}.main{max-width:1610px;margin:auto;padding:40px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#768375;margin-bottom:11px}h1{font:normal clamp(27px,2.6vw,39px)/1.2 var(--serif);letter-spacing:-.8px}.subtitle{color:#8a9288;margin-top:12px;font-size:11px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;padding:10px 14px;white-space:nowrap;font-size:11px;font-weight:550;min-height:37px}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#1c4137}.secondary{background:white;border:1px solid #dfe4db;color:#526354}.secondary:hover{background:#eff3ea}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:7px;padding:19px 20px}.kpi>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#788478;gap:8px}.kpi>span svg{color:#9aa69a}.kpi h2{font-size:25px;letter-spacing:-.8px;margin-top:15px;font-weight:550;line-height:1.2;white-space:nowrap}.kpi h2 small{font-size:11px;letter-spacing:0;color:#909a8e;font-weight:400}.kpi h2 small:first-child{font-size:13px}.kpi p{font-size:9px;color:#9ca496;margin-top:10px}.overview-middle{display:grid;grid-template-columns:minmax(0,1fr) 283px;gap:20px;margin-bottom:32px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.monthly-panel{padding:22px 24px 15px;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title h2{font-size:13px;font-weight:600;letter-spacing:-.15px}.section-title p{color:#959d91;font-size:10px;margin-top:5px}.legend{display:flex;gap:6px;align-items:center;font-size:9px;color:#8b9588}.legend i{width:6px;height:6px;border-radius:2px;background:#93ac91}.chart{height:197px;position:relative;padding-top:19px;display:flex}.chart-guides{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#b1b7aa;width:42px;padding-bottom:27px}.bars{display:flex;justify-content:space-between;gap:13px;flex:1;min-width:0;background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#f2f4ee 43px,#f2f4ee 44px);background-size:100% calc(100% - 28px);background-repeat:no-repeat}.bar-column{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.bar-slot{height:100%;width:100%;max-width:29px;display:flex;align-items:flex-end}.bar{width:100%;background:#91aa8b;border-radius:3px 3px 0 0;min-height:2px}.bar.empty{background:#d5ded0}.bar-column>span{font-size:8px;color:#9da496;padding-top:10px;line-height:18px}.chart-empty{position:absolute;inset:20px 0 40px 40px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.chart-empty span{font:italic 16px var(--serif);color:#899881;background:#ffffffed;padding:8px 12px}.chart-empty small{font-size:9px;color:#abb4a3;background:#fff;padding:2px 6px}.cycle-panel{padding:23px 24px;background:#eaf0e4;border:1px solid #e1e8d9;border-radius:7px;position:relative;overflow:hidden}.cycle-top{display:flex;justify-content:space-between;color:#6b8261}.cycle-top .eyebrow{font-size:8px;color:#809275}.cycle-panel h2{font:normal 29px/1.15 var(--serif);letter-spacing:-.5px;margin-top:8px;color:#405c3d}.cycle-panel>p{font-size:10px;color:#8b9c80;margin-top:12px;max-width:195px}.cycle-progress{margin-top:24px}.cycle-progress b{font-size:12px;font-weight:600;color:#607a54}.cycle-progress small{font-size:9px;font-weight:400}.cycle-progress>div{height:4px;background:#d6e0ce;margin-top:9px;border-radius:8px;overflow:hidden}.cycle-progress i{display:block;height:100%;background:#769667}.cycle-foot{display:flex;gap:7px;align-items:center;font-size:8px;color:#8ba07d;margin-top:20px}.departments-heading{margin-bottom:15px}.subtle{color:#929d8c;font-size:10px}.department-list{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.dept-row{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid #edf0e8;padding:17px 21px;background:white;text-align:left}.dept-row:last-child{border-bottom:0}.dept-row:hover{background:#fcfdf9}.dept-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center}.dept-name h3{font-size:12px;font-weight:550;color:#455943}.dept-name>span{font-size:10px;color:#a1a995}.dept-amount{margin-left:auto;text-align:right;font-size:11px;color:#7d8a72}.dept-amount small{display:block;font-size:9px;color:#b0b8a5;margin-top:2px}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:4px 9px;font-size:9px;white-space:nowrap;font-weight:500;background:#f1f3ed;color:#8c977e}.dept-row .status{margin-left:22px;min-width:104px}.status.submitted{background:#f6edda;color:#a88846}.status.approved{background:#eaf2e6;color:#64864f}.status.returned{background:#f8e9e2;color:#b57554}.row-arrow{color:#a9b39f;margin-left:6px}.bottom-note{display:flex;gap:8px;color:#a5ad9a;font-size:9px;align-items:center;margin-top:15px}.bottom-note>span:last-child{margin-left:auto;font-size:8px}.main-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#b0b8a6;padding:29px 0 21px;margin-top:28px;border-top:1px solid var(--line)}.main-footer>span:first-child{font-weight:750;letter-spacing:.6px}.main-footer b{font-weight:400;margin-left:12px;letter-spacing:0}.dept-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.dept-toolbar>div{display:flex;gap:14px;align-items:center}.three{grid-template-columns:repeat(3,1fr)}.budget-panel{padding:24px 24px 0}.search{display:flex;gap:10px;align-items:center;color:#9aa38f;max-width:340px;border:1px solid var(--line);border-radius:5px;padding:8px 11px;margin:23px 0}.search input{width:100%;border:0;font-size:10px;background:transparent;outline:none}.empty-state{padding:51px 16px 60px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#9ca58e}.empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f1f5eb;color:#91a37d;margin-bottom:21px}.empty-state h3{font:normal 21px var(--serif);color:#627855;margin-bottom:11px}.empty-state p{font-size:11px;line-height:1.8}.text-button{border:0;background:transparent;color:#587a4b;display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:5px 0}.empty-state .text-button{margin-top:21px}.table-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:9px;color:#a5ad98;gap:20px}.table-scroll{overflow-x:auto;margin:0 -24px}.budget-table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}.budget-table th{background:#f5f7f1;padding:12px;text-align:right;color:#8e9b80;font-weight:500}.budget-table td{padding:15px 12px;border-top:1px solid #edf0e8;text-align:right}.budget-table td:first-child,.budget-table th:first-child{text-align:left;padding-left:24px;min-width:235px}.budget-table td small{display:block;font-size:9px;color:#a3af96;margin-top:3px}.entry-link{background:none;border:0;padding:0;color:#58784c;font-size:11px;text-align:left}.entry-link:hover{text-decoration:underline}.annual{font-weight:650;background:#fafbf6}.type-label{font-size:9px;color:#99a58c}.icon-button{border:0;background:transparent;color:#96a08d;padding:5px;display:inline-flex;align-items:center;justify-content:center}.danger{color:#b1816a}.notice{display:flex;gap:12px;background:#fff5e7;border:1px solid #efdfc1;padding:15px 17px;border-radius:6px;margin-bottom:23px;color:#a58554;font-size:11px}.notice p{white-space:pre-wrap}.notice b{display:block;margin-bottom:5px}.notice.neutral{background:#f0f4eb;color:#899a78;border-color:#e4eadb;margin-top:20px}.users-panel{padding:24px;margin-bottom:24px}.users-panel .section-title{padding-bottom:20px}.user-row{display:flex;gap:14px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.person-initial{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9efe3;color:#7a9167}.user-row b{font-size:12px;font-weight:600}.user-row small{display:block;color:#a4af97;font-size:10px}.user-email{margin-left:auto;font-size:10px;color:#7c906c}.user-email>div{display:flex;gap:12px;align-items:center}.user-row>.status{margin-left:auto}.user-row>.secondary{margin-left:auto;font-size:9px}.activity-panel{padding:24px}.activity-panel .section-title{margin-bottom:25px}.activity-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.activity-dot{height:9px;width:9px;border-radius:50%;background:#b3c49e}.activity-row b{font-size:12px;font-weight:500}.activity-row p{color:#a1ac95;font-size:10px;margin-top:3px}.activity-row>small{margin-left:auto;text-align:right;font-size:9px;color:#a7b098}.toast{position:fixed;bottom:28px;right:28px;background:#2b4c39;color:#fff;border-radius:7px;box-shadow:0 8px 30px #233b292b;z-index:100;padding:17px 20px;display:flex;gap:20px;align-items:center;max-width:min(560px,calc(100% - 40px));font-size:12px}.toast button{border:0;background:none;color:white}.modal-backdrop{position:fixed;inset:0;background:#23372880;backdrop-filter:blur(3px);z-index:60;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border-radius:10px;width:740px;max-height:93vh;overflow-y:auto;padding:28px;box-shadow:0 20px 80px #20361d30}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.modal-header .eyebrow{margin-bottom:5px}.modal-header h2{font:normal 25px var(--serif);color:#425e37}.small-modal{width:460px}.modal form>label,.modal fieldset>label{display:block;margin-top:17px}.modal label{font-size:11px;color:#82926f}.modal input:not([type=checkbox]),.modal select,.modal textarea{display:block;width:100%;border:1px solid #dfe6d7;border-radius:5px;padding:10px;margin-top:7px;color:#4f663f;background:#fff;font-size:12px}.modal textarea{resize:vertical}.modal label small{font-size:9px;color:#a6b296;display:block;margin-top:6px}.modal fieldset{border:0;padding:0;margin:0}.modal fieldset:disabled input,.modal fieldset:disabled textarea,.modal fieldset:disabled select{background:#f5f7f1}.modal fieldset:disabled button{display:none}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.month-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:13px}.month-heading b{font-size:11px;color:#6a8056;font-weight:500}.month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px 10px}.month-grid label{font-size:10px}.month-grid input{font-size:11px!important;padding:9px 7px!important}.entry-total{display:flex;justify-content:space-between;background:#f0f4e9;padding:13px 15px;border-radius:5px;margin-top:18px;color:#7e9468;font-size:11px}.entry-total b{color:#54783e;font-size:13px}.modal-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.checkbox-label{display:flex!important;gap:8px;align-items:center}.form-note{font-size:10px;color:#a1b08e;margin-top:18px}.login{min-height:100vh;background:radial-gradient(ellipse at 85% 50%,#dce6d3,transparent 55%),#f6f8f1;padding:48px 8%;display:flex;flex-direction:column}.login-brand{font-size:28px;font-weight:800;letter-spacing:-1.2px}.login-brand span{display:block;font-size:8px;letter-spacing:2px;color:#849773;margin-top:5px;font-weight:400}.login section{margin:auto 0;padding:80px 0;max-width:620px}.login h1{font-size:clamp(40px,5vw,66px);line-height:1.1;color:#34522b}.login section>p:not(.eyebrow){margin-top:26px;max-width:420px;color:#8b9c7b;line-height:1.8;font-size:14px}.login .primary{margin-top:33px;padding:14px 20px;font-size:12px}.login .primary span{margin-left:20px}.login small{display:block;font-size:10px;color:#98a889;margin-top:13px}.login footer{font-size:10px;color:#9aac8b}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:30px;text-align:center}.loading p{color:#899b78}.loading h1{font-size:30px}.spin{animation:spin 1.3s linear infinite;color:#90a67b}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main{padding:48px 52px 0}.kpi{padding:23px}.kpi h2{font-size:29px}.overview-middle{grid-template-columns:minmax(0,1fr) 320px}.chart{height:215px}.dept-row{padding:19px 24px}}@media(max-width:1180px){.sidebar{width:205px;padding:28px 14px 0}.main-shell{margin-left:205px;width:calc(100% - 205px)}.main{padding:30px 25px 0}.topbar{padding:0 25px}.kpi{padding:16px 13px}.kpi h2{font-size:21px}.kpi>span{font-size:9px}.overview-middle{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.cycle-panel{padding:20px}.cycle-panel h2{font-size:26px}.dept-row{gap:12px;padding:16px}.dept-row .status{margin-left:10px}.bottom-note>span:last-child{display:none}.subtitle{max-width:430px}.bars{gap:8px}.legend{display:none}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.overview-middle{grid-template-columns:1fr}.cycle-panel{display:none}.dept-toolbar{flex-direction:column;align-items:flex-start}.user-row{flex-wrap:wrap}.user-email{margin-left:0;flex:1;min-width:170px}.three{grid-template-columns:repeat(3,1fr)}.table-foot{flex-direction:column;gap:5px}.page-heading{align-items:flex-start}.topbar .private-label{display:none}}@media(max-width:680px){.sidebar{width:64px;padding:23px 8px 0}.wordmark{font-size:0;gap:0;justify-content:center}.wordmark:before{content:'S';font-size:27px;letter-spacing:-2px;color:#315543}.sidebar .wordmark>span,.workspace-label,.nav-label,.nav-dot,.side-note,.profile>div,.profile>a{display:none}.nav-item{font-size:0;padding:13px;gap:0;justify-content:center}.sidebar nav{margin-top:30px}.nav-divider{margin:22px 3px}.profile{margin-top:auto;justify-content:center}.main-shell{margin-left:64px;width:calc(100% - 64px)}.topbar{height:57px;padding:0 17px;font-size:9px}.topbar>span{gap:7px}.topbar>div{display:none}.main{padding:26px 17px 0}.page-heading{flex-direction:column;gap:16px;margin-bottom:24px}h1{font-size:29px}.subtitle{font-size:10px;line-height:1.8}.kpi-grid{gap:10px}.kpi h2{font-size:20px}.kpi p{font-size:8px;line-height:1.5}.kpi>span{font-size:9px}.kpi>span svg{display:none}.kpi{padding:15px 12px}.kpi h2 small{font-size:9px}.monthly-panel{padding:17px 13px}.chart{height:180px}.chart-guides{width:25px;font-size:7px}.bars{gap:6px}.bar-column>span{font-size:7px}.chart-empty{left:20px}.chart-empty span{font-size:13px}.chart-empty small{font-size:8px;max-width:190px;text-align:center}.dept-row{gap:10px;flex-wrap:wrap;position:relative;padding:14px}.dept-name{flex:1}.dept-name h3{font-size:11px}.dept-name>span{font-size:9px}.dept-icon{width:32px;height:32px}.dept-amount{margin-left:42px;min-width:90px;text-align:left;font-size:10px}.dept-row .status{margin-left:auto;min-width:0;font-size:8px}.row-arrow{position:absolute;right:13px;top:20px;width:15px}.dept-name{padding-right:15px}.department-list{margin-top:5px}.bottom-note{font-size:8px;align-items:flex-start}.section-title h2{font-size:12px}.section-title p{font-size:9px}.section-title .subtle{font-size:8px}.main-footer{font-size:7px}.main-footer>span:last-child{display:none}.three{grid-template-columns:1fr}.three .kpi{display:flex;justify-content:space-between;align-items:center}.three .kpi h2{margin:0}.button-row{flex-wrap:wrap;gap:8px!important}.dept-toolbar>div:first-child{flex-wrap:wrap;gap:8px}.budget-panel,.users-panel,.activity-panel{padding:17px}.budget-panel .section-title,.users-panel .section-title{align-items:flex-start;flex-direction:column;gap:14px}.empty-state{padding:30px 5px}.empty-state h3{font-size:19px}.empty-state p{font-size:10px}.table-scroll{margin:0 -17px}.modal-backdrop{padding:10px}.modal{padding:20px;max-height:96vh}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.month-grid{grid-template-columns:repeat(3,1fr)}.month-heading{align-items:flex-start;gap:10px;flex-direction:column}.modal-header h2{font-size:23px}.modal-actions{gap:8px}.modal-actions .primary,.modal-actions .secondary{font-size:10px;padding:9px}.user-row{gap:10px}.user-email{min-width:100%;order:3}.activity-row p{word-break:break-word}.activity-row>small{min-width:62px}.notice{font-size:10px}.loading .wordmark{font-size:28px}.loading .wordmark:before{display:none}.login{padding:30px 8%}.login h1{font-size:43px}}
