:root{--ink:#0f2d26;--sage:#6b7f72;--stone:#d5d6d1;--fog:#f7f7f4;--white:#fff;--line:rgba(15,45,38,.15);--mint:#a9c8b2}*{box-sizing:border-box}body{margin:0;background:var(--fog);color:var(--ink);font-family:Sora,Arial,sans-serif;line-height:1.5}.loading main,.loading aside{visibility:hidden}aside{position:fixed;inset:0 auto 0 0;width:270px;background:var(--ink);color:#fff;padding:26px 22px;display:flex;flex-direction:column}.brand{display:block;background:var(--fog);padding:9px 12px}.brand img{display:block;width:100%}aside>p{text-transform:uppercase;letter-spacing:.15em;color:var(--mint);font-size:.72rem;margin:3rem .7rem 1rem}aside nav{display:grid;gap:5px}aside nav button{border:0;background:transparent;color:#aebcb7;padding:13px 12px;text-align:left;font:500 .9rem Sora;cursor:pointer;border-radius:4px}aside nav button.active,aside nav button:hover{background:rgba(255,255,255,.1);color:#fff}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding:20px 10px;display:grid;gap:14px}.side-bottom a,.side-bottom button{color:#c7d2ce;background:none;border:0;padding:0;text-align:left;font:500 .74rem Sora;cursor:pointer;text-decoration:none}main{margin-left:270px;min-height:100vh}header{height:86px;border-bottom:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,247,244,.95);position:sticky;top:0;z-index:3}header div{display:grid}header span,.heading span,.form-title span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sage)}header button{border:0;background:var(--ink);color:#fff;padding:13px 18px;font:600 .78rem Sora;cursor:pointer}.tab{display:none;padding:4vw}.tab.active{display:block}.blocked{display:none;padding:8vw}.blocked h1,.heading h1{font-size:clamp(2.8rem,4.7vw,5.5rem);line-height:1;letter-spacing:-.06em;font-weight:500;margin:.6rem 0}.blocked a{color:var(--ink)}.heading{display:flex;align-items:end;justify-content:space-between;gap:4vw;margin-bottom:3rem}.heading>p{max-width:520px;color:#53655f}.client-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.client-list,.records,form{background:#fff;border:1px solid var(--line)}.list-head{display:flex;justify-content:space-between;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line);font-size:.78rem}.list-head span{color:var(--sage)}.client-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:1rem 1.35rem;text-align:left;cursor:pointer;display:grid;gap:2px}.client-row:hover,.client-row.selected{background:#edf0eb}.client-row strong{font:600 .82rem Sora}.client-row span{font-size:.7rem;color:var(--sage)}form{padding:2rem}.form-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem}.form-title h2,form h2{font-size:1.4rem;margin:.35rem 0;letter-spacing:-.03em}.active-toggle{display:flex!important;align-items:center;gap:8px}.active-toggle input{width:auto}label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sage);margin-bottom:1.2rem}input,textarea,select{display:block;width:100%;border:1px solid var(--line);background:var(--fog);padding:12px;margin-top:7px;font:500 .88rem Sora;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--ink)}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:.55fr 1fr .8fr}.save{border:0;background:var(--ink);color:#fff;padding:14px 18px;font:600 .78rem Sora;cursor:pointer}.status{font-size:.74rem;color:var(--sage);min-height:1.2rem}.client-picker{width:min(340px,100%);background:#fff}.work-grid{display:grid;grid-template-columns:minmax(330px,.75fr) 1.25fr;gap:20px}.record{padding:1.2rem 1.35rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.record strong{font-size:.86rem}.record p{font-size:.74rem;color:var(--sage);margin:3px 0;grid-column:1}.record time,.record button{font-size:.68rem;color:var(--sage)}.record button{border:0;background:none;cursor:pointer}.empty{padding:2rem;color:var(--sage);font-size:.8rem}@media(max-width:900px){aside{position:static;width:100%;padding:18px}aside .brand{max-width:240px}aside>p{margin:1.5rem 0 .5rem}aside nav{display:flex;overflow:auto}.side-bottom{display:none}main{margin:0}header{position:static}.tab{padding:7vw 5vw}.client-layout,.work-grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.fields.three{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fields.two,.fields.three{grid-template-columns:1fr}header div{display:none}.tab{padding:10vw 4vw}form{padding:1.35rem}}