:root{color:#14211d;background:#f4f0e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #14211d;--muted: #66736d;--line: rgba(20, 33, 29, .12);--paper: rgba(255, 255, 255, .88);--green: #154f45;--green-2: #0f6d5b;--gold: #d48a22;--coral: #db6b48;--sky: #dbe9f1;--shadow: 0 1.4rem 3.8rem rgba(31, 42, 39, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(212,138,34,.18),transparent 22rem),radial-gradient(circle at 92% 2%,rgba(15,109,91,.14),transparent 24rem),linear-gradient(135deg,#fbf7ef,#edf4f1 48%,#e8eff6)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1220px;margin:0 auto;padding:.75rem 1rem 0}.brand{display:inline-flex;align-items:center;gap:.8rem;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.95rem;background:linear-gradient(145deg,var(--green),#0c302b);color:#fff;font-weight:800;box-shadow:0 .85rem 1.8rem #154f4547}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:0;font-size:.78rem}.nav-tabs{display:flex;gap:.4rem;padding:.22rem;border:1px solid rgba(255,255,255,.72);border-radius:.8rem;background:#ffffffad;box-shadow:0 1rem 2.5rem #14211d14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-tabs a{color:#43534d;text-decoration:none;padding:.52rem .82rem;border-radius:.6rem;font-weight:700}.nav-tabs a.active{background:var(--green);color:#fff}.page-frame{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2.5rem}.stack{display:grid;gap:.72rem}.hero-panel,.page-heading{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:1rem;align-items:center;min-height:11rem;padding:1.15rem;border:1px solid rgba(255,255,255,.78);border-radius:1rem;background:linear-gradient(135deg,#fffffff2,#fffaf1bd),linear-gradient(115deg,#154f4524,#d48a221f);box-shadow:0 .8rem 2rem #1f2a271a}.hero-panel:after,.page-heading:after{content:"";position:absolute;inset:auto -6rem -8rem auto;width:14rem;height:14rem;border-radius:999px;background:#db6b4821;pointer-events:none}.hero-content{position:relative;z-index:1}.page-heading{min-height:8rem;grid-template-columns:minmax(0,1fr) auto}.compact-heading{min-height:7rem}.eyebrow{margin:0 0 .35rem;color:#a85423;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:.45rem;font-size:2.45rem;line-height:1;letter-spacing:0}h2{margin-bottom:.2rem;font-size:1.1rem}h3{margin-bottom:.2rem;font-size:1rem}.hero-copy,.toolbar p{max-width:620px;margin-bottom:0;color:#4d5d56;font-size:.92rem}.hero-highlights{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}.hero-highlights span,.card-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#154f451a;color:var(--green);padding:.38rem .65rem;font-size:.78rem;font-weight:850}.date-card,.job-form,.job-card,.invoice-action-panel,.invoice-card,.metric,.charge-row,.empty-state,.alert{border:1px solid rgba(255,255,255,.76);border-radius:.8rem;background:var(--paper);box-shadow:0 .45rem 1.2rem #14211d11;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.date-card,.job-form{display:grid;gap:.68rem;padding:.78rem}.date-card{position:relative;z-index:1}.date-card-header,.form-title{display:grid;gap:.35rem}.date-card-header strong{font-size:1.05rem}label{display:grid;gap:.28rem;color:#44544e;font-size:.78rem;font-weight:800}input,select,textarea{width:100%;border:1px solid rgba(20,33,29,.14);border-radius:.6rem;background:#fff;color:var(--ink);padding:.6rem .7rem;outline:none;box-shadow:0 .4rem 1rem #14211d0a}textarea{min-height:5rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 4px #0f6d5b1f}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.primary-button,.secondary-button,.icon-button{min-height:2.25rem;border:0;border-radius:.62rem;padding:.55rem .82rem;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;box-shadow:0 .9rem 1.6rem #0f6d5b3d}.secondary-button,.icon-button{background:#eef3ef;color:#22322d}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:disabled{opacity:.58;cursor:wait}.alert{padding:.7rem .85rem;border-color:#a35c2d4d;background:#fff5ed;color:#8a3f18;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.metric{display:grid;gap:.32rem;min-height:4.7rem;padding:.7rem;background:linear-gradient(150deg,#fffffff0,#f6f9f7d1)}.metric span,.summary-pill,.job-card-header span,.job-card-metrics span,.mini-charge-list span{color:var(--muted)}.metric strong{font-size:1.18rem}.progress-track{overflow:hidden;width:100%;height:.32rem;border-radius:999px;background:#e4ebe7}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--green-2))}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:.75rem;padding:.3rem .15rem 0}.toolbar select{max-width:260px}.charge-list,.job-list{display:grid;gap:.48rem}.charge-row{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 128px 280px;gap:.72rem;align-items:center;padding:.72rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.charge-row:hover,.job-card:hover{transform:translateY(-1px);box-shadow:0 .8rem 1.6rem #14211d1a}.charge-row.needs-work{border-color:#d48a2280;background:linear-gradient(100deg,#fff7e7f5,#ffffffe6)}.charge-row.needs-work:before{content:"";position:absolute;inset:0 auto 0 0;width:.22rem;background:var(--gold)}.charge-main p{margin-bottom:.38rem;color:#5c6963}.charge-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;margin-bottom:.12rem}.charge-date{color:var(--muted);font-size:.78rem;font-weight:800}.charge-tags{display:flex;flex-wrap:wrap;gap:.32rem}.charge-tags span{border-radius:999px;background:#edf4f1;color:#42504a;padding:.25rem .45rem;font-size:.72rem;font-weight:800}.charge-amount{font-size:1.08rem;text-align:right}.job-select{min-width:0}.empty-state{display:grid;gap:.35rem;padding:1.25rem;color:#53625b;text-align:center}.empty-state strong{color:var(--ink);font-size:1.02rem}.summary-pill{border-radius:999px;background:#ffffffdb;padding:.82rem 1.05rem;font-weight:800;white-space:nowrap;box-shadow:0 .8rem 1.8rem #14211d14}.jobs-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:.7rem;align-items:start}.narrow-stack{max-width:860px;margin:0 auto}.sticky-job-actions{position:sticky;top:0;z-index:20;display:grid;gap:.5rem;padding:.4rem 0 .55rem;background:linear-gradient(180deg,#f5f2e9f7,#f5f2e9e6 72%,#f5f2e900);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.job-form{position:sticky;top:1rem}.full-form{position:static}.job-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.job-card{padding:.8rem;transition:transform .16s ease,box-shadow .16s ease}.job-card-header,.job-card-metrics,.mini-charge-list div{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.job-card-metrics{margin:.65rem 0;padding:.58rem;border-radius:.65rem;background:linear-gradient(135deg,#f5f8f6,#eef5f8)}.job-card-metrics strong{font-size:1.05rem}.card-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:.45rem}.card-actions{justify-content:space-between}.detail-actions{position:relative;z-index:1;justify-content:flex-end}.compact-charge-row{grid-template-columns:82px minmax(0,1fr) 130px}.invoiced-row{opacity:.78}.charge-check{display:inline-flex;align-items:center;gap:.38rem;color:var(--muted)}.charge-check input{width:.95rem;height:.95rem;accent-color:var(--green-2);box-shadow:none}.invoice-action-panel,.invoice-card{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.72rem}.invoice-action-buttons{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.invoice-action-panel p,.invoice-card p{margin-bottom:0;color:var(--muted)}.invoice-list{display:grid;gap:.48rem}.invoice-card strong{font-size:1.08rem;white-space:nowrap}.mini-charge-list{display:grid;gap:.45rem;border-top:1px solid rgba(24,35,31,.08);padding-top:.85rem}.mini-charge-list strong{white-space:nowrap}.status-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:.22rem .45rem;font-size:.68rem;font-weight:850}.status-chip.assigned,.status-chip.active{background:#0f6d5b1f;color:var(--green-2)}.status-chip.review,.status-chip.waiting{background:#d48a222b;color:#95570e}.status-chip.complete{background:#515e671f;color:#4b5960}@media(max-width:860px){.topbar,.toolbar{align-items:stretch;flex-direction:column}.hero-panel,.page-heading,.jobs-layout,.job-card-grid{grid-template-columns:1fr}h1{font-size:3.1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charge-row,.compact-charge-row{grid-template-columns:1fr}.invoice-action-panel,.invoice-card{align-items:stretch;flex-direction:column}.invoice-action-buttons{justify-content:flex-start}.charge-amount{text-align:left}.toolbar select{max-width:none}.detail-actions{justify-content:flex-start}.sticky-job-actions{position:static;padding-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:560px){.page-frame{width:min(100% - 1rem,1220px);padding-top:1rem}.topbar{padding-inline:.5rem}.hero-panel,.page-heading{padding:1.25rem;min-height:auto}.metric-grid{grid-template-columns:1fr}h1{font-size:2.35rem}}