:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243c35;background:#f5f7f5;font-synthesis:none;--green:#214f40;--muted:#809087;--line:#e4e9e5;--orange:#e9ad54}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #e9ad54;outline-offset:3px}.layout{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#153e34;color:#c0d1c9;padding:33px 20px;display:flex;flex-direction:column;position:fixed;width:238px;height:100vh}.brand{display:flex;gap:11px;align-items:center;color:white;font-size:27px;font-weight:750;letter-spacing:-1px;padding:0 13px}.brandmark{width:31px;height:34px;display:grid;place-items:center;border:2px solid #d8b56c;color:#d8b56c;font-size:22px;transform:skewY(-8deg)}.brand small{display:block;font-size:9px;letter-spacing:2.7px;color:#8da99a;margin-top:6px}.workspace{margin:33px 8px 25px;border:1px solid #456457;border-radius:8px;padding:13px;font-size:12px;display:flex;gap:11px;align-items:center}.workspace b{display:block;color:white;font-size:12px;margin-bottom:4px}.workspace span{font-size:10px;color:#96b1a3}.nav-label{font-size:9px;letter-spacing:1.8px;margin:12px 14px;color:#779a87}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin:3px 0;border-radius:6px;background:transparent;color:#b6cbbf;text-align:left;font-size:12px}.nav-item svg{width:17px;height:17px}.nav-item.active{background:#31594b;color:#fff}.nav-item:hover{background:#2b5144}.nav-item .count{margin-left:auto;background:#d9b879;color:#193d30;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-bottom{margin-top:auto;font-size:11px;border-top:1px solid #35594a;padding-top:22px}.profile{display:flex;gap:10px;align-items:center}.avatar{background:#dce5d7;color:#2b4a39;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:bold}.profile b{display:block;color:#f4f6f2;font-size:11px}.profile small{display:block;color:#99b2a2;margin-top:5px}.main{grid-column:2;min-width:0}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}.breadcrumb{color:#91a096}.breadcrumb b{font-weight:500;color:#344f42;margin-left:13px}.top-actions{display:flex;align-items:center;gap:22px}.date{color:#7e8e84;font-size:11px}.iconbutton{background:none;color:#5b7164;padding:4px;position:relative}.iconbutton svg{width:19px;height:19px}.dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#d4a852;top:4px;right:5px}.content{max-width:1600px;margin:auto;padding:32px 38px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}h1{font-size:25px;letter-spacing:-.7px;margin:0 0 9px;font-weight:650}h2{font-size:14px;font-weight:650;margin:0}p.sub{font-size:11px;color:#87958c;margin:0;line-height:1.7}.eyebrow{font-size:10px;color:#87958c;margin-bottom:9px}.btn{padding:11px 15px;background:var(--green);color:white;border-radius:6px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn svg{height:14px;width:14px}.btn.secondary{background:white;color:#49604f;border:1px solid #dce3dc}.btn:hover{filter:brightness(.95)}.actions{display:flex;gap:9px}.demo-banner{display:flex;gap:8px;align-items:center;background:#edf1e9;color:#62715b;font-size:10px;border:1px solid #e0e7da;padding:9px 13px;border-radius:6px;margin-bottom:22px}.demo-banner span{margin-left:auto;color:#8d987f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 20px}.stat-label{font-size:10px;color:#829087;display:flex;justify-content:space-between;align-items:center}.stat-icon{background:#eff4ef;color:#607a66;border-radius:6px;padding:7px;display:grid;place-items:center}.stat-icon svg{width:15px;height:15px}.stat-value{font-size:28px;margin:9px 0;font-weight:650;letter-spacing:-1px}.stat-foot{font-size:9px;color:#92a094}.stat-foot b{font-weight:500;color:#4b815d;margin-right:4px}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.card{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:20px 21px}.card-head p{margin:6px 0 0;font-size:10px;color:#95a095}.linkbutton{background:transparent;color:#5a7760;font-size:10px;padding:3px}.chart{padding:0 22px 14px;height:213px}.chart svg{width:100%;height:100%;overflow:visible}.legend{display:flex;gap:15px;align-items:center;font-size:9px;color:#8d998f}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:#97a197;padding:0 20px}.overview{padding:0 22px 21px}.ring{width:133px;height:133px;border-radius:50%;margin:8px auto 20px;background:conic-gradient(#325c46 0 66.67%,#dfb361 66.67% 83.33%,#ce7c67 83.33%);display:grid;place-items:center}.ring-inner{width:105px;height:105px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:29px;font-weight:650}.ring-inner span{font-size:9px;font-weight:400;color:#8c9a90;margin-top:4px}.status-line{display:flex;justify-content:space-between;margin:12px 0;font-size:10px;color:#7b8e80}.status-line i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.project-area{margin-top:24px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-toolbar h2 span{font-size:10px;font-weight:400;color:#99a399;margin-left:7px}.filter-row{display:flex;gap:9px}.filter-row input,.filter-row select{background:white;border:1px solid var(--line);border-radius:5px;padding:8px 10px;font-size:10px;color:#6d7e70}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#8c9b90;background:#f9faf8;font-weight:500;padding:13px 17px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 17px;border-bottom:1px solid #edf0eb;color:#728275;vertical-align:middle}tr:last-child td{border-bottom:0}.project-name{display:flex;gap:10px;align-items:center}.project-symbol{display:grid;place-items:center;min-width:33px;height:34px;background:#f1f3eb;color:#7f9473;border-radius:6px}.project-symbol svg{width:17px;height:17px}td strong{font-size:11px;font-weight:600;display:block;color:#3e5946;margin-bottom:5px}td small{font-size:9px;color:#99a499}.badge{font-size:9px;border-radius:4px;padding:5px 7px;white-space:nowrap;display:inline-block;background:#eff2ee;color:#73836d}.badge.On-track,.badge.Approved,.badge.Active,.badge.Done{background:#edf4ec;color:#5d8562}.badge.At-risk,.badge.Pending,.badge.Maintenance,.badge.In-progress{background:#faf2e2;color:#b28a43}.badge.Delayed,.badge.Rejected,.badge.High{background:#f8eae5;color:#be7e6c}.progress-text{display:flex;justify-content:space-between;color:#57705b;font-size:9px;margin-bottom:6px;gap:20px}.progress{height:4px;background:#edf0e8;border-radius:3px;min-width:80px}.progress div{height:4px;border-radius:3px;background:#739370}.rail{display:flex;flex-direction:column;gap:22px}.pending-item{padding:14px 20px;border-top:1px solid #edf0eb}.pending-item .small-label{font-size:8px;color:#a4ad9f;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.pending-item b{font-size:11px;font-weight:500;display:block;color:#4f6654;line-height:1.6}.pending-item p{font-size:9px;color:#9aa594;margin:7px 0}.pending-item .badge{margin-top:2px}.pending-bottom{padding:15px;text-align:center;border-top:1px solid var(--line)}.activity{padding:2px 20px 20px}.activity-row{display:flex;gap:10px;padding-top:17px;font-size:10px;line-height:1.6}.activity-bullet{width:7px;height:7px;min-width:7px;border-radius:50%;background:#89a17f;margin-top:5px}.activity-row p{margin:0;color:#7a8c7b}.activity-row small{font-size:9px;color:#a4afa2}.footer{display:flex;justify-content:space-between;margin-top:24px;color:#a0ab9d;font-size:9px}.empty{text-align:center;padding:55px 20px;color:#91a18e;font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#102c2466;z-index:20;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{background:white;border-radius:12px;width:min(630px,100%);max-height:90vh;overflow:auto;box-shadow:0 22px 90px #102c2440}.modal-header{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px}.modal-header button{background:none;font-size:24px;color:#88998c}.form-grid{padding:24px 26px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6c806e}.field input,.field select,.field textarea{border:1px solid #dce5da;border-radius:6px;padding:10px;width:100%;background:#fcfdfa;color:#294b35;font-size:12px}.field.wide{grid-column:1/-1}.modal-footer{padding:18px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-error{color:#b75a42;font-size:11px;padding:0 26px}.detail-hero{padding:25px;background:#f4f7ef;border-bottom:1px solid var(--line)}.detail-body{padding:25px;line-height:1.9;font-size:12px}.detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-body dt{font-size:10px;color:#8c9a87}.detail-body dd{margin:0;color:#3e6047}.login{min-height:100vh;display:grid;place-items:center;background:#153e34}.login .card{width:380px;padding:35px}.login h1{margin:20px 0}.login label{display:block;margin:15px 0}.login input{width:100%;padding:12px;border:1px solid #d8e1d5;border-radius:6px}.login .btn{width:100%;margin-top:15px}#toast{position:fixed;bottom:25px;right:25px;background:#214f40;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 8px 30px #183d3320;z-index:40;font-size:12px;display:none}.tabbar{display:flex;gap:5px;margin-bottom:20px}.tabbar button{padding:9px 13px;border-radius:5px;background:#eaf0e6;color:#628063;font-size:11px}.tabbar button.active{background:#244f3d;color:white}.summary-note{padding:18px 22px;background:#eef3e8;font-size:12px;line-height:1.8;border-radius:7px;margin-bottom:20px;color:#6a7e61}.mobile-brand{display:none}@media(min-width:1500px){.grid-main{grid-template-columns:minmax(0,1fr) 330px}.content{padding-top:40px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.layout{grid-template-columns:200px 1fr}.content{padding:25px}.grid-main{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:25px}}@media(max-width:750px){.sidebar{position:static;width:100%;height:auto;padding:16px;display:block}.layout{display:block}.brand{font-size:23px}.workspace,.sidebar-bottom,.nav-label{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.nav-item{width:auto;white-space:nowrap;font-size:10px;padding:9px}.nav-item svg{display:none}.main{width:100%}.topbar{height:54px;padding:0 18px}.date{display:none}.content{padding:22px 16px}.page-heading{align-items:flex-start}h1{font-size:22px}.actions{flex-direction:column}.btn{font-size:10px;padding:9px}.stats{grid-template-columns:1fr 1fr}.stat-value{font-size:26px}.rail{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.section-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.demo-banner{line-height:1.6}.demo-banner span{display:none}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.top-actions{gap:12px}.footer{gap:12px}.chart{height:190px}}

.workspace svg{width:20px;height:20px;flex-shrink:0}