:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#2b2d2e;background:#f6f6f6;font-size:16px;--ink:#1d1f1f;--muted:#82898b;--line:#ebecec;--accent:#929799}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c6c9ca;outline-offset:3px}button,select,input,textarea{font-size:.875rem}button{transition:background .15s,box-shadow .15s}button:hover{filter:brightness(.97)}.sidebar{width:252px;background:var(--ink);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 20px 20px;z-index:10}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:650;line-height:1.4;letter-spacing:-.2px;padding:0 9px;font-size:1rem}.brandmark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:46px;background:#fff;color:var(--ink);border-radius:12px;font-size:2rem;font-weight:800;position:relative;flex-shrink:0}.brandmark>span{color:#abafb1;position:absolute;right:3px;bottom:3px;font-size:1.3rem}.workspace{display:flex;gap:12px;align-items:center;border:1px solid #3a3e3f;background:#27292a;border-radius:10px;margin:38px 0 32px;padding:15px}.workspace-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;background:#3c3f40;font-weight:800}.workspace strong,.workspace small{display:block}.workspace small{color:#a4a9aa;font-size:.75rem;margin-top:4px}.nav-label{color:#878e90;font-size:.75rem;font-weight:600;letter-spacing:1.2px;margin:0 12px 14px}nav{display:flex;flex-direction:column;gap:7px}nav button{padding:14px 13px;display:flex;align-items:center;gap:14px;background:none;color:#acb0b1;text-align:left;border-radius:8px;font-weight:550}nav button>span{font-size:1.2rem;width:20px;text-align:center}nav button.active{background:#3c4041;color:#fff;box-shadow:inset 3px 0 #b8bbbc}nav button:hover{background:#2f3233;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #373a3b;padding-top:22px;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#4a4e50;color:#fff;font-size:.875rem;font-weight:650}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:.875rem}.sidebar-foot small{font-size:.75rem;color:#a6abac;margin-top:4px}.sidebar-foot button{background:none;color:#bbbfc0;margin-left:auto;font-size:1.15rem}.pale{background:#f6f6f6;color:#6b7072}.top-avatar{background:#f0f1f1;color:#4d5153;width:33px;height:33px}main{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;flex-shrink:0;background:white;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;color:#808688;font-size:.875rem}.topbar b{margin:0 14px;color:#bfc3c4;font-weight:400}.topbar>div{display:flex;align-items:center;gap:18px}.content{padding:36px 40px 22px;max-width:1600px;width:100%;margin:auto;flex:1}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.eyebrow{font-size:.75rem;letter-spacing:1.8px;font-weight:700;color:#8c9193;margin:0 0 10px}h1{font-size:2rem;line-height:1.25;letter-spacing:-1px;margin:0;font-weight:700}h2{font-size:1.0625rem;font-weight:650;letter-spacing:-.3px;margin:0 0 18px}h3{font-size:.9375rem;font-weight:650;margin:24px 0 10px}.subtitle{color:#858c8e;font-size:.875rem;margin:11px 0 0;line-height:1.6}.head-actions{display:flex;gap:10px;flex-shrink:0}.primary,.outline,.light-button{border-radius:7px;min-height:40px;padding:11px 18px;font-weight:600}.primary{background:#333536;color:white;box-shadow:0 3px 8px #33353612}.outline{background:white;border:1px solid #e4e5e5;color:#494d4e}.subtle{background:none;padding:7px;color:#747a7c;border-radius:5px;font-weight:550}.light-button{background:white;color:#2f3233}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.metric{padding:23px 22px;background:white;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.metric>span{display:block;color:#82898b;font-size:.875rem;font-weight:550}.metric strong{display:block;font-size:1.6rem;letter-spacing:-.7px;margin-top:14px;font-weight:650;overflow-wrap:anywhere}.metric small{display:block;font-size:.75rem;color:#a1a6a7;margin-top:8px}.metric.accent{background:#2e3031;color:white;border-color:#2e3031}.metric.accent>span,.metric.accent small{color:#c6c9ca}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:24px;min-width:0;box-shadow:0 3px 10px #2b2d2e02}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h2{margin:0}.panel-head>span,.muted{color:var(--muted);font-size:.875rem}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:5px 0 8px}.flow>div{border-right:1px solid var(--line);padding-left:8px}.flow>div:last-child{border:0}.flow strong{font-size:1.8rem;display:inline-block;margin-left:10px;letter-spacing:-1px}.flow>div>span:last-child{display:block;color:#919698;font-size:.875rem;margin-top:10px}.flow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.dot-0{background:#b7bbbc}.dot-1{background:#efc06a}.dot-2{background:#abafb0}.dot-3{background:#68b998}.section-divider{height:1px;background:var(--line);margin:26px 0}.project-line{width:100%;display:flex;gap:12px;align-items:center;background:white;text-align:left;border-bottom:1px solid var(--line);padding:15px 0}.project-line:last-child{border:0}.project-monogram{width:40px;height:42px;border-radius:8px;display:grid;place-items:center;background:#f3f4f4;color:#787e80;font-size:.875rem;font-weight:700;flex-shrink:0}.project-line>div:first-of-type{flex:1;min-width:0}.project-line strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.project-line small{display:block;color:#979c9e;font-size:.75rem;margin-top:6px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:5px;font-size:.75rem;font-weight:550;white-space:nowrap}.badge.working{background:#f6f6f6;color:#8d9294}.badge.done{background:#e9f6ef;color:#488a70}.badge.waiting{background:#fff6e5;color:#a88748}.badge.notstarted{background:#f2f2f2;color:#878e90}.mini-progress{width:64px;font-size:.75rem;color:#94999b;text-align:right}.mini-progress progress{height:4px;margin-top:8px}progress{appearance:none;width:100%;height:5px;border:0;border-radius:99px;background:#f2f2f2;overflow:hidden}progress::-webkit-progress-bar{background:#f2f2f2}progress::-webkit-progress-value{background:#a3a8a9;border-radius:99px}progress::-moz-progress-bar{background:#a3a8a9}.dark-panel{background:#292c2d;color:white;padding:27px;border:0;position:relative;overflow:hidden}.dark-panel .eyebrow{color:#b2b6b7}.large-number{font-size:3.9rem;line-height:1;letter-spacing:-3px;display:block;margin:24px 0 15px;color:#fff}.dark-panel h2{margin-bottom:12px}.dark-panel p{font-size:.875rem;color:#bec1c2;line-height:1.7;margin:0 0 23px}.balance-panel h2{margin-bottom:20px}.balance-panel>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:.875rem}.balance-panel>div>span{color:#8e9496;max-width:50%}.balance-panel strong{font-size:.875rem}.balance-panel>small{display:block;font-size:.75rem;color:#9ea3a4;line-height:1.7;margin-top:16px}.activity{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.875rem}.activity:last-child{border:0}.activity>div{flex:1}.activity small{display:block;font-size:.75rem;color:#979c9e;margin-top:5px}.activity time{color:#9ea3a4;font-size:.75rem}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.filters select,.filters input{height:40px;border:1px solid #e4e5e5;border-radius:7px;background:white;padding:8px 10px;max-width:100%;color:#656a6c}.search{position:relative;display:flex;align-items:center;flex:1;min-width:160px}.search input{width:100%;padding-left:32px}.search span{position:absolute;left:11px;font-size:1.3rem;color:#a0a5a7}.date-filter{display:flex;gap:6px;align-items:center}.date-filter>span{font-size:.75rem;color:#929799}.date-filter>span:first-child{max-width:75px}.date-filter input{width:140px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-weight:550;color:#969b9d;font-size:.75rem;padding:13px 12px;background:#fafafa;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;color:#969c9e;font-size:.75rem;margin-top:7px;line-height:1.5}td:first-child{min-width:180px}tfoot td{font-weight:650;background:#f9f9f9;border-bottom:0}.text-link{background:none;padding:0;font-weight:650;color:#45494a;text-align:left;line-height:1.5}.text-link:hover{text-decoration:underline}.person{display:flex;gap:9px;align-items:center;white-space:nowrap}.person .avatar{width:28px;height:28px;font-size:.75rem}.progress-cell{min-width:100px;display:flex;gap:8px;align-items:center;font-size:.75rem;color:#7f8688}.approved{color:#47876c;font-size:.875rem;white-space:nowrap}.count{display:inline-block;color:#919698;background:#f4f5f5;padding:3px 8px;border-radius:5px;margin-left:8px;font-size:.75rem}.empty{text-align:center;padding:40px 16px}.empty-icon{font-size:2rem;color:#9da2a4;display:inline-grid;place-items:center;width:62px;height:62px;background:#f7f7f7;border-radius:16px}.empty h3{margin-top:16px}.empty p{font-size:.875rem;color:#959b9d;line-height:1.7;max-width:380px;margin:8px auto 22px}.back{margin-bottom:20px}.detail-strip{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:24px}.detail-strip>div>span{display:block;color:#989d9f;font-size:.75rem;margin-bottom:12px}.detail-strip strong{font-size:.875rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.completion{color:#888e90;font-size:.875rem!important}.big-progress{height:7px;margin-bottom:16px}.stage{display:flex;align-items:flex-start;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.stage-index{color:#b0b4b6;font-size:.875rem;background:#f5f6f6;border-radius:6px;padding:7px 9px}.stage-info{flex:1;min-width:0}.stage-info strong{font-size:.875rem}.stage-info small{display:block;font-size:.75rem;color:#9ca1a3;margin-top:9px}.stage-info p{font-size:.875rem;color:#8a8f91;line-height:1.6}.stage-status{display:flex;gap:10px;flex-direction:column;align-items:flex-start}.stage-status>label:first-child{font-size:.75rem;color:#979c9e}.stage-status select{display:block;border:1px solid var(--line);background:#fafafa;border-radius:5px;padding:6px;margin-top:5px}.helper{font-size:.75rem;color:#969c9e;line-height:1.7;margin:15px 0}.prewrap{white-space:pre-wrap;font-size:.875rem;color:#838a8c;line-height:1.8;overflow-wrap:anywhere}.chip{display:inline-flex;max-width:100%;align-items:center;gap:8px;text-decoration:none;border:1px solid #e9eaea;background:#fbfcfc;border-radius:6px;color:#676d6f;padding:8px 10px;font-size:.75rem;overflow-wrap:anywhere}.chip>span:last-child{color:#a9adaf}.chip:hover{border-color:#c5c8c9}.drive{color:#619895;font-size:1.15rem}.link-list{display:flex;flex-direction:column;gap:10px}.ledger-item{display:flex;justify-content:space-between;gap:10px;padding:13px 0;font-size:.875rem;border-bottom:1px solid var(--line)}.ledger-item>span{color:#989d9f}.ledger-item strong{font-weight:600}.ledger-item.balance{color:#5d6264}.ledger-item.balance span{color:#5d6264}.ledger-item+.full{margin-top:20px}.approval-item{font-size:.875rem;border-left:2px solid #dee0e0;padding-left:12px;line-height:1.7}.approval-item small{display:block;color:#999ea0;font-size:.75rem}.balance-note{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:20px 24px;border:1px solid #e7e8e9;border-radius:10px;background:#f4f4f4;gap:18px}.balance-note>div{display:flex;flex-direction:column;gap:8px}.balance-note span{font-size:.875rem;color:#8e9496}.balance-note strong{font-size:1.25rem;font-weight:650}.balance-note small{font-size:.75rem;color:#a1a6a8}.debt{color:#ac7650}.credit{color:#458372}.money{white-space:nowrap;font-weight:650}.canceled{opacity:.55}.history-row{border-bottom:1px solid var(--line)}.history-row summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 0;cursor:pointer}.history-row summary>div{flex:1}.history-row strong{font-size:.875rem}.history-row small{display:block;color:#9a9fa0;font-size:.75rem;margin-top:6px}.history-row time{font-size:.75rem;color:#9ba0a1}.change-list{padding:0 0 18px 50px}.change-list>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px;padding:12px;background:#fbfcfc;margin-bottom:5px;font-size:.75rem}.change-list span{overflow-wrap:anywhere;white-space:pre-wrap}.old-value{color:#a48484}.new-value{color:#568579}.user-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:.875rem}.user-row>div{flex:1}.user-row small{display:block;font-size:.75rem;color:#9ba0a2;margin-top:5px}.user-row>span:last-child{color:#8d9294}footer{display:flex;justify-content:space-between;color:#a5aaac;font-size:.75rem;padding:15px 40px 25px}dialog{border:0;border-radius:14px;padding:0;width:min(760px,calc(100% - 30px));max-height:90vh;color:#3e4142;box-shadow:0 30px 100px #1e20203b}dialog::backdrop{background:#1c1e1f75;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-head h2{margin:0}.modal-head button{background:none;font-size:1.5rem;color:#949a9c}.form-body{padding:24px 26px}.form-body>label{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.form-body label{display:block;font-size:.875rem;color:#7c8385;font-weight:500}.form-body input:not([type=checkbox]),.form-body select,.form-body textarea,.login-form input{display:block;width:100%;padding:11px 12px;border:1px solid #e5e6e6;border-radius:7px;background:#fdfefe;color:#424647;margin-top:8px;line-height:1.4}.form-body textarea{resize:vertical}.check{display:flex!important;gap:8px;align-items:center!important;font-size:.875rem!important;font-weight:400!important}.check input{accent-color:#5a5f61;width:16px;height:16px;margin:0;flex-shrink:0}.modal-foot{display:flex;justify-content:flex-end;gap:10px;background:#fbfcfc;padding:18px 26px;border-top:1px solid var(--line);position:sticky;bottom:0}.form-error{font-size:.875rem;color:#ae4949;line-height:1.5;padding:0 26px 14px}.form-error:empty{display:none}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.editor-heading h3{margin:0}.stage-edit{padding:18px;background:#f9f9f9;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.stage-edit .form-grid{margin-bottom:10px}.row-between{display:flex;justify-content:space-between;gap:10px}.danger{color:#ab6868}.link-edit{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:14px}.link-edit button{margin-bottom:1px}.allocation{display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px;align-items:end;margin-bottom:15px}.allocation-summary{padding:12px;background:#f6f6f6;border-radius:5px;font-size:.875rem;color:#7e8587}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{background:#1d1f1f;color:white;padding:65px 12%;position:relative;display:flex;flex-direction:column}.login-brand>p{font-weight:650;font-size:1rem;line-height:1.5;letter-spacing:-.3px}.login-brand h1{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-2px;line-height:1.25;margin:auto 0;padding:60px 0;font-weight:650}.login-footer{font-size:.75rem;letter-spacing:2px;color:#8d9395}.login-form{display:grid;place-items:center;padding:35px}.login-form form{max-width:360px;width:100%}.login-form h2{font-size:1.8rem;letter-spacing:-.8px;margin-top:15px}.login-form p{font-size:.875rem;color:#949a9c;line-height:1.8;margin-bottom:30px}.login-form label{display:block;font-size:.875rem;color:#798082;margin:20px 0}.login-form small{font-size:.75rem;color:#a3a8a9;display:block;text-align:center;margin-top:22px}.login-form .form-error{padding:0 0 16px}.login-form .primary{padding:14px}.loading{display:grid;place-items:center;min-height:100vh;color:#757c7e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 30px);background:#333536;color:#fff;border-radius:8px;padding:14px 22px;font-size:.875rem;box-shadow:0 8px 30px #35373830;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1700px){.content{padding-top:45px}.metrics{gap:24px}.metric{padding:28px}.metric strong{font-size:1.9rem}}@media(max-width:1200px){.sidebar{width:225px}.brand{font-size:.875rem}main{margin-left:225px}.content{padding:28px 24px}.topbar{padding:0 24px}.overview-grid,.detail-grid{grid-template-columns:minmax(0,1fr) 270px}.metric{padding:18px}.metric strong{font-size:1.35rem}.metrics{gap:12px}.project-line .badge{display:none}.date-filter>span:first-child{max-width:none}}@media(max-width:960px){.overview-grid,.detail-grid{grid-template-columns:1fr}.overview-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metrics{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start}h1{font-size:1.7rem}.head-actions{flex-wrap:wrap;justify-content:flex-end}.detail-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filters{align-items:stretch}.detail-grid .panel{margin-bottom:16px}.filters select{max-width:200px}.topbar>span{font-size:.75rem}.balance-note{padding:18px}.balance-note strong{font-size:1.0625rem}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:15px 16px}.brand{font-size:.875rem;padding:0}.brandmark{width:34px;height:36px;font-size:1.65rem;border-radius:8px}.brand br{display:none}.brand>div{font-size:.875rem}.workspace,.nav-label,.sidebar-foot{display:none}nav{flex-direction:row;overflow:auto;gap:5px;margin-top:16px}nav button{white-space:nowrap;font-size:.75rem;padding:10px 12px;gap:7px}nav button>span{font-size:1rem;width:12px}nav button.active{box-shadow:inset 0 -2px #b8bbbc}main{margin-left:0}.topbar{height:56px;padding:0 18px}.topbar>div{gap:9px}.topbar b{margin:0 7px}.topbar .subtle{font-size:.75rem}.content{padding:24px 16px}.page-head{gap:14px;flex-direction:column}.head-actions{justify-content:flex-start;width:100%}.head-actions button{flex:1}.subtitle{font-size:.875rem}.metrics{gap:10px;margin-bottom:20px}.metric{padding:17px 14px}.metric strong{font-size:1.2rem}.metric>span{font-size:.75rem}.metric small{font-size:.75rem}.overview-grid>div{grid-template-columns:1fr}.panel{padding:18px;margin-bottom:18px}.overview-grid{gap:0}.detail-grid>div:last-child{grid-template-columns:1fr}.flow strong{font-size:1.5rem}.flow>div{padding-left:0}.flow>div>span:last-child{font-size:.75rem}.project-line small{font-size:.75rem}.project-line strong{font-size:.875rem}.activity time{max-width:100px;text-align:right;line-height:1.5}.filters select{flex:1;min-width:130px;max-width:100%}.search{width:100%;flex-basis:100%}.date-filter{flex-wrap:wrap;width:100%}.date-filter>span:first-child{width:100%}.date-filter input{flex:1;min-width:100px}.balance-note{grid-template-columns:1fr;gap:15px}.balance-note>div{display:grid;grid-template-columns:1fr auto;gap:5px}.balance-note small{grid-column:1/-1}.detail-strip{padding:18px;gap:22px}.detail-strip>div{width:calc(50% - 15px)}.stage{gap:10px}.stage-status{max-width:105px}.change-list{padding-left:0}.change-list>div{grid-template-columns:1fr 1fr}.change-list strong{grid-column:1/-1}.history-row time{max-width:100px;text-align:right;line-height:1.5}.user-row>span:last-child{max-width:110px;font-size:.75rem}.form-grid{grid-template-columns:1fr}.form-body{padding:20px}.modal-head,.modal-foot{padding:18px 20px}.link-edit{grid-template-columns:1fr auto}.link-edit>label:first-child{grid-column:1/-1}.link-edit>label:nth-child(2){grid-column:1/-1}.link-edit button{justify-self:start}.allocation{grid-template-columns:1fr auto}.allocation>label:first-child{grid-column:1/-1}.login-page{grid-template-columns:1fr}.login-brand{padding:25px 30px}.login-brand h1{display:none}.login-brand>p{position:absolute;left:80px;top:15px;font-size:.875rem}.login-footer{margin-top:24px;font-size:.75rem}.login-form{padding:45px 25px}.login-form h2{font-size:1.6rem}footer{padding:15px 18px;gap:20px;font-size:.75rem}.panel-head{gap:8px}.panel-head .subtle{font-size:.75rem}}
/* Version 2: simpler accounts and readable record history. */
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-tabs{display:flex;gap:8px;border-bottom:1px solid #e6e7e8;margin:0 0 24px}.finance-tabs button{padding:13px 20px;background:none;color:#92989a;font-weight:600;border-bottom:2px solid transparent}.finance-tabs button.active{color:#494d4f;border-bottom-color:#5d6263}.badge.canceled-badge{background:#f9eded;color:#a87373}.invoice-card{border:1px solid #e7e8e9;padding:18px;border-radius:8px;margin-bottom:16px}.invoice-card>.outline{display:block;margin-top:15px}.cancel-summary{font-size:.875rem;color:#a07070;line-height:1.8;background:#fff6f6;padding:12px;border-radius:6px}.cancel-fields{border:1px solid #ecd9d9;background:#fffafa;border-radius:8px;padding:18px;margin:20px 0}.cancel-fields h3{margin-top:0}.cancel-fields>label{margin-bottom:14px}.workspace strong{line-height:1.5;font-size:.875rem}.ledger-item .text-link{font-size:.875rem;text-decoration:underline}.change-list .old-value,.change-list .new-value{white-space:pre-wrap;line-height:1.7;font-size:.875rem}.change-list>div{grid-template-columns:140px 1fr 1fr}.user-row button{white-space:nowrap}.allocation button:disabled{cursor:default}.history-row summary small{line-height:1.6}.detail-grid .helper{line-height:1.8}.metrics .metric strong{font-size:clamp(1.2rem,2vw,1.8rem)}@media(max-width:960px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.metrics{grid-template-columns:1fr}.metrics .metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.metrics .metric strong{margin:0}.metrics .metric small{grid-column:1/-1;margin:0}.finance-tabs button{flex:1;padding:12px 8px}.change-list>div{grid-template-columns:1fr}.change-list strong{grid-column:auto}.user-row{flex-wrap:wrap}.user-row button{margin-left:50px}.user-row>div{min-width:130px}.cancel-fields{padding:14px}.overview-grid .dark-panel{margin-bottom:20px}.topbar>span{max-width:60%;line-height:1.5}.detail-strip strong{line-height:1.6}}
.matching-warning{padding:12px 14px;background:#fff7e9;border:1px solid #f2dfbb;color:#93733c;border-radius:7px;line-height:1.7;font-size:.875rem;margin:16px 0}.invoice-links{padding:12px 0;border-bottom:1px solid #ebecec}.invoice-links h3{margin-top:14px}.invoice-links p{font-size:.875rem;line-height:1.7;color:#858b8d;margin:8px 0}
.unpaid-amount{color:#c1323e!important;font-weight:700!important}.payment-status{display:block;padding:9px 11px;border-radius:6px;text-align:left;background:#fff1f2;font-weight:600;min-width:160px}.payment-status small{font-weight:400;margin-top:5px}.payment-pending{color:#b13e49}.payment-complete{background:#ebf7f1;color:#3b8564}.legacy-pool{padding:18px 22px;border:1px solid #e5e6e7;background:#f6f6f6;border-radius:9px;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:8px}.legacy-pool>span{font-size:.875rem;color:#787f81}.legacy-pool strong{font-size:1.3rem;color:#565b5d}.legacy-pool small{grid-column:1/-1;font-size:.75rem;color:#9ca1a3}.account-bottom{padding:22px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e9eaeb}.account-bottom strong{font-size:1.5rem}.account-bottom span{font-weight:600}.project-invoice-controls{border:1px solid #e7e8e8;background:#fbfcfc;border-radius:8px;padding:18px;margin-top:24px}.project-invoice-controls h3{margin-top:0}.project-invoice-controls .check{margin-bottom:12px}.project-invoice-controls fieldset{border:0;padding:18px 0 0;margin:0}.project-invoice-controls fieldset>label{margin-bottom:16px}.payment-summary{display:flex;justify-content:space-between;gap:18px;padding:16px;background:#f8f8f8;border-radius:7px;margin-bottom:22px}.payment-summary span{font-size:.875rem;color:#8d9395}.payment-summary strong{display:block;margin-top:8px;font-size:1.15rem;color:#444748}@media(max-width:700px){.legacy-pool{grid-template-columns:1fr}.legacy-pool small{grid-column:auto}.account-bottom{align-items:flex-start;flex-direction:column;gap:10px}.payment-summary{flex-direction:column}.simple-accounts th,.simple-accounts td{white-space:nowrap}.simple-accounts td:first-child{white-space:normal}.project-invoice-controls{padding:14px}}

/* Petrol yeşili, petrol mavisi, turkuaz ve turuncu palet. */
:root{color:#234248;background:#edf3f2;--ink:#234248;--muted:#466269;--line:#cddcda;--accent:#ff9a02;--accent-dark:#965400;--teal:#45a1a4;--petrol:#325e6b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#325e6b}
.sidebar,.login-brand{background:var(--ink)}.brandmark>span{color:var(--accent)}
.workspace{background:#325e6b;border-color:#547d87}.workspace-logo{background:#45a1a4;color:#18383d}
.nav-label,.workspace small,.sidebar-foot small,.login-footer{color:#c0d7d7}
nav button{color:#deebea}nav button.active{background:var(--accent);color:#234248;font-weight:700;box-shadow:inset 3px 0 #ffd28e}nav button:hover{background:#325e6b;color:#fff}nav button.active:hover{background:#ffad30;color:#234248}
.sidebar-foot{border-color:#547d87}.sidebar-foot button{color:#deebea}.avatar{background:#325e6b}
.primary{background:var(--accent);color:#234248;font-weight:700;box-shadow:0 4px 12px #ff9a022b}.primary:hover{background:#ffad30}
.outline{border-color:#b9cece;color:#325e6b}.subtle{color:#325e6b}.light-button{background:#fff;color:#234248}
.pale,.top-avatar,.project-monogram{background:#dcefee;color:#325e6b}
.topbar,.eyebrow,.subtitle,.metric>span,.flow>div>span:last-child,th{color:#325e6b}
.metric small,td small,.project-line small,.empty p,.detail-strip>div>span,.stage-info small,.stage-info p,.stage-status>label:first-child,.helper,.prewrap,.ledger-item>span,.history-row small,.history-row time,.user-row small,footer,.invoice-links p,.date-filter>span,.login-form label,.login-form p,.login-form small{color:#466269}
.panel,.metric{border-color:#cddcda;box-shadow:0 4px 16px #23424809}.metric{border-top:4px solid #325e6b}.metric:nth-child(2){border-top-color:#45a1a4}
.metric.accent{background:#234248;border-color:#234248;border-top-color:#ff9a02}.metric.accent>span,.metric.accent small{color:#d9eceb}.metric.accent strong{color:#ffb238}
.dark-panel{background:#325e6b;border:0}.dark-panel .eyebrow,.dark-panel p{color:#d9eceb}.dark-panel .large-number{color:#fff}.dark-panel h2{color:#fff}
.text-link{color:#234248}.completion{color:#325e6b}.dot-2{background:#45a1a4}
progress::-webkit-progress-value{background:#45a1a4}progress::-moz-progress-bar{background:#45a1a4}
.badge.working{background:#dcefee;color:#275b66}.badge.waiting{background:#ffebc9;color:#865000}.badge.notstarted{background:#eaf0ef;color:#466269}
.badge.done,.payment-complete{background:#d9f0e2;color:#155c38}.approved,.credit{color:#246746}.unpaid-amount{color:#b42335!important}
.form-body label{color:#325e6b}.form-body input:not([type=checkbox]),.form-body select,.form-body textarea,.login-form input{background:#fff;color:#234248;border-color:#b9cece}.filters select,.filters input{color:#325e6b}
.check input{accent-color:#325e6b}.chip{background:#edf6f5;color:#325e6b;border-color:#c6dedd}.chip:hover{border-color:#45a1a4}.chip>span:last-child{color:#325e6b}.approval-item{border-left-color:#45a1a4}
.legacy-pool,.allocation-summary{background:#dcefee;border-color:#90c3c3;color:#234248}.legacy-pool>span,.legacy-pool strong{color:#234248}.legacy-pool small{color:#325e6b}
.project-invoice-controls,.modal-foot,.stage-edit,.payment-summary,th,tfoot td{background:#f0f6f5}.project-invoice-controls{border-color:#cddcda}.payment-summary span{color:#466269}.payment-summary strong{color:#234248}
.account-bottom{background:#e5f1ef;margin-top:0;padding:22px 16px;border-radius:0 0 8px 8px}
#toast{background:#234248}.loading{color:#325e6b}
@media(max-width:700px){nav button.active{box-shadow:inset 0 -2px #ffd28e}}