:root{
 --forest:#0A3325;--forest-2:#124838;--gold:#D4AF37;--gold-dark:#9E7C17;--ivory:#F5F3EF;
 --ink:#17372c;--muted:#68776f;--line:#e6e0d4;--paper:#fffefa;
 --green:var(--forest);--green2:#e8eee9;--orange:var(--gold);--kungba-green:var(--forest);--kungba-deep:var(--forest);--kungba-orange:var(--gold);--kungba-pale:var(--ivory);--kungba-ink:var(--ink);--kungba-line:var(--line);
}
html,body{background:var(--ivory);color:var(--ink);font-family:Inter,"Aptos",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.auth-brand h1,.brand>div:last-child{font-family:Georgia,"Times New Roman",serif}
.auth-brand h1,.brand>div:last-child{letter-spacing:.12em}
.auth-brand .association-name,.auth-brand .tagline,.sidefoot,.topbar p{letter-spacing:.045em}
#authShell{background:radial-gradient(ellipse at 50% 0%,#174b38 0,#0A3325 54%,#06271d 100%)}
#authShell:before,#authShell:after{border-color:#D4AF3730;box-shadow:0 0 0 12px #d4af3710}
.auth-card{background:rgba(255,254,250,.97);border:1px solid #d4af3760;border-radius:26px;box-shadow:0 28px 90px #00180f70}
.auth-brand h1,.auth-card h2.auth-title{color:var(--forest)}
.auth-brand .association-name{color:#67552c;font-weight:650}
.auth-brand .tagline{color:#65746d}
.auth-brand .brand-rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.auth-logo,.logo{background:var(--forest);border:2px solid var(--gold);box-shadow:0 0 0 3px #0a33251a,0 10px 26px #071b13aa;border-radius:50%}
.auth-logo:before,.logo:before{background-image:url("kungba-logo.svg")}
.auth-logo svg,.logo svg{display:none}
.auth-card button,button,.button{background:var(--forest);color:var(--ivory);border:1px solid var(--gold);box-shadow:0 5px 13px #0a33251c}
button.secondary,button.ghost,.ghost{background:transparent;color:var(--forest);border:1px solid #c9b15c;box-shadow:none}
button.orange{background:var(--gold);color:var(--forest)}
button.danger{background:#fff0f0;color:#9c3232;border-color:#f0c8c8}
.sidebar{background:linear-gradient(165deg,#0A3325,#082a20 76%,#06241b);border-right:1px solid #d4af3735}
.sidebar .brand,.sidebar .brand small{color:var(--ivory)}
.sidebar .brand>div:last-child{font-size:18px;color:#e6cc70}
.nav button{color:#f5f3efdb}
.nav button.active,.nav button[aria-current="page"]{background:#D4AF37;color:#0A3325}
.nav button:hover{background:#ffffff14}
.sidefoot{color:#e5dbc0}
.main{background:var(--ivory)}
.topbar{background:#fffefa;border-bottom:1px solid var(--line)}
.topbar h1,.content h1,.content h2,.card h2,.card h3{color:var(--forest)}
.card,.modal,.auth-card{border-color:var(--line);background:var(--paper);box-shadow:0 12px 34px #0a332510}
.card{border-radius:18px}
.metric,.stat-value{color:var(--forest)}
.metric-label,.metric-note,.muted{color:var(--muted)}
.pill{background:#e8eee9;color:var(--forest)}
.pill.orange{background:#f5eed7;color:#725a12}
input,select,textarea,.auth-card input{border-color:#d9d4c8!important;background:#fffefa;color:var(--ink)}
input:focus,select:focus,textarea:focus,.auth-card input:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #d4af3728}
th{background:#f0eee7;color:#554921}
td,th{border-color:var(--line)}
tr:hover td{background:#faf7ed}
.notice{background:#f8f2df;border-color:#eadba7;color:#645114}
.receipt h3{color:var(--forest)}
.dot{background:var(--gold)}
@media(max-width:700px){.sidebar{border-bottom:1px solid #d4af3745}.brand>div:last-child{font-size:15px}.auth-card{background:#fffefa}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
#authShell:before{border-color:#D4AF3728;box-shadow:0 0 0 12px #d4af3710}
#authShell:after{border-color:#D4AF3720;box-shadow:0 0 0 12px #d4af370c}
.auth-card{backdrop-filter:blur(14px)}
.auth-brand h1{font-weight:500;letter-spacing:.16em}
.auth-brand .tagline{font-style:normal}
#loginForm label{color:#344c40}
#loginForm input{background:#fffefa;border-color:#ded8c9}
#loginForm input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d4af371c}
#loginBtn{background:var(--forest);border-color:var(--gold);color:var(--ivory);box-shadow:0 10px 22px #0a332528}
.auth-recovery{background:#f7f5ef;border-color:#e8e0c7}
.auth-recovery .wa-mark{background:var(--forest);color:var(--gold)}
.auth-recovery-copy strong,.auth-value .value-icon,.auth-footer strong{color:var(--forest)}
#whatsappRecovery{background:var(--forest);border:1px solid var(--gold);color:var(--ivory)}
.auth-values{border-top-color:var(--line)}
.auth-value{color:#5a625b}
.auth-footer{color:#77756d}