:root{--ink:#18231f;--muted:#66736d;--green:#176b51;--line:#e1e7e3;--canvas:#f4f7f5}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--font-app),Arial,sans-serif;margin:0;font-size:14px}button,select,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dce9e3;z-index:10;background:#112a22;flex-direction:column;width:248px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{color:#112a22;background:#d6a25d;border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:grid}.brand strong{color:#fff;font-size:18px;display:block}.brand small{color:#86a99c;letter-spacing:2px;font-size:9px;display:block}.project-select-label{letter-spacing:1.3px;color:#739587;padding:0 10px 8px;font-size:9px}.project-select{color:#fff;background:#1b3b31;border:1px solid #315247;border-radius:8px;width:100%;margin-bottom:26px;padding:11px}.sidebar nav{gap:4px;display:grid}.nav-item{color:#9fbbb0;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;padding:11px 13px;font-weight:600;display:flex}.nav-item span{text-align:center;width:20px;font-size:17px}.nav-item:hover,.nav-item.active{color:#fff;background:#24483c}.nav-item.active{box-shadow:inset 3px 0 #d6a25d}.sidebar-bottom{margin-top:auto}.user{border-top:1px solid #315047;align-items:center;gap:10px;margin-top:10px;padding:18px 8px 0;display:flex}.user>span{color:#173128;background:#d6a25d;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user div{flex:1}.user strong,.user small{display:block}.user strong{color:#fff;font-size:12px}.user small{color:#789b8e;font-size:10px}.user button{color:#90aa9f;background:0 0;border:0}.content{width:calc(100% - 248px);min-width:0;margin-left:248px}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.crumb{color:#718079;font-size:12px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:38px;height:38px;position:relative}.icon-button i{color:#fff;background:#c94444;border-radius:10px;padding:2px 5px;font-size:9px;font-style:normal;position:absolute;top:-5px;right:-5px}.primary{background:var(--green);color:#fff;border:0;border-radius:7px;padding:11px 16px;font-weight:700;box-shadow:0 3px 8px #176b5120}.page{max-width:1500px;margin:auto;padding:32px 34px 48px}.heading-row{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:1.5px;color:#839189;margin:0 0 7px;font-size:9px;font-weight:800}.heading-row h1{letter-spacing:-.6px;margin:0 0 7px;font-family:Georgia,serif;font-size:29px}.subtitle{color:#7a8881;margin:0;font-size:12px}.health{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:10px 15px;display:flex;box-shadow:0 2px 7px #1d3b3020}.health-dot{background:#d9993c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f7ead5}.health small,.health strong{display:block}.health small{letter-spacing:1px;color:#8a9690;font-size:8px}.health strong{font-size:11px}.metrics{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid;box-shadow:0 3px 14px #1d3b3008}.metric{border-right:1px solid var(--line);padding:20px 22px}.metric:last-child{border:0}.metric p{letter-spacing:1.2px;color:#79867f;margin:0 0 9px;font-size:9px;font-weight:800}.metric>strong{margin-bottom:5px;font-family:Georgia,serif;font-size:24px;display:block}.metric small{color:#84918b;font-size:10px}.metric-bar{background:#edf1ee;border-radius:3px;height:4px;margin:7px 0;display:block}.metric-bar i{background:var(--green);border-radius:3px;height:100%;display:block}.accent-red{color:#b33f3f}.accent-blue{color:#315c8a}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:0 3px 14px #1d3b3008}.card-header{justify-content:space-between;align-items:start;padding:20px 22px 16px;display:flex}.card h2{margin:0 0 4px;font-family:Georgia,serif;font-size:17px}.card-header p,.assistant-title p{color:#829089;margin:0;font-size:10px}.card-header button,.alert-box button{color:var(--green);background:0 0;border:0;font-size:10px;font-weight:700}.phase-head,.phase-row{grid-template-columns:1.35fr 1fr .72fr;align-items:center;gap:22px;padding:0 22px;display:grid}.phase-head{border-block:1px solid var(--line);color:#88958f;letter-spacing:1px;background:#f7f9f8;height:31px;font-size:8px;font-weight:800}.phase-row{border-bottom:1px solid #edf0ee;min-height:58px}.phase-row:last-child{border:0}.phase-row strong,.phase-row small{display:block}.phase-row strong{font-size:11px}.phase-row small{color:#88948f;font-size:9px}.bar,.progress span{background:#edf1ee;border-radius:5px;height:5px;overflow:hidden}.bar i,.progress span i{background:var(--green);border-radius:5px;height:100%;display:block}.progress{align-items:center;gap:8px;display:flex}.progress b{font-size:10px}.progress span{flex:1}.progress.amber span i{background:#cf913c}.progress.blue span i{background:#477ba5}.progress.slate span i{background:#aab4af}.assistant{padding-bottom:14px}.assistant-title{align-items:center;gap:12px;padding:20px;display:flex}.assistant-title>span{color:#e4bc77;background:#173b2e;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.alert-box{border-left:3px solid;border-radius:8px;margin:0 14px 10px;padding:12px 13px}.alert-box>div{gap:8px;display:flex}.alert-box strong{font-size:10px}.alert-box p{color:#67736d;margin:7px 0;font-size:9px;line-height:1.5}.alert-box button{padding:0}.alert-box.red{background:#fff2f1;border-color:#be4d48}.alert-box.amber{background:#fff8eb;border-color:#d6983f}.alert-box.blue{background:#eef6fb;border-color:#477ba5}.transactions{overflow:hidden}.table-row{border-top:1px solid #edf0ee;grid-template-columns:2fr .7fr .7fr .65fr;align-items:center;min-height:55px;padding:12px 22px;display:grid}.table-head{color:#88958f;letter-spacing:1px;background:#f7f9f8;min-height:30px;padding-block:7px;font-size:8px;font-weight:800}.table-row strong,.table-row small{display:block}.table-row strong{font-size:11px}.table-row small{color:#88948f;font-size:9px}.amount{text-align:right;font-family:Georgia,serif;font-weight:800}.badge{border-radius:10px;padding:5px 8px;font-size:9px;font-style:normal}.badge.paid{color:#267259;background:#e9f4ef}.badge.due{color:#9a651d;background:#fff1dc}.badge.review{color:#a84747;background:#f8eaea}.modal-backdrop{z-index:50;background:#10241db3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,100%);padding:25px;box-shadow:0 24px 80px #0005}.modal-head{justify-content:space-between;margin-bottom:22px;display:flex}.modal h2{margin:0;font-family:Georgia,serif;font-size:24px}.modal-head>button{background:#f1f4f2;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.modal label{gap:7px;margin-bottom:15px;font-size:11px;font-weight:700;display:grid}.modal input,.modal select{border:1px solid #dbe2de;border-radius:7px;padding:11px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.secondary{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 16px;font-weight:700}.accent-green{color:var(--green)}.section-card{min-height:360px;overflow:hidden}.section-total{color:var(--green);font-family:Georgia,serif;font-size:16px}.budget-grid{border-top:1px solid #edf0ee;grid-template-columns:1.4fr 1fr .8fr .8fr;align-items:center;gap:22px;padding:14px 22px;display:grid}.budget-head{color:#88958f;letter-spacing:1px;background:#f7f9f8;padding-block:9px;font-size:8px;font-weight:800}.inline-field{display:block;position:relative}.inline-field input{background:#fff;border:1px solid #dbe2de;border-radius:7px;width:100%;padding:9px 30px 9px 10px}.inline-field i{color:#78857f;font-style:normal;position:absolute;top:9px;right:11px}.positive{color:var(--green);font-weight:700}.negative{color:#b33f3f;font-weight:700}.contractor-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.contractor-card{padding:20px}.contractor-avatar{width:40px;height:40px;color:var(--green);background:#e8f1ed;border-radius:10px;place-items:center;margin-bottom:16px;font-weight:900;display:grid}.contractor-card h2{font-size:15px}.contractor-card dl{border-block:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.contractor-card dl div{justify-content:space-between;display:flex}.contractor-card dt{color:#7a8781;font-size:10px}.contractor-card dd{margin:0;font-family:Georgia,serif;font-weight:800}.contractor-card>label{color:#7a8781;letter-spacing:.8px;gap:6px;margin-top:14px;font-size:9px;font-weight:800;display:grid}.contractor-card select{color:var(--ink);background:#fff;border:1px solid #dbe2de;border-radius:7px;padding:9px}.card-header .mini-primary{background:var(--green);color:#fff;border-radius:7px;padding:9px 13px}.table-row.with-action{grid-template-columns:2fr .7fr .7fr .65fr .5fr}.row-action{text-align:right}.row-action button,.text-danger{color:#ad4545;background:0 0;border:0;font-size:10px;font-weight:700}.payment-list{padding:0 22px 18px}.payment-row{border-top:1px solid #edf0ee;grid-template-columns:1.7fr .65fr .55fr .8fr;align-items:center;gap:20px;padding:16px 0;display:grid}.payment-row div strong,.payment-row div small{display:block}.payment-row div small{color:#84918b;margin-top:3px;font-size:9px}.payment-row>.secondary{justify-self:end}.paid-check{color:var(--green);justify-self:end;font-size:10px;font-weight:800}.progress-editor{gap:0;padding:0 22px 20px;display:grid}.progress-control{border-top:1px solid #edf0ee;grid-template-columns:1fr 1.6fr .7fr;align-items:center;gap:22px;padding:18px 0;display:grid}.progress-label{justify-content:space-between;gap:12px;display:flex}.range-control{grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;display:grid}.range-control button{width:30px;height:30px;color:var(--green);background:#fff;border:1px solid #dbe2de;border-radius:7px;place-items:center;font-weight:900;display:grid}.range-control button:hover{background:#eef5f2}.progress-editor input{accent-color:var(--green);width:100%}.progress-editor small{color:#84918b;text-align:right}.upload-button{background:var(--green);color:#fff;cursor:pointer;border-radius:7px;padding:10px 14px;font-size:10px;font-weight:800}.upload-button input{opacity:0;width:1px;height:1px;position:absolute}.empty-state{text-align:center;color:#829089;padding:32px}.documents-empty{padding:72px 30px}.documents-empty strong{color:var(--ink);font-family:Georgia,serif;font-size:18px;display:block}.documents-empty p{font-size:11px}.document-list{padding:0 22px 20px}.document-row{border-top:1px solid #edf0ee;grid-template-columns:34px 1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.document-row>span{width:32px;height:32px;color:var(--green);background:#edf4f1;border-radius:8px;place-items:center;display:grid}.document-row div strong,.document-row div small{display:block}.document-row div small{color:#829089;font-size:9px}.document-row a{text-decoration:none}.notification-menu{border:1px solid var(--line);z-index:20;background:#fff;border-radius:11px;width:310px;padding:12px;position:absolute;top:48px;right:150px;box-shadow:0 18px 48px #142d2440}.notification-menu>strong{padding:7px 9px 10px;font-family:Georgia,serif;display:block}.notification-menu button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-top:1px solid #edf0ee;gap:10px;padding:11px 8px;display:flex}.notification-menu button:hover{background:#f6f9f7}.notification-menu button span{font-size:10px;font-weight:700;display:block}.notification-menu button small{color:#84918b;margin-top:3px;font-size:9px;display:block}.notice-dot{background:#477ba5;border-radius:50%;width:8px;height:8px;margin-top:3px}.notice-dot.red{background:#c44b46}.notice-dot.amber{background:#d49942}.toast{color:#fff;z-index:80;background:#173b2e;border-radius:9px;max-width:420px;padding:13px 16px;font-size:11px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #10291f4d}.info-modal{max-width:480px}.info-content{color:#5f6c66;line-height:1.65}.danger-button{color:#a5423f;background:#fff5f4;border:1px solid #e4b9b7;border-radius:7px;padding:10px 13px;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.assistant{grid-template-columns:repeat(3,1fr);padding:0 8px 12px;display:grid}.assistant-title{grid-column:1/-1}.alert-box{margin:0 5px}.contractor-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{width:72px;padding-inline:9px}.brand div{display:none}.project-select-label,.project-select,.nav-item:not(.active){font-size:0}.brand{padding-inline:7px}.nav-item{justify-content:center}.nav-item.active{font-size:0}.user div,.user button{display:none}.content{width:calc(100% - 72px);margin-left:72px}.topbar{padding:0 16px}.crumb{display:none}.page{padding:22px 16px}.heading-row{display:block}.health{width:max-content;margin-top:16px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric>strong{font-size:19px}.assistant{grid-template-columns:1fr}.table-row{grid-template-columns:1.5fr .7fr .7fr}.table-row>span:nth-child(2){display:none}.phase-head,.phase-row{grid-template-columns:1.5fr 1fr}.phase-head>span:nth-child(2),.phase-row>.bar{display:none}.form-row{grid-template-columns:1fr}.notification-menu{width:min(310px,100vw - 88px);right:0}.contractor-grid{grid-template-columns:1fr}.section-card{overflow-x:auto}.budget-grid{min-width:660px}.payment-list{padding-inline:16px}.payment-row{grid-template-columns:1fr auto;gap:9px}.payment-row>.badge{justify-self:end}.payment-row>strong{grid-column:1}.payment-row>.secondary,.paid-check{grid-area:2/2;justify-self:end}.progress-editor{padding-inline:16px}.progress-control{grid-template-columns:1fr}.progress-editor small{text-align:left}.document-row{grid-template-columns:34px 1fr auto}.document-row .text-danger{text-align:left;grid-column:2}.table-row.with-action{grid-template-columns:1.4fr .7fr .55fr}.table-row.with-action>span:nth-child(2),.table-row.with-action>span:nth-child(3){display:none}.toast{bottom:16px;left:84px;right:16px}}