:root{--paper:#E5D4C2;--card:#EEE3D6;--green:#0E3832;--deep:#0A2B26;--ink:#1E2827;--muted:#758280;--cream:#FAF7F2;--gold:#B89246;--line:rgba(14,56,50,.12);--shadow:0 8px 32px rgba(30,40,39,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,sans-serif;min-height:100vh;background-image:radial-gradient(rgba(14,56,50,.045) .7px,transparent .7px);background-size:8px 8px}button,input,select,textarea{font:inherit}button{cursor:pointer}.screen{min-height:100vh;padding:20px 18px 88px}.login{max-width:430px;margin:auto;display:flex;flex-direction:column;justify-content:center}.mark{font-size:14px;letter-spacing:.15em;font-weight:700;color:var(--green)}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}.login .eyebrow{margin-top:70px}.login h1,h1,h2{font-family:'Playfair Display',serif;letter-spacing:-.03em;line-height:1.03}.login h1{font-size:42px;margin:14px 0}.muted{color:var(--muted);line-height:1.65}.switch{display:flex;background:rgba(250,247,242,.6);border:1px solid var(--line);border-radius:10px;padding:4px;margin:27px 0 18px}.switch button{flex:1;border:0;background:transparent;padding:12px;color:var(--muted);font-weight:700;border-radius:7px}.switch .on{background:var(--green);color:var(--cream)}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:14px;color:var(--ink);min-height:46px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(184,146,70,.45);outline-offset:2px}.btn{border:0;background:var(--green);color:var(--cream);border-radius:8px;padding:15px;font-size:11px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;min-height:48px}.btn.alt{background:transparent;color:var(--green);border:1px solid var(--green)}.hint{font-family:Caveat;font-size:19px;color:var(--gold);margin-top:28px}.error{color:#9c3d37;min-height:16px;margin:0;font-size:12px}.app-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:rgba(229,212,194,.92);backdrop-filter:blur(12px);padding:16px 0 12px}.signout{border:0;background:none;color:var(--green);font-size:12px;font-weight:700;min-height:44px}.hero{padding:27px 0 20px}.hero h1{font-size:34px;margin:7px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:var(--shadow)}.project-hero{background:var(--green);color:var(--cream);margin:5px -2px 25px;border-radius:16px;padding:25px}.project-hero h1{font-size:37px;margin:7px 0}.project-hero .eyebrow{color:#d6c098}.project-meta{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.pill{border:1px solid currentColor;border-radius:99px;padding:6px 9px;font-size:10px}.ringrow{display:flex;gap:20px;align-items:center}.ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(250,247,242,.25) 0)}.ring:after{content:attr(data-p) '%';display:grid;place-items:center;width:78px;height:78px;background:var(--green);border-radius:50%;font-weight:700}.section{margin:27px 0 10px}.section h2{font-size:25px;margin:7px 0 14px}.deliverables,.timeline{display:grid;gap:10px}.deliverable{display:flex;gap:11px;align-items:center}.tick{color:var(--gold);font-size:18px}.update time{font-size:10px;color:var(--gold);font-weight:700;letter-spacing:.08em}.update h3{margin:7px 0;font-size:14px}.update p{margin:0;color:var(--muted);line-height:1.55;font-size:12px}.callout{border-left:3px solid var(--gold);padding:12px 14px;margin:14px 0;background:rgba(250,247,242,.38)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.tabs{position:fixed;z-index:7;bottom:0;left:0;right:0;background:var(--cream);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.tabs button{border:0;background:none;color:var(--muted);min-height:48px;font-size:10px;font-weight:700}.tabs .on{color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric strong{display:block;font:700 29px 'Playfair Display';margin:8px 0}.metric span{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:700}.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.row h3{margin:0 0 5px;font-size:13px}.row p{margin:0;color:var(--muted);font-size:11px}.status{font-size:10px;color:var(--gold);font-weight:700}.filters{display:flex;gap:8px;margin-bottom:12px}.filters input{flex:1}.filters select{width:120px;padding:8px}.fab{width:54px;height:54px;border-radius:50%;position:fixed;right:18px;bottom:78px;border:0;background:var(--gold);color:var(--deep);font-size:25px;box-shadow:var(--shadow)}dialog{border:0;background:transparent;padding:0;width:min(100% - 28px,520px)}dialog::backdrop{background:rgba(10,43,38,.55)}.modal{background:var(--card);padding:22px;border-radius:16px;max-height:88vh;overflow:auto}.modal h2{margin:5px 0 18px}.modal .close{float:right;border:0;background:none;font-size:24px}.toast{position:fixed;z-index:10;bottom:82px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--deep);color:var(--cream);padding:12px 16px;border-radius:8px;font-size:12px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.empty{text-align:center;padding:35px 12px;color:var(--muted)}.empty b{display:block;font:26px Caveat;color:var(--gold);margin-top:8px}.dark{--paper:#123d36;--card:#174840;--ink:#FAF7F2;--muted:#b3c1bc;--cream:#143f38;--green:#FAF7F2;--deep:#081f1c;background-color:var(--paper)}.dark .card,.dark input,.dark select,.dark textarea{background:#16463f;color:var(--cream)}.dark .project-hero{background:var(--deep)}@media(min-width:700px){.screen{max-width:980px;margin:auto;padding:24px 30px 35px}.tabs{position:static;background:transparent;border:0;width:360px;padding:0;margin:0 0 15px}.app-head{position:static}.metrics{grid-template-columns:repeat(3,1fr)}.desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fab{bottom:30px;right:30px}}@media(prefers-reduced-motion:no-preference){.card,.project-hero{animation:in .35s ease both}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}