:root{color:#17221d;font-synthesis:none;background:#f4f7f2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.login-shell{background:radial-gradient(circle at 10% 10%,#d8efd8,#0000 35%),#f4f7f2;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.intro{flex-direction:column;justify-content:center;max-width:780px;padding:clamp(2rem,8vw,8rem);display:flex}.intro h1{letter-spacing:-.06em;max-width:650px;margin:1.2rem 0;font-size:clamp(2.8rem,6vw,6rem);line-height:.98}.intro>p:not(.eyebrow){color:#52645a;max-width:540px;font-size:1.15rem;line-height:1.7}.eyebrow{color:#28734a;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.login-card{background:#ffffffe6;border:1px solid #d9e6d8;border-radius:28px;align-self:center;max-width:440px;margin:2rem;padding:clamp(1.8rem,5vw,3rem);box-shadow:0 24px 80px #22472c24}.brand-mark,.avatar{color:#fff;background:#1f6b43;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.login-card h2,.welcome-card h2,.empty-state h2{letter-spacing:-.03em;margin:1.3rem 0 .5rem}.muted{color:#64746a;line-height:1.6}label{color:#33483a;gap:.45rem;margin-top:1.2rem;font-size:.9rem;font-weight:650;display:grid}input{background:#fbfdfb;border:1px solid #c9d9c9;border-radius:12px;outline-color:#28734a;width:100%;padding:.85rem 1rem}button{color:#fff;background:#1f6b43;border-radius:12px;width:100%;margin-top:1.4rem;padding:.9rem 1rem;font-weight:750}button:disabled{opacity:.6;cursor:wait}.secondary{color:#1f6b43;background:#e3f0e3;width:auto;margin:0;padding:.7rem 1rem}.error{color:#9b2c2c;background:#feeaea;border-radius:10px;padding:.8rem}.loading{color:#28734a;place-items:center;min-height:100vh;display:grid}.app-shell{max-width:1200px;min-height:100vh;margin:auto;padding:clamp(1.4rem,5vw,5rem)}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}header h1{letter-spacing:-.05em;margin:.5rem 0 0;font-size:clamp(2rem,5vw,4rem)}.welcome-card{background:#fff;border:1px solid #d9e6d8;border-radius:24px;align-items:center;gap:1rem;margin-top:4rem;padding:2rem;display:flex}.welcome-card h2{margin-top:.3rem}.profile-card{background:#fff;border:1px solid #d9e6d8;border-radius:24px;grid-template-columns:.8fr 1.2fr;gap:2rem;margin-top:1.2rem;padding:2rem;display:grid}.profile-card h2{margin:.5rem 0 0}dl{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;display:grid}dt{color:#64746a;font-size:.8rem}dd{color:#17221d;margin:.35rem 0 0;font-weight:700}.empty-state{color:#52645a;background:#e8f2e7;border-radius:24px;margin-top:1.2rem;padding:4rem 2rem}.empty-state span{color:#28734a;font-weight:800}@media (width<=800px){.login-shell{grid-template-columns:1fr}.intro{padding:2rem}.intro h1{font-size:3rem}.login-card{margin:0 2rem 2rem}header{align-items:flex-start}.profile-card,dl{grid-template-columns:1fr}}