@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root{--account-ink:#172500;--account-green:#203500;--account-olive:#506f00;--account-accent:#a7ca48;--account-paper:#f3f6ed;--account-muted:#667255;--account-line:rgba(35,57,0,.14)}
body{font-family:"Manrope",system-ui,sans-serif;background:radial-gradient(circle at 85% 12%,rgba(142,181,42,.13),transparent 30%),var(--account-paper);color:var(--account-ink)}
.account-nav{border-bottom:1px solid rgba(255,255,255,.1);background:rgba(24,40,0,.95);color:#f7faef;box-shadow:0 12px 35px rgba(7,15,0,.18);backdrop-filter:blur(20px)}
.account-nav img{filter:brightness(0) invert(1)}.account-nav a,.account-nav button{color:#f7faef}.account-nav .nav-button{border-radius:999px;background:var(--account-accent);color:var(--account-ink)}
.auth-layout{min-height:calc(100vh - 76px)}.auth-story .eyebrow,.welcome .eyebrow,.form-page .eyebrow{color:var(--account-olive)}
.form-card,.panel,.dashboard-card,.project-card,.summary-card,.profile-card{border:1px solid var(--account-line)!important;border-radius:28px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 20px 55px rgba(35,57,0,.08)!important}
.form-card input,.form-card select,.form-card textarea,.field input,.field select,.field textarea{min-height:48px;border:1px solid var(--account-line)!important;border-radius:12px!important;background:#fff!important;color:var(--account-ink)!important}
.form-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--account-olive)!important;box-shadow:0 0 0 3px rgba(80,111,0,.13)!important;outline:0}
.primary,.nav-button,.small-button{border-radius:999px!important;background:var(--account-accent)!important;color:var(--account-ink)!important;font-weight:750!important}
.app-sidebar,.sidebar{background:var(--account-green)!important;color:#f7faef!important}.app-sidebar a,.sidebar a{color:rgba(247,250,239,.72)!important}.app-sidebar a.active,.sidebar a.active{background:rgba(167,202,72,.14)!important;color:#f7faef!important}
.app-content{background:var(--account-paper)!important}.eyebrow{color:var(--account-olive)!important}
@media(max-width:800px){.account-nav{min-height:68px}.auth-layout{width:calc(100% - 36px);grid-template-columns:1fr;gap:36px;padding:48px 0}.auth-story h1,.welcome h1,.form-page h1{font-size:clamp(2.8rem,12vw,4.2rem)}}
