:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#303331;background:#f7f7f4;font-synthesis:none;--ink:#303331;--muted:#767b76;--line:#e2e4dd;--paper:#fff;--wash:#f2f3ee;--sage:#7e9186;--blue:#687f98;--amber:#926e30;--red:#a24c45;--radius:12px}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #97acb6;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #97acb6;outline-offset:1px}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:550;line-height:1.2;letter-spacing:-1.15px}h2{font-size:20px;font-weight:550;letter-spacing:-.5px}h3{font-size:15px;font-weight:600}small{font-size:11px}svg{display:block;width:20px;height:20px;flex-shrink:0}button{color:inherit}label{display:block;font-size:12px;font-weight:550;line-height:1.4}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #dcded7;border-radius:7px;background:white;padding:11px 12px;margin-top:7px;color:var(--ink)}input:disabled{background:#f3f4ef;color:#74796f}textarea{min-height:88px;resize:vertical}input[type=range]{padding:0}input[type=checkbox]{width:auto;margin:0}input[type=file]{padding:18px;background:#f8f9f5}input[type=number]{font-variant-numeric:tabular-nums}.skip{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.loading{padding:10vh;text-align:center;color:var(--muted)}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:650;letter-spacing:-.7px}.brand img{width:31px;height:34px}.brand small{font-family:Consolas,monospace;font-size:9px;font-weight:400;letter-spacing:.8px;border:1px solid var(--line);padding:3px 6px;border-radius:4px;margin-left:9px;color:var(--muted)}.eyebrow{font:10px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border-radius:7px;border:1px solid #dcded7;background:white;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#f0f2ec}.btn.primary{background:#303631;color:white;border-color:#303631}.btn.primary:hover{background:#464e47}.btn.subtle{background:transparent;border-color:transparent}.btn.danger{color:var(--red);border-color:#eddcd8}.btn.small{font-size:11px;padding:7px 11px}.btn.full{width:100%;padding:13px}.btn svg{width:15px;height:15px}.icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:7px;width:33px;height:33px;cursor:pointer}.icon-btn:hover{background:var(--wash)}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.error{font-size:12px;color:#a13f36;background:#fff2ef;border-radius:7px;padding:10px 12px;margin:10px 0}.error:empty{display:none}.notice{font-size:12px;color:#6b746c;background:#f0f3ef;border:1px solid #e2e7df;border-radius:8px;padding:12px 15px}.notice.warning{color:#8a662d;background:#faf5e9;border-color:#eee5d3}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:10px;background:#f7f8f4;color:#71766e;white-space:nowrap}.tag:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.tag.blue{color:#5d7892;background:#f1f5f8;border-color:#e2e8ee}.tag.green{color:#637b6b;background:#f1f5ef;border-color:#e0e8dc}.tag.amber{color:var(--amber);background:#faf5e9;border-color:#ece3cd}.tag.red{color:var(--red);background:#fcf1ed;border-color:#efdfd8}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#e9ede5;color:#687461;font-size:11px;font-weight:550}.rule{height:1px;background:var(--line);margin:22px 0}.space{height:20px}.help{color:var(--muted);font-size:11px;margin-top:7px;font-weight:400}.text-link{background:none;border:0;padding:0;color:#526b60;font-size:12px;text-decoration:underline;text-underline-offset:3px}.negative{color:var(--red)}.positive{color:#597260}
/* Sign in */
.auth-page{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:#fff}.auth-story{padding:42px 9%;background:#eeefe8;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100vh;border-right:1px solid #e0e3d9}.auth-story>.brand{margin-bottom:64px}.auth-copy{max-width:470px}.auth-copy h1{font-size:clamp(34px,3.7vw,55px);line-height:1.08;letter-spacing:-2.3px;margin:16px 0 22px;font-weight:500}.auth-copy h1 span{color:#7d897e}.auth-copy p{max-width:345px;font-size:14px;color:#737a70;line-height:1.75}.auth-visual{margin:45px 0 35px;position:relative;max-width:470px;padding:28px 0 18px;background-image:linear-gradient(#dce0d444 1px,transparent 1px),linear-gradient(90deg,#dce0d444 1px,transparent 1px);background-size:23px 23px}.diagram-card{background:#fbfcf8;border:1px solid #d9ded2;border-radius:10px;box-shadow:0 8px 22px #37463207}.diagram-main{margin:0 20px;padding:20px;position:relative;z-index:1}.diagram-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:550;margin-bottom:17px}.diagram-header .mini-icon{background:#e7ece1;color:#647361;padding:5px;border-radius:5px;margin-right:7px}.diagram-header>span{display:flex;align-items:center}.diagram-header svg{width:13px;height:13px}.diagram-row{display:flex;align-items:center;gap:14px;margin:12px 0}.diagram-row>span{width:83px;font-size:9px;color:#868c7f}.diagram-track{height:12px;background:repeating-linear-gradient(90deg,#f0f2ea 0,#f0f2ea calc(25% - 1px),#e6eadd calc(25% - 1px),#e6eadd 25%);flex:1;position:relative}.diagram-bar{position:absolute;top:2px;bottom:2px;background:#98a38e;border-radius:2px}.diagram-branches{height:25px;width:55%;border-left:1px solid #bcc5b5;border-right:1px solid #bcc5b5;border-top:1px solid #bcc5b5;margin:25px auto 0;position:relative}.diagram-branches:before{position:absolute;content:'';height:25px;width:1px;background:#bcc5b5;left:50%;bottom:100%}.diagram-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 12px}.diagram-bottom>div{padding:15px;font-size:11px;display:flex;align-items:center;gap:10px}.diagram-bottom svg{width:17px;height:17px;color:#858e7d}.diagram-bottom small{display:block;font-size:9px;color:#959b8e;margin-top:2px}.auth-foot{margin-top:auto;color:#90978b;font-size:10px;display:flex;justify-content:space-between;gap:10px}.auth-panel{padding:44px 9%;display:flex;flex-direction:column;justify-content:center;position:relative}.auth-status{position:absolute;top:40px;right:10%;display:flex;gap:7px;align-items:center;color:#8b9288;font:10px Consolas,monospace;text-transform:uppercase;letter-spacing:.9px}.auth-status i{height:5px;width:5px;border-radius:50%;background:#94a588}.auth-form{width:100%;max-width:355px;margin:0 auto}.auth-form h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:15px 0 12px}.auth-intro{font-size:13px;color:var(--muted);margin-bottom:30px;line-height:1.7}.auth-form label{margin-top:18px;font-size:12px}.auth-form input{padding:13px}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap .icon-btn{position:absolute;right:7px;top:8px;color:#858a82}.auth-form .btn.full{margin-top:24px}.auth-note{font-size:11px;color:#9a9e95;text-align:center;max-width:320px;margin:22px auto 0;line-height:1.65}.auth-return{text-align:center;font-size:11px;margin-top:42px;color:#858c81}.auth-return a{display:inline-flex;align-items:center;gap:6px}.auth-return svg{width:12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-form .two-fields label{font-size:11px}
/* Workspace */
.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#f5f6f1;border-right:1px solid var(--line);padding:25px 17px 17px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 10px 24px;font-size:24px}.company-chip{margin:6px 0 26px;padding:14px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.company-logo{width:33px;height:33px;border:1px solid #d9dfd2;border-radius:8px;display:grid;place-items:center;color:#708066;background:#eaf0e3;font-size:11px}.company-chip strong{display:block;font-size:11px;font-weight:550;max-width:137px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-chip small{display:block;font-size:10px;color:#969b91}.nav-label{padding:0 12px;font:9px Consolas,monospace;color:#979d92;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:9px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;color:#7e8679;font-size:12px;margin:3px 0}.nav-link svg{width:17px;height:17px}.nav-link:hover{background:#ecefe6;color:#374231}.nav-link.active{background:#e7ebe0;color:#3f4a37;font-weight:550}.nav-link.disabled{opacity:.4;pointer-events:none}.sidebar-bottom{margin-top:auto;padding-top:22px}.local-note{padding:15px 12px;border:1px solid #e1e5d9;background:#f1f3eb;border-radius:8px;margin-bottom:20px;color:#929a88;font-size:10px;line-height:1.7}.local-note strong{display:block;color:#737e68;font-size:11px;margin-bottom:3px}.user-chip{display:flex;align-items:center;gap:9px;padding:0 7px}.user-chip>div:nth-child(2){min-width:0;flex:1}.user-chip strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip small{color:#92998c;font-size:10px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;gap:10px;font-size:11px;color:#92998c}.breadcrumbs{display:flex;align-items:center;gap:13px;min-width:0}.breadcrumbs span:last-child{color:#616c59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-right .tag{border:none;background:transparent;color:#85927b;font-size:10px}.topbar-right time{font-size:10px}.content{padding:35px 36px 40px;max-width:1590px;margin:0 auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.page-title .eyebrow{margin-bottom:9px;font-size:9px}.page-title h1{font-size:28px;font-weight:500}.page-title .subtitle{margin-top:9px;color:#8b9284;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:24px;overflow:hidden}.metric{padding:20px 22px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border-right:0}.metric .label{font-size:11px;color:#8d9586}.metric .value{font-size:28px;letter-spacing:-1px;line-height:1.4;font-weight:500;margin:7px 0 2px;white-space:nowrap}.metric .caption{font-size:10px;color:#969d90}.metric .caption.negative{color:var(--red)}.metric .caption.positive{color:#657e5a}.panel{background:white;border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid #eef0e9;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:14px;letter-spacing:-.2px;font-weight:550}.panel-head p{font-size:10px;color:#969d8f;margin-top:5px}.panel-body{padding:22px}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.project-card{background:white;border:1px solid var(--line);border-radius:11px;padding:24px;text-align:left;transition:box-shadow .2s,transform .2s;display:block}.project-card:hover{box-shadow:0 8px 24px #33442a0a;transform:translateY(-2px);border-color:#c9d2bf}.project-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.project-card .project-icon{width:42px;height:42px;display:grid;place-items:center;background:#f0f3e9;border:1px solid #e4e9da;border-radius:9px;color:#8a9a76}.project-card h2{font-size:20px;margin:4px 0}.project-card p{font-size:11px;color:#909889}.project-card .card-stats{display:flex;justify-content:space-between;margin:25px 0 16px;padding-top:19px;border-top:1px solid #ecf0e5;font-size:11px;color:#969e8d}.project-card .card-stats strong{display:block;font-size:17px;font-weight:500;color:#4f5c44;margin-top:5px}.project-card footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#79886c;margin-top:13px}.progress-track{height:5px;background:#eef1e7;border-radius:4px;overflow:hidden}.progress-track span{display:block;background:#a0af8e;height:100%;border-radius:4px}.empty{padding:58px 24px;text-align:center;max-width:600px;margin:auto}.empty .empty-icon{margin:0 auto 20px;display:grid;place-items:center;width:52px;height:52px;border:1px solid #dfe5d6;background:#f3f6ec;border-radius:12px;color:#97a385}.empty h2{font-size:22px}.empty p{color:#929a88;font-size:13px;margin:12px auto 22px;max-width:400px}.empty .actions{justify-content:center}.section-note{font-size:10px;color:#969d90;margin-top:16px;line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.search{position:relative;width:260px}.search input{margin:0;padding:8px 11px 8px 34px;font-size:11px;background:#fafbf7}.search svg{position:absolute;left:11px;top:10px;width:14px;height:14px;color:#a2aa99}.toolbar select{margin:0;width:auto;font-size:11px;padding:8px 30px 8px 10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font:9px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.5px;color:#969e8e;background:#fafbf7;padding:12px 18px;white-space:nowrap;font-weight:400}td{padding:16px 18px;border-top:1px solid #eef1e8;vertical-align:middle;color:#717d65}td strong{font-size:11px;font-weight:550;color:#45523a;display:block}td small{display:block;font-size:9px;color:#a0a994;margin-top:4px}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fafcf6}.table-progress{display:flex;align-items:center;gap:10px;min-width:90px;font-size:10px}.table-progress .progress-track{width:55px;height:4px}.legend{display:flex;align-items:center;gap:15px;font-size:9px;color:#929c87;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:9px;height:6px;border-radius:2px;background:#879d76}.legend i.actual{background:#bac6ae}.legend i.forecast{background:#74896c}.legend i.baseline{background:#d9ded2}.chart-row{display:grid;grid-template-columns:132px minmax(40px,1fr) 73px;gap:14px;align-items:center;margin:20px 0}.chart-row .chart-label{font-size:10px;color:#758168}.chart-row .chart-values{font:10px Consolas,monospace;color:#96a088;text-align:right}.bar-group{position:relative;height:29px}.bar-group div{height:7px;border-radius:2px;position:absolute;left:0;max-width:100%}.bar-group .budget{background:#d8e0cf;top:1px}.bar-group .forecast{background:#7f9472;top:12px}.bar-group .actual{background:#acbc9d;top:23px;height:4px}.financial-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.financial-summary>div{padding:15px 0;border-bottom:1px solid #eef0e9;font-size:11px;color:#929c87}.financial-summary strong{display:block;font-size:21px;font-weight:500;color:#59694b;margin-top:8px}.balance-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2eb;font-size:11px;color:#8c9780}.balance-row strong{font-weight:550;color:#536448}.balance-row.total{border-top:1px solid #dfe6d6;border-bottom:0;margin-top:5px}.attention-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f2eb}.attention-item:last-child{border:0}.attention-icon{width:26px;height:26px;border-radius:6px;background:#faf5e8;display:grid;place-items:center;color:#a4854e;flex-shrink:0}.attention-icon svg{width:14px;height:14px}.attention-item strong{display:block;font-size:11px;color:#6e725e;font-weight:550}.attention-item p{font-size:10px;color:#a0a48e;margin-top:4px}.attention-item button{margin-left:auto}.timeline-table{min-width:760px}.timeline-table th:first-child{width:215px}.timeline-cell{min-width:330px}.timeline{position:relative;height:31px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#eef1e8 calc(25% - 1px),#eef1e8 25%)}.timeline .baseline{position:absolute;top:6px;height:5px;background:#dce2d3;border-radius:2px;min-width:3px}.timeline .forecast{position:absolute;top:15px;height:8px;background:#94a684;border-radius:2px;min-width:3px}.timeline .forecast.late{background:var(--chart-late)}.timeline .today{position:absolute;top:0;bottom:0;border-left:1px dashed #c3a873}.timeline-months{display:flex;justify-content:space-between;gap:12px}.timeline-months span{font-size:9px;white-space:nowrap}.kanban{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px}.kanban-col{background:#eff2e9;border:1px solid #e4e9dc;border-radius:9px;padding:12px;min-height:350px}.kanban-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 4px 14px;color:#8a977d}.kanban-title span{font:10px Consolas,monospace;color:#9ca58f}.package-card{display:block;width:100%;background:white;border:1px solid #e0e7d8;border-radius:7px;padding:14px;text-align:left;margin-bottom:10px;cursor:grab}.package-card:focus-visible{outline:3px solid #97acb6;outline-offset:3px}.package-card.dragging{opacity:.45;cursor:grabbing}.kanban-col.drop-target{background:#e6ecdd;border-color:#a3b494;box-shadow:inset 0 0 0 1px #a3b494}.package-card:hover{border-color:#b8c6ab}.package-card strong{display:block;font-size:12px;font-weight:550;color:#596a49;margin:8px 0}.package-card p{font-size:10px;color:#9aa68e}.package-card footer{margin-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#91a07e}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{padding:0 1px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#89967b;font-size:12px}.tabs button.active{color:#516941;border-bottom-color:#6f865a}.activity-item{display:flex;gap:14px;border-bottom:1px solid #eff1e9;padding:17px 0}.activity-dot{width:6px;height:6px;border-radius:50%;background:#9cac8c;flex-shrink:0;margin-top:7px}.activity-item strong{font-size:12px;font-weight:500;color:#758368}.activity-item p{font-size:10px;color:#a2ad96;margin-top:4px}
/* Forms and dialogs */
dialog{border:1px solid #dce1d4;border-radius:13px;padding:0;max-height:90vh;width:min(690px,calc(100% - 36px));background:white;box-shadow:0 20px 90px #26312130;color:var(--ink)}dialog::backdrop{background:#28332555;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{font-size:21px}.dialog-head .eyebrow{font-size:9px;margin-bottom:5px}.dialog-body{padding:24px 26px;max-height:calc(90vh - 175px);overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:11px;color:#7c8970}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;color:#48573b}.form-section{grid-column:1/-1;font:10px Consolas,monospace;letter-spacing:1px;color:#9aa78c;text-transform:uppercase;padding-top:14px;border-top:1px solid #edf1e6;margin-top:5px}.form-footer{padding:17px 26px;background:#fafbf8;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-footer .btn{padding:10px 18px}.dialog-body .notice{margin-bottom:20px}.inline-key{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#859276;margin:0 0 18px}.import-summary{padding:15px;background:#f1f5e9;border:1px solid #e1e9d4;border-radius:8px;font-size:12px;color:#748564;margin:20px 0}.import-preview{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px}.import-preview table{font-size:10px}.import-preview th,.import-preview td{padding:8px 10px}.password-hint{font-size:10px;color:#979f8d;margin:8px 0 0}.detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;background:#f8faf3;border:1px solid #e5eadc;border-radius:8px;margin-bottom:24px}.detail-strip small{display:block;color:#94a285;font-size:9px}.detail-strip strong{font-size:17px;font-weight:500;color:#5d714b;display:block;margin-top:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#37402f;color:white;padding:12px 21px;border-radius:8px;font-size:12px;box-shadow:0 5px 25px #27332225;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.footline{display:flex;justify-content:space-between;gap:10px;font:9px Consolas,monospace;text-transform:uppercase;letter-spacing:.7px;color:#a3ad97;margin-top:30px}.summary-chip{padding:8px 12px;border:1px solid #e2e9d9;border-radius:7px;font-size:10px;background:#f8faf5;color:#8b9b7b}
/* Charcoal, stone and white; colour is reserved for status and charts. */
:root{--ink:#333531;--muted:#70746d;--line:#e0e1da;--sage:#858f87;--blue:#687e91;--chart-plan:#d5d6ce;--chart-forecast:#5f8068;--chart-actual:#2f3833;--chart-late:#c29a4e}
.shell{--line:#e0e1da}.sidebar{background:#f3f3f0}.content{background:#f8f8f5}.auth-story{background:#eeeee9}.auth-copy h1,.sidebar .brand,.metric .value{color:#343731}.auth-copy h1 span{color:#7b8277}
.nav-link.active{background:#e5e6df;color:#393e34}.nav-link{color:#6d7465}.nav-link:hover{background:#e9ebe4}.local-note{background:#efefea;border-color:#dedfd8}.company-logo,.avatar{background:#e9ebe5;border-color:#d8dbd1;color:#65705b}
.topbar,.company-chip small,.user-chip small,.metric .label,.metric .caption,.panel-head p,.page-title .subtitle,.project-card p,.project-card .card-stats,.project-card footer,.section-note,.help,.eyebrow,.nav-label,.local-note,.local-note strong,.footline{color:#74786f}
.chart-row .chart-label,.chart-row .chart-values,.financial-summary>div,.balance-row,.legend,.attention-item p,.package-card p,.package-card footer,.kanban-title,.kanban-title span,.activity-item p,.form-grid label,.form-section,.password-hint,.detail-strip small,.auth-note,.auth-return,.auth-status,.auth-foot,.diagram-row>span,.diagram-bottom small{color:#74786f}
.project-card .card-stats strong,.financial-summary strong,.balance-row strong,.attention-item strong,.package-card strong,.activity-item strong,.detail-strip strong,.form-grid input,.form-grid select,.form-grid textarea,td strong{color:#3e4439}
.project-card .project-icon,.empty .empty-icon{background:#f0f1eb;border-color:#e0e2d8;color:#7c8970}.project-card{border-color:#e0e2d8}.project-card:hover{border-color:#bfc7b5;box-shadow:0 8px 24px #33372c0a}.empty p{color:#74786f}
.kanban-col{background:#f0f0eb;border-color:#e0e2d8}.package-card{border-color:#dedfd7}.package-card:hover{border-color:#bcc4b2}.tabs button{color:#707969}.tabs button.active{color:#3e4934;border-bottom-color:#7c8a6a}
.table-scroll table{font-size:12px}th{color:#71786a;background:#f7f8f3;font-size:10px}td{color:#68715e;border-top-color:#ebede5}td strong{font-size:12px}td small{color:#7b8470;font-size:10px}.chart-row .chart-label,.chart-row .chart-values,.legend{font-size:11px}
.bar-group .budget,.legend i.baseline{background:var(--chart-plan)}.bar-group .forecast,.legend i.forecast{background:var(--chart-forecast)}.bar-group .forecast.over,.legend i.late{background:var(--chart-late)}.chart-row .chart-values.negative{color:var(--red)}.bar-group .actual,.legend i.actual{background:var(--chart-actual)}.timeline .baseline{background:var(--chart-plan)}.timeline .forecast{background:var(--chart-forecast)}.progress-track{background:#e9ece3}.progress-track span{background:#8e9b81}
.diagram-card{background:#fcfcf9;border-color:#dadfd1}.diagram-track{background:repeating-linear-gradient(90deg,#eeefe7 0,#eeefe7 calc(25% - 1px),#dfe4d4 calc(25% - 1px),#dfe4d4 25%)}.diagram-bar{background:#99a492}.diagram-header .mini-icon{background:#eaede3;color:#738268}.diagram-bottom svg{color:#829076}
.detail-strip{background:#f6f8f1;border-color:#e2e8d8}.form-section{border-top-color:#e8ece0}.form-grid label,.form-grid input,.form-grid select,.form-grid textarea{font-size:12px}.import-summary{background:#f0f3eb;border-color:#dee5d4;color:#637553}.notice{color:#69785c;background:#f0f3eb;border-color:#e0e6d7}.notice.warning{color:#89692f;background:#faf5e9;border-color:#eee5d3}
.metric .caption.negative,.negative{color:var(--red)}.metric .caption.positive,.positive{color:#637950}.mobile-logout{display:none}.error{color:#973e35}#toast{background:#343b2d}.auth-form .btn.primary{background:#30372b;border-color:#30372b}.auth-form .btn.primary:hover{background:#444d3c}
@media(max-width:780px){.tabs{gap:15px;overflow-x:auto}.tabs button{white-space:nowrap}.auth-note{max-width:340px}}
@media(min-width:1550px){.content{padding:42px 50px}.auth-story{padding-left:15%;padding-right:15%}.auth-panel{padding:44px 15%}}
@media(max-width:1100px){.shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding:23px 12px}.content{padding:28px 24px}.topbar{padding:0 24px}.metric{padding:18px 16px}.metric .value{font-size:23px}.grid-two{grid-template-columns:1fr}.auth-story{padding:35px 8%}.auth-story>.brand{margin-bottom:50px}.auth-copy h1{font-size:40px}.auth-panel{padding:35px 12%}.diagram-bottom{gap:15px}.diagram-bottom>div{padding:12px;font-size:10px}.auth-foot{display:block}.auth-foot span{display:block;margin-top:7px}}
@media(max-width:780px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:0;padding:24px 28px}.auth-story>.brand{margin:0}.auth-copy,.auth-visual,.auth-foot{display:none}.auth-panel{min-height:calc(100vh - 90px);padding:65px 28px 40px}.auth-status{top:20px;right:28px;font-size:9px}.auth-form{max-width:380px}.topbar{height:48px;padding:0 20px}.topbar-right time{display:none}.topbar-right{gap:7px}.content{padding:25px 20px}.page-title{align-items:flex-start;flex-direction:column;gap:16px}.page-title h1{font-size:26px}.page-title .actions{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric .value{font-size:26px}.grid-equal{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-section{grid-column:auto}.chart-row{grid-template-columns:110px minmax(40px,1fr) 60px;gap:9px}.panel-head{padding:17px}.panel-body{padding:17px}.legend{gap:9px}.footline{line-height:1.7;flex-direction:column}.dialog-head{padding:20px}.dialog-body{padding:20px}.dialog-head h2{font-size:19px}.detail-strip{grid-template-columns:1fr 1fr 1fr}.detail-strip strong{font-size:15px}}
.sidebar button.nav-link{width:100%;border:0;background:transparent;text-align:left}.sidebar button.nav-link:hover{background:#e9ebe4}
.sidebar{overflow-y:auto}.development-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f0f1eb;border:1px solid #dfe2d7;border-radius:9px;padding:18px 22px;margin-bottom:23px}.development-summary strong{display:block;font-size:17px;font-weight:500;margin:4px 0}.development-summary p{font-size:11px;color:#72796a}.development-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.development-context small{display:block;font:9px Consolas,monospace;letter-spacing:1px;color:#808873}.development-context strong{display:block;font-size:12px;font-weight:500;margin-top:6px}.approval-flow{padding:25px;margin-bottom:24px}.approval-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--step-count),minmax(135px,1fr));gap:17px;overflow-x:auto;padding-bottom:12px}.approval-journey li{position:relative;padding-top:5px}.approval-journey li:after{content:'';height:1px;background:#dfe3d6;position:absolute;left:43px;right:0;top:21px}.approval-journey li:last-child:after{display:none}.step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8dece;border-radius:50%;font:10px Consolas,monospace;color:#8d987e;background:#f9fbf4;margin-bottom:14px}.step-number svg{width:14px;height:14px}.approval-journey .recorded .step-number{background:#e5ece0;color:#536b46;border-color:#c8d7be}.approval-journey strong{font-size:12px;font-weight:550;display:block}.approval-journey p{font-size:10px;color:#7e8972;margin-top:6px;max-width:150px}.approval-journey small{display:block;font-size:9px;color:#7b866e;margin-top:12px}.certificate-stage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.certificate-stage:first-child{padding-top:0}.certificate-stage h3{margin-top:5px}.certificate-stage p{color:#7b8570;font-size:11px;margin-top:6px}.certificate-stage>div:first-child{flex:1}.certificate-detail{flex-basis:100%;padding:14px;background:#f6f8f1;border:1px solid #e5eadc;border-radius:7px}.certificate-detail strong{font-size:11px;font-weight:550}.integration-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;cursor:pointer;font-size:13px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.source-grid h3{margin:7px 0 13px;font-size:13px}.source-grid p{font-size:11px;color:#7b856f;margin:13px 0}.source-grid small{display:block;margin-top:13px;font-size:10px;color:#8b947f}.package-choices{border:1px solid #e1e6d7;padding:14px;border-radius:8px;margin:0}.package-choices legend{font-size:11px;padding:0 5px;color:#7d896f}.package-choice{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:400}.package-choice input{width:auto;margin:0}.claim-context{padding:15px;background:#f5f7ef;border:1px solid #e1e7d6;border-radius:8px;margin-bottom:20px}.claim-context strong{font-size:13px;font-weight:550}.claim-context p{font-size:11px;color:#7c8870;margin-top:6px}.claim-context .actions{margin-top:12px}.claim-scope{margin-top:9px;font-size:10px;color:#7b8770}
@media(max-width:900px){.source-grid{grid-template-columns:1fr}.development-summary{align-items:flex-start;flex-direction:column}.development-context{gap:16px}.approval-flow{padding:18px}.approval-journey{grid-template-columns:repeat(var(--step-count),150px)}}

.claim-package-row{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) minmax(160px,1fr) auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e4e8dc}.claim-package-row:first-child{padding-top:0}.claim-package-row:last-child{border-bottom:0}.claim-package-row small{font:9px Consolas,monospace;color:#7f8a73;letter-spacing:1px}.claim-package-row h3{margin-top:4px;font-size:13px}.claim-package-row strong{display:block;font-size:12px;font-weight:500;margin-top:5px}.claim-package-row p{font-size:11px;color:#7d8771;margin-top:5px}.claim-package-row .actions{justify-content:flex-end}
@media(max-width:1200px){.claim-package-row{grid-template-columns:1fr 1fr}.claim-package-row .actions{justify-content:flex-start}}
@media(max-width:600px){.claim-package-row{grid-template-columns:1fr}}
.sidebar .company-chip{margin-bottom:12px}.sidebar .portfolio-nav{display:block;margin:0 0 8px}.sidebar .portfolio-nav .nav-link{font-weight:550}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Entity, company and project lists */
.project-link{color:inherit;text-decoration:none}.project-link:hover strong,.project-link:focus-visible strong{text-decoration:underline}.project-table .btn svg{width:14px;height:14px}
/* Onboarding: role summary on the first-sign-in page, and the admin set up checklist */
.welcome-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.welcome-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#4d534c}.welcome-list svg{width:18px;height:18px;flex:none;color:var(--sage);margin-top:2px}.checklist-item .attention-icon{font:600 12px/1 Inter,"Segoe UI",Arial,sans-serif}.checklist-item.done strong{color:var(--muted)}
.checklist-item>.tag,.checklist-item>a.btn{margin-left:auto}
/* The left-hand ribbon stays down to small tablets; only phones get the top strip of tabs. */
.user-chip{gap:6px}.user-chip .icon-btn{width:26px;height:26px;flex:none}
@media (min-width:641px) and (max-width:780px){.shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{padding:20px 10px}.user-chip .avatar{display:none}}
@media (max-width:640px){.mobile-logout{display:flex}.shell{display:block}.sidebar{height:auto;position:relative;display:block;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{padding:0;font-size:21px}.sidebar .company-chip,.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:3px;overflow-x:auto;margin-top:17px}.sidebar nav .nav-link{white-space:nowrap;padding:8px 11px;font-size:10px;gap:7px;margin:0}.sidebar nav .nav-link svg{width:14px;height:14px}.sidebar button.nav-link{width:auto}.sidebar .portfolio-nav{margin:16px 0 0}.sidebar .portfolio-nav .nav-link{width:max-content;padding:10px 12px;font-size:12px}}
/* Entity and company logos */
.company-logo.has-image{background:#fff;padding:3px;overflow:hidden}.company-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.org-title{display:flex;align-items:center;gap:12px}.org-logo{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px;flex:none}.logo-field .logo-label{display:block;font-size:11px;color:#7c8970;font-weight:550}.logo-row{display:flex;gap:14px;align-items:flex-start;margin-top:8px}.logo-preview{width:72px;height:72px;border:1px dashed #d2d6cc;border-radius:10px;display:grid;place-items:center;background:#fff;flex:none;overflow:hidden;font-size:10px;text-align:center;padding:4px}.logo-preview img{max-width:64px;max-height:64px;object-fit:contain}
/* Drill-down navigation: the app opens on an entity, then its companies, then their projects */
a.company-chip{color:inherit;text-decoration:none}a.company-chip:hover{background:#e9ebe4}a.company-chip.active{background:#e5e6df}
.side-nav .nav-label{margin:20px 0 7px}.side-nav .nav-label:first-child{margin-top:4px}.nav-text{min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nav-current{padding:0 12px 5px;font-size:12px;font-weight:600;color:#393e34;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-note{padding:3px 12px;margin:0;font-size:11px;color:#74786f}
.nav-mark{width:18px;height:18px;flex:none;border:1px solid #d8dbd1;border-radius:5px;background:#e9ebe5;color:#65705b;display:grid;place-items:center;font-size:7px;font-weight:650;overflow:hidden}.nav-mark.has-image,.page-logo.has-image{background:#fff;padding:1px}.nav-mark img,.page-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.project-table th{white-space:normal}.project-table td>.tag{margin-top:6px}@media (max-width:1000px){.project-table .wide-only{display:none}.project-table th,.project-table td{padding-left:12px;padding-right:12px}}.org-cell{display:flex;align-items:center;gap:11px}.org-cell .nav-mark{width:30px;height:30px;border-radius:7px;font-size:10px}.page-title .org-title{gap:16px}.page-logo{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#e9ebe5;border-color:#d8dbd1;color:#65705b;font-size:17px;font-weight:600}.page-logo.has-image{padding:5px}
.breadcrumbs>*{white-space:nowrap}.breadcrumbs a{min-width:0;overflow:hidden;text-overflow:ellipsis}.breadcrumbs span{flex:none}.breadcrumbs span:last-child{flex:0 1 auto;min-width:0}
@media (max-width:640px){.topbar-right .tag{display:none}.breadcrumbs{gap:9px}.side-nav{display:flex;gap:3px;overflow-x:auto;margin-top:17px}.side-nav nav{display:contents}.side-nav .nav-current,.side-nav .nav-note{display:none}.sidebar .nav-mark{width:15px;height:15px;font-size:6px}.page-logo{width:44px;height:44px;font-size:14px}}
/* The construction program groups its procurement, progress claims, variations and finance pages. */
.nav-group{margin:0 0 3px 20px;padding-left:9px;border-left:1px solid var(--line)}.nav-group .nav-link{padding:8px 10px;margin:2px 0}.nav-link.within{color:#393e34;font-weight:550}
@media (max-width:640px){.nav-group{display:contents}}
/* A subcontractor's sidebar names the builder or developer it works for. */
.portal-builder{display:flex;align-items:center;gap:9px;padding-bottom:14px}.portal-builder span{overflow:hidden;text-overflow:ellipsis}
/* The approved baseline, and feasibility and BoQ versions compared line by line. */
.baseline-note strong{margin-right:6px;color:var(--ink)}.baseline-note a{text-decoration:underline;text-underline-offset:3px}
.chart-label small{display:block;font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline-select{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:550}.inline-select select{margin:0;width:auto;max-width:260px;font-size:11px;padding:7px 30px 7px 10px}
.segmented{display:inline-grid;grid-auto-flow:column;gap:3px;padding:3px;background:#f0f2ec;border:1px solid var(--line);border-radius:8px}.segmented button{border:0;border-radius:6px;background:transparent;padding:6px 10px;font-size:11px;font-weight:550;color:var(--muted)}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 0 0 1px #dcded7}
.compare-summary{padding:14px 18px;font-size:11px;color:var(--muted);border-bottom:1px solid #eef1e8}.compare-summary strong{display:inline;font-weight:600}
.compare-table tr.removed td{background:#fcf6f4}.compare-table tr.added td{background:#f5f8f3}.was{color:var(--muted);text-decoration:line-through;margin-right:4px}.estimate-loading{padding:18px}
.version-table td:nth-child(2){min-width:260px;max-width:460px}.version-table td:first-child{min-width:170px}
.gst-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-12px 0 24px;font-size:12px;color:var(--muted)}.gst-line .btn{margin-left:auto}
[hidden]{display:none!important}
.choice-row{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0 22px;min-width:0}.choice-row legend{font-size:12px;font-weight:550;padding:0;margin-bottom:2px}
.abn-check{display:flex;gap:10px;align-items:flex-end}.abn-check label{flex:1;min-width:0}.abn-check .btn{min-height:42px}
.abn-record{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fafbf7;margin-top:10px;display:grid;gap:6px}.abn-record.warning{border-color:#eee5d3;background:#faf5e9}.abn-record-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.abn-record strong{font-size:14px;overflow-wrap:anywhere}
.abn-record dl,.review-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:4px 0 0}.abn-record dt,.review-facts dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.abn-record dd,.review-facts dd{margin:2px 0 0;font-size:12px;overflow-wrap:anywhere}.abn-record .wide-fact{grid-column:1/-1}
.review-facts{margin:14px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fafbf7}
@media (max-width:560px){.abn-record dl,.review-facts{grid-template-columns:1fr}.abn-check{flex-direction:column;align-items:stretch}}