:root{color:#21353a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f8f5;font-family:Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior-y:none}body{overscroll-behavior-y:none;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}:root{--ink:#203238;--muted:#718084;--line:#e1e8e5;--paper:#fff;--mint:#dcefe7;--green:#2e8068;--coral:#ef765f;--cream:#fff5e7;--shadow:0 14px 40px #24403a14}h1,h2,p{margin:0}h1,h2{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-weight:500}h1{font-size:30px}h2{font-size:25px;line-height:1.15}small{color:var(--muted);font-size:12px;display:block}.brand img{aspect-ratio:1;object-fit:contain;background:0 0;width:128px;height:auto;display:block}.app-shell{background:#f7f9f6;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:250px;padding:30px 18px 22px;display:flex}.brand{color:var(--ink);background:0 0;align-items:center;gap:9px;margin:0;padding:0;font:600 24px Georgia,serif;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:10px 10px 10px 3px;place-items:center;width:31px;height:31px;font:italic 25px Georgia,serif;display:grid}.community{color:#516366;border-bottom:1px solid var(--line);margin:54px 0 24px;padding:0 9px 22px;font-size:12px}.community small{margin:5px 0 0 15px;font-size:11px}.online-dot{background:#55b388;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}nav{gap:6px;display:grid}.nav-item{color:#748386;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:var(--green);background:#eff7f2;font-weight:600}.nav-icon{text-align:center;width:18px;font-size:20px}.sidebar-bottom{margin-top:auto}.help{border-top:1px solid var(--line);color:var(--muted);margin:15px 8px 5px;padding:15px 0 0;font-size:11px}.help strong{color:var(--green);margin-top:4px;display:block}.main-content{width:100%;max-width:1300px;margin:0 auto;padding:37px 55px 70px}.topbar,.section-head,.stat-top,.activity-row,.profile-head{justify-content:space-between;align-items:center;display:flex}.topbar{margin-bottom:38px}.eyebrow{color:#86a09c;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:700}.top-actions{align-items:center;gap:25px;display:flex}.icon-button{color:var(--muted);background:0 0;border:0;font-size:22px;position:relative}.icon-button i{background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:0}.user-chip{align-items:center;gap:10px;font-size:12px;display:flex}.user-chip b,.user-chip small{display:block}.avatar{width:34px;height:34px;color:var(--green);background:#d5e8dd;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.welcome-panel{background:var(--mint);border-radius:14px;justify-content:space-between;align-items:center;min-height:242px;padding:38px 48px;display:flex;position:relative;overflow:hidden}.welcome-panel h2{margin:15px 0 10px;font-size:37px}.welcome-panel em{color:var(--coral);font-style:normal}.welcome-panel p{color:#58726e;max-width:390px;font-size:13px;line-height:1.6}.house-art{color:#9bc6b2;padding-right:65px;font:110px Georgia,serif;position:relative;transform:rotate(-4deg)}.house-art span{color:#fff;font:700 12px Trebuchet MS;position:absolute;top:45px;left:58px;transform:rotate(4deg)}.section-head{margin:33px 0 17px}.section-head h2{font-size:20px}.link-button,.text-button{color:var(--green);background:0 0;border:0;font-size:12px}.stats-grid{grid-template-columns:1.2fr 1fr 1fr;gap:15px;display:grid}.stat-card{border:1px solid var(--line);min-height:190px;box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:22px}.stat-label{color:var(--muted);font-size:12px}.mini-icon{color:var(--green);font-size:20px}.stat-card strong{margin:23px 0 8px;font:26px Georgia,serif;display:block}.status{font-size:11px;display:block}.waiting{color:var(--coral)}.good{color:var(--green)}.neutral{color:var(--muted)}.primary,.outline{border:0;border-radius:6px;padding:11px 17px;font-size:12px;font-weight:600}.primary{background:var(--coral);color:#fff;box-shadow:0 5px 13px #ef765f33}.primary:hover{background:#df624d}.outline{color:var(--green);background:0 0;border:1px solid #b9d5c9}.small{margin-top:18px;padding:9px 13px}.wide{width:100%;margin-top:11px;padding:14px}.progress{background:#ecf0ed;border-radius:5px;height:5px;margin-top:19px}.progress span{background:var(--green);border-radius:5px;width:58%;height:100%;display:block}.lower-grid{grid-template-columns:1.5fr 1fr;gap:15px;margin-top:31px;display:grid}.activity,.announcement,.profile-card,.documents,.cash-list{border:1px solid var(--line);background:#fff;border-radius:11px;padding:23px}.compact{margin:0 0 10px}.activity-row{border-bottom:1px solid #eef1ef;justify-content:flex-start;gap:12px;padding:15px 0}.activity-row:last-child{border:0}.activity-row>span:nth-child(2){flex:1}.activity-row b{font-size:12px;font-weight:600;display:block}.activity-row strong{color:#5c706d;font-size:11px}.activity-icon{width:28px;height:28px;color:var(--coral);background:#fff0ec;border-radius:8px;place-items:center;display:grid}.announcement{background:var(--cream);border-color:#f6e8d4}.announcement h2{margin:15px 0 9px}.announcement p{color:#817565;font-size:12px;line-height:1.65}.page-title{margin:15px 0 30px}.page-title h2{margin-bottom:8px;font-size:35px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.profile-layout{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.profile-card{padding:30px}.profile-head{border-bottom:1px solid var(--line);justify-content:flex-start;gap:15px;padding-bottom:27px}.profile-head h2{font:600 20px Trebuchet MS}.profile-head p{color:var(--muted);margin-top:4px;font-size:12px}.profile-head .pill{margin-left:auto}.avatar.large{width:55px;height:55px;font-size:15px}.profile-fields{grid-template-columns:1fr 1fr;gap:24px 20px;padding:28px 0;display:grid}.profile-fields small{margin-bottom:7px}.profile-fields b{font-size:13px;font-weight:500}.documents h2{font:600 19px Trebuchet MS}.document-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:17px 0;display:flex}.document-row>span:nth-child(2){flex:1}.document-row b{font-size:12px}.doc-icon{color:var(--green);font-size:22px}.upload-box{text-align:center;color:var(--green);border:1px dashed #b9d5c9;margin-top:18px;padding:18px;font-size:20px}.upload-box b{font-size:12px;display:block}.upload-box small{margin-top:4px;font-size:10px}.dues-overview,.cash-banner{color:#fff;background:#254941;border-radius:12px;justify-content:space-between;align-items:center;padding:28px 34px;display:flex}.dues-overview small,.cash-banner small{color:#b8d0c7}.dues-overview strong,.cash-banner strong{margin:9px 0 4px;font:30px Georgia,serif;display:block}.dues-overview span,.cash-banner span{color:#b8d0c7;font-size:11px}.year-picker{border:1px solid #608077;border-radius:6px;padding:9px 13px;font-size:12px}.months-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.month-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:140px;padding:17px}.month-card span{color:var(--muted);font-size:12px}.month-card b{color:#b7c1be;margin:20px 0 3px;font-size:17px;display:block}.month-card small{font-size:10px}.month-card.current{background:#fffaf8;border-color:#efb2a5}.month-card.current b{color:var(--coral)}.tiny{margin-top:8px;padding:7px 11px;font-size:10px}.cash-banner{color:var(--ink);background:#e5f2ed}.cash-banner small,.cash-banner span{color:#719087}.cash-chart{align-items:end;gap:8px;height:65px;padding-right:18px;display:flex}.cash-chart i{background:#76b49b;border-radius:3px 3px 0 0;width:11px;display:block}.cash-chart i:first-child{height:35%}.cash-chart i:nth-child(2){height:52%}.cash-chart i:nth-child(3){height:43%}.cash-chart i:nth-child(4){height:72%}.cash-chart i:nth-child(5){height:59%}.cash-chart i:nth-child(6){height:84%}.cash-chart i:nth-child(7){height:68%}.cash-chart i:nth-child(8){background:var(--coral);height:100%}.cash-list{margin-top:18px}.cash-list .activity-row{padding:18px 0}.auth-page{background:#fbfcfa;grid-template-columns:43% 57%;min-height:100vh;display:grid}.auth-aside{background:#e2f1e9;flex-direction:column;padding:43px 9%;display:flex;position:relative;overflow:hidden}.auth-aside:after{content:"";border:1px solid #56917833;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-110px;right:-190px;box-shadow:0 0 0 45px #5691780d,0 0 0 90px #5691780d}.quote{color:#3a6458;max-width:380px;margin:auto 0;font:31px/1.2 Georgia,serif}.quote small{color:#688c7f;margin-top:22px;font:12px Trebuchet MS}.aside-foot{color:#75978c;letter-spacing:1px;font-size:11px}.auth-card{width:100%;max-width:430px;margin:auto;padding:40px 30px}.auth-card h1{margin:8px 0 13px;font-size:35px;line-height:1.1}.auth-icon{color:#fff;background:var(--coral);border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:29px;font:27px Georgia,serif;display:grid}.mail{background:var(--green)}.auth-card form{margin-top:27px}.auth-card label{color:#536466;margin-bottom:16px;font-size:11px;display:block}.auth-card input{background:#fff;border:1px solid #d9e3df;border-radius:6px;outline:0;width:100%;margin-top:7px;padding:13px;font-size:13px;display:block}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #e5f2ed}.switch{text-align:center;color:var(--muted);margin-top:20px;font-size:11px}.switch button{color:var(--green);background:0 0;border:0;padding:0;font-weight:600}.secure{text-align:center;color:#9aa9a5;margin-top:58px;font-size:10px}.centered{grid-template-columns:1fr;place-items:center;display:grid}.verify-card{text-align:center;max-width:470px}.verify-card .auth-icon{margin:0 auto 29px}.verify-card .muted{max-width:360px;margin:auto}.email-preview{text-align:left;color:var(--green);background:#f0f7f3;border:1px solid #dcebe3;border-radius:8px;margin:25px 0;padding:18px;font-size:12px}.email-preview small{margin-top:3px}.mobile-brand{display:none}.toast{color:#fff;box-shadow:var(--shadow);background:#244b42;border-radius:8px;padding:14px 19px;font-size:12px;position:fixed;bottom:25px;right:25px}.neighborhood-tag{width:max-content;color:var(--green);letter-spacing:1px;background:#ffffff59;border:1px solid #2e806833;border-radius:5px;align-items:center;gap:8px;margin-top:25px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.auth-card{animation:.55s ease-out both rise-in}.auth-aside .brand{animation:.7s ease-out both fade-in}.quote{animation:.8s ease-out .12s both fade-in}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=800px){.sidebar{align-items:center;width:65px;padding:20px 9px}.sidebar .brand img{object-fit:contain;width:35px;height:35px}.sidebar .brand span:last-child,.community,.nav-item:not(.active):after{display:none}.sidebar .brand-mark{width:34px;height:34px}.nav-item{justify-content:center;width:45px;padding:12px 0;font-size:0}.nav-icon{font-size:19px}.sidebar-bottom .help{display:none}.main-content{padding:26px 18px 80px}.topbar{margin-bottom:25px}.topbar h1{font-size:25px}.user-chip span:last-child{display:none}.welcome-panel{min-height:250px;padding:28px 25px}.welcome-panel h2{font-size:30px}.house-art{opacity:.55;padding:0;font-size:75px;position:absolute;bottom:18px;right:5px}.house-art span{top:31px;left:39px}.stats-grid,.lower-grid,.profile-layout{grid-template-columns:1fr}.stat-card{min-height:150px}.stat-card strong{margin:15px 0 6px}.months-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.mobile-brand{margin-bottom:55px;display:flex}.mobile-brand img{width:128px}.auth-card{padding:30px 25px}.auth-icon{margin-bottom:24px}.profile-head{flex-wrap:wrap;align-items:flex-start}.profile-head .pill{margin-top:-18px;margin-left:70px}.profile-fields{grid-template-columns:1fr;gap:18px}.cash-banner{padding:24px}.cash-chart{display:none}}.admin-panel{width:100%}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.admin-header h1{margin:4px 0 8px;font-size:32px}.admin-header .muted{color:var(--muted);font-size:13px}.admin-user-chip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex}.admin-user-chip b,.admin-user-chip small{display:block}.admin-user-chip b{color:var(--ink);font-size:13px}.admin-tabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:22px;padding:6px;display:flex}.admin-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.admin-tab:hover{color:var(--green);background:#f2f7f4}.admin-tab.active{background:var(--green);color:#fff}.admin-tab-icon{font-size:14px}.tab-badge{background:var(--coral);color:#fff;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:700}.admin-tab.active .tab-badge{color:var(--coral);background:#fff}.admin-content{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px}.admin-section h2{margin-bottom:6px;font-size:20px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{border:1px solid var(--line);background:#f7f9f6;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.kpi-card.clickable{cursor:pointer}.kpi-card.wide{grid-column:1/-1}.kpi-icon{border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:6px;font-size:15px;display:grid}.kpi-card strong{color:var(--ink);font-family:Georgia,serif;font-size:24px}.kpi-label{color:var(--muted);font-size:12px;font-weight:600}.kpi-card small{color:#96a4a0;margin-top:2px;font-size:11px}.kpi-card.tone-green .kpi-icon{color:var(--green);background:#dcefe7}.kpi-card.tone-mint .kpi-icon{color:#3a8f78;background:#e7f2ee}.kpi-card.tone-coral .kpi-icon{color:var(--coral);background:#fde4de}.kpi-card.tone-cream .kpi-icon{background:var(--cream);color:#c98a2e}.kpi-card.skeleton,.warga-item.skeleton{border:1px solid var(--line);background:linear-gradient(90deg,#f0f3f1 25%,#e6ebe8 37%,#f0f3f1 63%) 0 0/400% 100%;border-radius:12px;min-height:96px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-primary,.btn-outline,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#245650}.btn-primary.small,.btn-danger.small{padding:7px 13px;font-size:12px}.btn-outline{color:var(--green);border-color:var(--green);background:0 0}.btn-outline:hover{background:#eff7f2}.btn-danger{color:#c04b3a;background:#fff;border-color:#f2c9c0}.btn-danger:hover{background:#fdeeea}.admin-search{border:1px solid var(--line);border-radius:8px;min-width:220px;padding:9px 14px;font-size:13px}.admin-search:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #e5f2ed}.approval-list,.warga-list{gap:12px;display:grid}.approval-item,.warga-item{border:1px solid var(--line);background:#fbfcfa;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.approval-info,.warga-info{flex:1;gap:2px;display:grid}.approval-info b,.warga-info strong{color:var(--ink);font-size:13px}.warga-info p{color:#516366;margin:2px 0 0;font-size:12px}.approval-actions,.warga-status{gap:8px;display:flex}.warga-status select{background:#fff;border:1px solid #d9e3df;border-radius:6px;padding:7px 10px;font-size:12px}.pill{color:var(--muted);background:#eef1ef;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill.success{color:var(--green);background:#dcefe7}.pill.neutral{background:var(--cream);color:#b9822c}.pill.tiny{white-space:nowrap;padding:3px 9px;font-size:10px}.feature-list{color:#516366;gap:8px;margin:16px 0 20px;padding:0;font-size:13px;list-style:none;display:grid}.settings-form{gap:16px;max-width:480px;display:grid}.setting-item{gap:6px;display:grid}.setting-item label{color:#516366;font-size:12px;font-weight:600}.setting-item input[type=text],.setting-item input[type=number]{border:1px solid #d9e3df;border-radius:8px;padding:11px;font-size:13px}.setting-item input:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #e5f2ed}.toggle-row{color:var(--ink);align-items:center;gap:9px;font-size:13px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-icon{color:#b7c4bf;margin-bottom:10px;font-size:30px;display:block}.empty-state b{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.empty-state p{margin:0;font-size:12px}@media (width<=800px){.admin-content{padding:18px}.admin-header{flex-direction:column}.approval-item,.warga-item{flex-wrap:wrap}.warga-status{width:100%}.warga-status select{flex:1}}.auth-page{background:#f3f8f4;grid-template-columns:46% 54%;position:relative}.auth-aside{background:radial-gradient(circle at 12% 12%,#ffffff80,#0000 38%),radial-gradient(circle at 92% 6%,#fff4d699,#0000 42%),radial-gradient(circle at 88% 95%,#2e806847,#0000 48%),radial-gradient(circle at 6% 85%,#78c8964d,#0000 45%),linear-gradient(160deg,#eefaf2 0%,#dcf0e3 45%,#c3e6cf 100%);overflow:hidden}.auth-aside:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%232e8068' stroke-width='1.1' stroke-opacity='.16'%3E%3Cpath d='M10 100 C10 70 30 50 20 20 C50 30 60 55 55 90 C40 90 20 100 10 100Z'/%3E%3Cpath d='M100 20 C90 45 65 55 70 85 C45 75 35 50 45 20 C65 15 85 10 100 20Z'/%3E%3C/g%3E%3C/svg%3E");background-size:260px 260px;position:absolute;inset:0}.auth-aside:after{border:1px solid #2e80682e;box-shadow:0 0 0 45px #2e80680d,0 0 0 90px #2e80680a}.auth-aside .brand,.auth-aside .neighborhood-tag,.auth-aside .quote,.auth-aside .auth-features,.auth-aside .aside-foot{z-index:1;position:relative}.auth-aside .brand img{filter:drop-shadow(0 4px 14px #24403a2e)}.neighborhood-tag{color:var(--green);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #2e806840}.neighborhood-tag span{color:var(--coral)}.auth-aside .quote{color:#234b3e;font-weight:500}.auth-aside .quote small{color:#4f7a68}.auth-aside .aside-foot{color:#5a8271}.auth-features{gap:14px;margin:34px 0 0;padding:0;list-style:none;display:grid}.auth-features li{color:#2c4f42;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.auth-features .feat-icon{width:30px;height:30px;color:var(--green);background:#ffffffa6;border:1px solid #2e806838;border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;display:grid;box-shadow:0 4px 10px #2e80681a}.ticker{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #2e806833;border-radius:10px;margin-top:30px;padding:10px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{gap:42px;width:max-content;animation:22s linear infinite ticker-scroll;display:flex}.ticker-track span{white-space:nowrap;color:#2c4f42;font-size:12px;font-weight:600}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.auth-card{background:#fff;border:1px solid #edf1ee;border-radius:20px;box-shadow:0 24px 60px #0f1e1a24,0 2px 8px #0f1e1a0d;padding:46px 42px!important}.auth-icon{background:linear-gradient(135deg, var(--coral), #f5a184);box-shadow:0 10px 22px #ef765f59}.auth-icon.mail{background:linear-gradient(135deg, var(--green), #4fae91);box-shadow:0 10px 22px #2e80684d}.auth-card h1{letter-spacing:-.5px}.auth-card label{color:#44544f;font-weight:600}.auth-card input{background:#fafcfb;border:1.5px solid #e3eae6;border-radius:10px;padding:14px 15px;font-size:13.5px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-card input:hover{border-color:#cfdcd7}.auth-card input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #2e80681f}.auth-card .primary.wide{background:linear-gradient(135deg, var(--coral), #f2694e);letter-spacing:.2px;border:0;border-radius:11px;padding:15px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 12px 24px #ef765f52}.auth-card .primary.wide:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 16px 30px #ef765f66}.auth-card .primary.wide:active:not(:disabled){transform:translateY(0)}.auth-card .primary.wide:disabled{opacity:.65;cursor:not-allowed}.switch button{text-underline-offset:3px;text-decoration:underline}.secure{justify-content:center;align-items:center;gap:6px;display:flex}@media (width<=800px){.auth-page{background:#fbfcfa;grid-template-columns:1fr}.auth-card{margin:auto;box-shadow:0 10px 30px #0f1e1a14;padding:34px 26px!important}}.auth-icon.fail{background:linear-gradient(135deg, var(--coral), #d94f36);box-shadow:0 10px 22px #ef765f4d}.success-badge{place-items:center;width:74px;height:74px;margin:0 auto 26px;display:grid;position:relative}.success-ring{background:radial-gradient(circle,#2e80682e,#0000 70%);border-radius:50%;animation:1.8s ease-out infinite success-pulse;position:absolute;inset:0}.success-check{background:linear-gradient(135deg, var(--green), #4fae91);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) both success-pop;display:grid;position:relative;box-shadow:0 12px 26px #2e806859}.verify-success h1,.verify-success .muted{text-align:center}@keyframes success-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes success-pulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101c1980;place-items:center;padding:20px;animation:.18s ease-out both modal-fade;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:380px;padding:32px 28px 26px;animation:.22s cubic-bezier(.34,1.56,.64,1) both modal-pop;position:relative;box-shadow:0 30px 70px #0f1e1a4d}.modal-card.wide{text-align:left;max-width:520px}.modal-icon{border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:24px;font-weight:700;display:grid}.modal-icon.tone-success{color:var(--green);background:#dcefe7}.modal-icon.tone-error{color:var(--coral);background:#fde4de}.modal-icon.tone-warning{background:var(--cream);color:#c98a2e}.modal-icon.tone-danger{color:#d94f36;background:#fde4de}.modal-icon.tone-info{color:#3a8f78;background:#e7f2ee}.modal-title{margin-bottom:8px;font-size:20px}.modal-title.left{text-align:left}.modal-message{color:var(--muted);font-size:13px;line-height:1.6}.modal-message.left{text-align:left;margin-bottom:6px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-actions.centered{justify-content:center}.modal-actions button{flex:none}.modal-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#f2f5f3;border:0;border-radius:50%;font-size:13px;position:absolute;top:16px;right:16px}.modal-close:hover{background:#e6ebe8}.modal-form{gap:14px;margin-top:18px;display:grid}.modal-form .field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-form label{color:#536466;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-form input,.modal-form select,.modal-form textarea{background:#fff;border:1px solid #d9e3df;border-radius:8px;outline:0;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e5f2ed}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.section-head.compact .head-actions{align-items:center;gap:10px;display:flex}.data-list{gap:10px;display:grid}.data-row{border:1px solid var(--line);background:#fbfcfa;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.data-row .data-main{flex:1;gap:2px;display:grid}.data-row .data-main strong{color:var(--ink);font-size:13px}.data-row .data-main small{font-size:12px}.data-row .data-amount{color:var(--ink);white-space:nowrap;font-family:Georgia,serif;font-size:14px;font-weight:700}.row-actions{gap:6px;display:flex}.icon-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:grid}.icon-btn:hover{color:var(--green);background:#eff7f2;border-color:#cfe3d8}.icon-btn.danger:hover{color:var(--coral);background:#fdeeea;border-color:#f3cfc4}.year-filter{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font-size:12px}.install-banner{z-index:900;border:1px solid var(--line);max-width:420px;padding:14px 14px 14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:#fff;border-radius:14px;align-items:center;gap:12px;margin:0 auto;animation:.3s ease-out both install-rise;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 40px #0f1e1a2e}.install-icon{width:36px;height:36px;color:var(--green);background:#dcefe7;border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.install-copy{flex:1;gap:2px;min-width:0;display:grid}.install-copy b{color:var(--ink);font-size:13px}.install-copy small{font-size:11px;line-height:1.4}.install-close{color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:6px;font-size:12px}@keyframes install-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-shell{min-height:100dvh}.sidebar{padding-top:calc(30px + env(safe-area-inset-top))}.auth-page{min-height:100dvh}@media (width<=800px){.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sidebar{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}.auth-card{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}.nav-item,.icon-btn,.btn-primary,.btn-outline,.btn-danger{min-height:40px}.install-banner{bottom:12px;left:12px;right:12px}.modal-card{max-width:100%}}.app-shell{background:linear-gradient(#f7faf7 0%,#f2f6f2 100%)}.sidebar{box-shadow:1px 0 #24403a08}.nav-item{transition:background .18s,color .18s,padding-left .18s;position:relative}.nav-item.active{padding-left:16px;box-shadow:0 4px 12px #2e806814}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--green), #4fae91);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item:hover:not(.active){transform:translate(2px)}.avatar{background:linear-gradient(135deg,#dcefe7,#c3e6cf);box-shadow:0 0 0 2px #fff,0 0 0 3px #2e80682e}.online-dot{box-shadow:0 0 0 3px #55b38833}.icon-button{transition:color .15s,transform .15s}.icon-button:hover{color:var(--green);transform:translateY(-1px)}.user-chip{border-radius:30px;padding:6px 12px 6px 6px;transition:background .15s}.user-chip:hover{box-shadow:var(--shadow);background:#fff}.welcome-panel{background:radial-gradient(circle at 88% 15%,#ffffff8c,#0000 45%),radial-gradient(circle at 8% 100%,#2e806829,#0000 55%),linear-gradient(135deg,#e3f3ea 0%,#d3ecdd 60%,#c3e6cf 100%);box-shadow:0 20px 45px #2e80681a}.welcome-panel .pill.pale{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6}.house-art{color:#2e806847;filter:drop-shadow(0 8px 18px #2e806826)}.stat-card{border-radius:16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #24403a1f}.stat-card:before{content:"";background:linear-gradient(90deg, var(--green), #7fd6b8);height:3px;position:absolute;top:0;left:0;right:0}.stat-card.dues:before{background:linear-gradient(90deg, var(--coral), #f5a184)}.stat-card.profile-stat:before{background:linear-gradient(90deg,#3a8f78,#9bc6b2)}.mini-icon{background:#eef7f2;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.progress{overflow:hidden}.progress span{background:linear-gradient(90deg, var(--green), #7fd6b8);border-radius:5px;transition:width .4s}.activity-row{border-radius:12px;padding:12px 14px;transition:background .15s}.activity-row:hover{background:#f7faf7}.activity-icon{width:34px;height:34px;color:var(--muted);background:#eef1ef;border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.activity-icon.green{color:var(--green);background:#dcefe7}.announcement{background:linear-gradient(160deg, var(--cream), #fffaf0);border:1px solid #f2e2c4;border-radius:14px;box-shadow:0 14px 30px #c98a2e14}.dues-overview,.cash-banner{background:linear-gradient(135deg,#eefaf2,#dcf0e3);border-radius:16px;box-shadow:0 16px 36px #2e80681a}.month-card{border-radius:12px;transition:transform .15s,box-shadow .15s,border-color .15s}.month-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #24403a1a}.month-card.current{border-color:var(--green);box-shadow:0 0 0 3px #2e80681f}.cash-chart i{background:linear-gradient(180deg, var(--green), #7fd6b8);border-radius:4px 4px 0 0}.profile-card,.documents{border-radius:16px}.profile-card{box-shadow:0 18px 38px #24403a14}.avatar.large{background:linear-gradient(135deg,#dcefe7,#b9dcc9);box-shadow:0 0 0 4px #fff,0 0 0 6px #2e806826}.upload-box{border-radius:12px;transition:border-color .15s,background .15s}.upload-box:hover{border-color:var(--green);background:#f4faf6}.primary,.btn-primary{background:linear-gradient(135deg, var(--green), #3a9a7e);transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 8px 18px #2e806840}.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 24px #2e80684d}.outline,.btn-outline{transition:background .15s,color .15s,transform .15s}.outline:hover,.btn-outline:hover{transform:translateY(-1px)}.btn-danger{transition:background .15s,transform .15s}.btn-danger:hover{transform:translateY(-1px)}.pill{border-radius:20px}.pill.success{box-shadow:inset 0 0 0 1px #2e806826}.admin-header h1{letter-spacing:-.5px}.admin-tabs{border-radius:14px;gap:4px}.admin-tab{border-radius:10px}.admin-tab.active{background:linear-gradient(135deg, var(--green), #3a9a7e);box-shadow:0 8px 18px #2e806840}.admin-content{border-radius:16px;position:relative;overflow:hidden}.admin-content:before{content:"";background:linear-gradient(90deg, var(--green), var(--coral), #f5a184);height:3px;position:absolute;top:0;left:0;right:0}.admin-user-chip{border-radius:30px;transition:box-shadow .15s}.admin-user-chip:hover{box-shadow:0 10px 24px #24403a1f}.kpi-card{border-radius:14px;transition:transform .18s,box-shadow .18s,border-color .18s}.kpi-card:hover{border-color:#cfe3d8}.kpi-card.clickable:hover{transform:translateY(-3px);box-shadow:0 16px 32px #24403a1f}.kpi-icon{box-shadow:inset 0 0 0 1px #00000008}.warga-item,.approval-item,.data-row{border-radius:12px;transition:transform .15s,box-shadow .15s,border-color .15s}.warga-item:hover,.approval-item:hover,.data-row:hover{border-color:#d9e5df;transform:translateY(-1px);box-shadow:0 10px 22px #24403a14}.empty-state{border:1px dashed var(--line);background:#fbfcfa;border-radius:14px}.empty-icon{background:#eef1ef;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 12px;display:grid}.admin-search,.year-filter,.year-picker,.setting-item input{transition:border-color .15s,box-shadow .15s}.admin-search:hover,.year-filter:hover{border-color:#cfdcd7}.modal-card{box-shadow:0 30px 70px #0f1e1a4d,inset 0 0 0 1px #fff6}