:root{--bg:#f6f7f9;--ink:#192925;--muted:#73807c;--green:#216c53;--line:#e4e9e6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 max(5vw,24px);display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:750;display:flex}.mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:29px;font-style:italic;display:grid}.account{align-items:center;gap:20px;display:flex}.dashboard{max-width:1300px;margin:0 auto;padding:55px 5vw 20px}.eyebrow{letter-spacing:2px;color:var(--green);margin:0 0 15px;font-size:10px;font-weight:700}h1{letter-spacing:-1.5px;margin:0 0 15px;font-size:clamp(28px,4vw,42px);line-height:1.15}h2{letter-spacing:-.6px;margin:0 0 27px;font-size:22px}h3{font-size:17px}.muted{color:var(--muted);line-height:1.7}.intro{margin-bottom:36px;font-size:15px}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.stats section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.stats p{color:var(--muted);margin:0 0 16px}.stats strong{letter-spacing:-1px;font-size:32px}.stats small{color:var(--muted);font-size:15px;font-weight:400}.workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:28px}.form{flex-direction:column;gap:20px;display:flex}.form label{flex-direction:column;gap:9px;font-size:12px;font-weight:600;display:flex}.form label .muted{font-weight:400}input,textarea{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #dce2df;border-radius:7px;padding:13px 12px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#97a09c;font-weight:400}input:focus,textarea:focus{outline-offset:2px;outline:2px solid #92bca9}.form-row{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;padding:13px 18px;font-weight:600}button:hover{filter:brightness(.92)}button:focus-visible{outline-offset:3px;outline:3px solid #89b69f}button:disabled{opacity:.6;cursor:wait}.secondary{color:#596760;border:1px solid var(--line);background:0 0;padding:9px 14px;font-size:12px}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pill{color:#62716a;white-space:nowrap;background:#f1f5f2;border-radius:20px;padding:8px 12px;font-size:11px}.empty{text-align:center;padding:60px 0 70px}.empty-icon{color:#78a38d;font-size:48px}.empty h3{margin:17px 0 8px}.empty p{font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);padding:12px 8px;font-size:10px}td{border-bottom:1px solid var(--line);padding:18px 8px;font-size:12px}td strong{overflow-wrap:anywhere;font-weight:600}.notes{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-width:300px;margin:5px 0 0;font-size:11px;line-height:1.6}.nowrap{white-space:nowrap}.hours{font-variant-numeric:tabular-nums;font-weight:600}.delete{color:#9a5555;background:0 0;padding:7px;font-size:10px}.error{color:#a73535;font-size:12px;line-height:1.5}.success{color:var(--green);font-size:12px}footer{text-align:center;color:#99a29d;margin:35px 0;font-size:11px}.login-shell{background:radial-gradient(at 0 0,#e2eee6,#0000 65%);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:430px;padding:44px;box-shadow:0 20px 80px #183b2510}.login-card .brand{margin-bottom:48px}.login-card h1{font-size:32px}.login-card .form{margin-top:30px}.footnote{text-align:center;color:var(--muted);margin:30px 0 0;font-size:11px}.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 (max-width:950px){.workspace{grid-template-columns:1fr}.history{min-height:300px}}@media (max-width:520px){header{height:72px}.brand{font-size:20px}.account{gap:10px;font-size:12px}.dashboard{padding-top:35px}.stats{gap:8px}.stats section{padding:16px 12px}.stats p{min-height:26px;font-size:11px}.stats strong{font-size:25px}.panel{padding:22px}.login-card{padding:30px}}