*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F3F6F4;--bg-soft: #E9EFEB;--surface: #FFFFFF;--surface-muted: #F7FAF8;--primary: #0D9668;--primary-dark: #065F46;--primary-light: #10B981;--primary-soft: #D1FAE5;--accent: #34D399;--accent-soft: #ECFDF5;--text: #111827;--muted: #6B7280;--line: #E5E7EB;--line-strong: #D1D5DB;--danger: #E11D48;--danger-soft: #FFF1F2;--success: #059669;--success-soft: #D1FAE5;--success-border: #6EE7B7;--tap: 32px;--card-pad: var(--space-3);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--shadow: 0 4px 20px rgba(17, 24, 39, .06);--shadow-soft: 0 1px 3px rgba(17, 24, 39, .04), 0 1px 2px rgba(17, 24, 39, .03);--shadow-hover: 0 12px 28px rgba(17, 24, 39, .09);--shadow-brand: 0 8px 24px rgba(13, 150, 104, .22);--overlay: rgba(17, 24, 39, .42);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--transition: .22s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(16, 185, 129, .28)}@media(prefers-color-scheme:dark){:root{--bg: #0C1210;--bg-soft: #111916;--surface: #171F1C;--surface-muted: #1E2824;--primary: #34D399;--primary-dark: #6EE7B7;--primary-light: #10B981;--primary-soft: #064E3B;--accent: #6EE7B7;--accent-soft: #052E22;--text: #F3F4F6;--muted: #9CA3AF;--line: #2D3834;--line-strong: #374151;--danger: #FB7185;--danger-soft: #3F1D28;--success: #34D399;--success-soft: #064E3B;--success-border: #10B981;--shadow: 0 8px 24px rgba(0, 0, 0, .32);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .22);--shadow-hover: 0 16px 32px rgba(0, 0, 0, .38);--shadow-brand: 0 8px 24px rgba(52, 211, 153, .18);--overlay: rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(52, 211, 153, .3)}body{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(16,185,129,.12),transparent 55%),linear-gradient(180deg,var(--bg-soft),var(--bg))}.card,.form-card,.login-card,.table-wrap{background:#171f1ceb}.login-card:before{background:radial-gradient(circle,rgba(16,185,129,.15),transparent 70%)}mark{background:var(--primary-soft);color:var(--primary-light)}header.dashboard-hero{background:linear-gradient(145deg,var(--surface) 0%,#152820 52%,#0f2319 100%);border-color:#34d39929}.dashboard-badge{background:#171f1ce0}.dashboard-greeting{background:linear-gradient(135deg,#f3f4f6 20%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}body{font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;background:radial-gradient(ellipse 90% 60% at 100% -5%,rgba(16,185,129,.09),transparent 50%),radial-gradient(ellipse 70% 45% at 0% 100%,rgba(13,150,104,.06),transparent 45%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);color:var(--text);line-height:1.55;padding:var(--space-3) var(--space-3) calc(72px + env(safe-area-inset-bottom)) var(--space-3);min-height:100dvh;display:flex;justify-content:center;-webkit-font-smoothing:antialiased}#app{max-width:500px;width:100%}#app.page-enter{animation:pageIn .22s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}header{padding:var(--space-4) 0 var(--space-3)}header.dashboard-hero{padding:var(--space-5) var(--space-4)}h1{font-size:clamp(1.35rem,7vw,1.75rem);line-height:1.1;color:var(--text);letter-spacing:-.03em;font-weight:800}h2{font-size:1rem;margin-bottom:var(--space-2);color:var(--text);font-weight:700}p{color:var(--muted)}.card,.form-card,.login-card,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card{padding:var(--card-pad);margin-bottom:var(--space-3)}button,input,textarea{font:inherit}button{min-height:var(--tap);border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.65;cursor:not-allowed}.btn-primary,.login-card button{background:linear-gradient(145deg,var(--primary-light) 0%,var(--primary) 45%,var(--primary-dark) 100%);color:#fff;border-radius:999px;padding:.45rem .85rem;font-weight:700;font-size:.88rem;letter-spacing:.01em;box-shadow:var(--shadow-brand);transition:var(--transition)}.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:var(--shadow-brand),var(--shadow-hover)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:999px;padding:.45rem .85rem;font-weight:800;font-size:.88rem;transition:var(--transition)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted);border-color:var(--line)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-large{width:100%;min-height:var(--tap);font-size:.88rem}.btn-sm{min-height:var(--tap);padding:.35rem .65rem;border-radius:999px;font-weight:800;font-size:.82rem;transition:var(--transition)}.btn-sm:active:not(:disabled){transform:scale(.96)}.btn-edit{background:var(--accent-soft);color:var(--primary-dark);border:1px solid rgba(16,185,129,.2)}.btn-edit:hover{background:var(--primary-soft)}.btn-hapus{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.btn-hapus:hover{background:var(--danger-soft);color:var(--danger);border-color:#e11d4840}.header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.header-row>div:only-of-type,.header-row>div:not(.header-chrome){flex:1;min-width:0}.header-row h1{flex:1}.header-chrome{display:flex;justify-content:flex-end;margin-bottom:var(--space-2);position:relative;z-index:2}.app-settings-btn{flex-shrink:0;width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0;display:grid;place-items:center;font-size:1.1rem;border-radius:12px}header.dashboard-hero .header-chrome,header.kas-page-header .header-chrome{position:absolute;top:var(--space-4);right:var(--space-4);margin:0}header.dashboard-hero,header.kas-page-header{position:relative}.header-kicker{color:var(--primary);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-1)}.page-header{padding:var(--space-5) 0 var(--space-4)}.action-stack{display:grid;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:800;color:var(--text);white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.logout-btn,.icon-btn{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;font-weight:700;box-shadow:var(--shadow-soft);transition:var(--transition)}.logout-btn:hover,.icon-btn:hover{background:var(--surface-muted)}.hidden{display:none!important}mark{background:var(--primary-soft);color:var(--primary-dark);padding:.05em .2em;border-radius:4px;font-weight:600}.error,.form-error{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(225,29,72,.18);border-radius:var(--radius);padding:.8rem;font-weight:600;margin:.75rem 0}.loading,.empty{text-align:center;padding:var(--space-6);color:var(--muted);background:#ffffffd9;border:1px dashed var(--line);border-radius:var(--radius)}.skeleton-list{display:grid;gap:.8rem}.skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--line) 50%,var(--surface-muted) 75%);background-size:200% 100%;border-radius:6px;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-title{width:60%;height:16px;margin-bottom:.75rem}.skeleton-text{width:85%;margin-bottom:.5rem}.skeleton-text-short{width:45%;margin-bottom:.75rem}.skeleton-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.85rem}.skeleton-btn{height:var(--tap);background:var(--surface-muted);border-radius:999px;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.skeleton-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-align:center;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-circle{width:var(--tap);height:var(--tap);border-radius:50%;margin:0 auto .75rem;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--line) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-recent{display:grid;gap:.75rem}.skeleton-recent-item{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--line) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-recent-info{flex:1}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.7}}.pull-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;height:0;overflow:hidden;color:var(--muted);font-size:.88rem;font-weight:700;transition:transform .15s ease,opacity .15s ease;opacity:0}.pull-spinner{width:20px;height:20px;border:2.5px solid var(--line);border-top-color:var(--primary);border-radius:50%}.pull-spinner.spinning{animation:spin .7s linear infinite}.pull-ready .pull-spinner{border-top-color:var(--success)}.pull-refreshing{color:var(--primary)}.pull-success{color:var(--success)}.pull-error{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}.login-container{min-height:82dvh;display:flex;align-items:center}.login-card{width:100%;padding:1.5rem;text-align:left;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:-80px -100px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(16,185,129,.14),transparent 68%);border-radius:50%;pointer-events:none}.login-card h1,.login-card p,.login-card form{position:relative}.login-header{text-align:center;margin-bottom:1.25rem;position:relative}.login-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.login-sub{margin:.45rem 0 1.25rem}.login-footer{text-align:center;margin-top:1.25rem;font-size:.82rem;color:var(--muted)}.login-card label,.form-label{display:block;color:var(--text);font-weight:600;margin-bottom:.8rem;font-size:.9rem}.login-card input,.form-input,.form-textarea,.search-input{display:block;width:100%;margin-top:.35rem;padding:.82rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;font-size:16px;transition:var(--transition)}.login-card input:focus,.form-input:focus,.form-textarea:focus,.search-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.login-card button{width:100%;margin-top:.35rem}header.dashboard-hero{position:relative;overflow:hidden;padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff,#f4fbf7 48%,#ecfdf5);border:1px solid rgba(16,185,129,.14);box-shadow:var(--shadow-soft)}.dashboard-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dashboard-hero-orb{position:absolute;border-radius:50%;filter:blur(0)}.dashboard-hero-orb--1{width:140px;height:140px;top:-50px;right:-30px;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 68%)}.dashboard-hero-orb--2{width:90px;height:90px;bottom:-20px;left:-15px;background:radial-gradient(circle,rgba(13,150,104,.1),transparent 70%)}.dashboard-hero-orb--3{width:56px;height:56px;top:42%;right:28%;background:radial-gradient(circle,rgba(52,211,153,.12),transparent 72%)}.dashboard-hero-content{position:relative;z-index:1}.dashboard-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.dashboard-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;margin-bottom:var(--space-3);background:#ffffffd1;border:1px solid rgba(16,185,129,.18);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);box-shadow:0 1px 2px #1118270a}.dashboard-greeting{font-size:clamp(1.45rem,7vw,1.9rem);line-height:1.12;font-weight:800;letter-spacing:-.035em;color:var(--text);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--text) 30%,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-tagline{font-size:.92rem;color:var(--muted);font-weight:500;line-height:1.45;text-transform:capitalize}.dashboard-cards-section{margin-bottom:var(--space-4)}.dashboard-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dashboard-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:left;min-height:108px;transition:var(--transition)}button.dashboard-stat-card{cursor:pointer;width:100%;font:inherit;color:inherit}button.dashboard-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}button.dashboard-stat-card:active{transform:scale(.99)}.dashboard-stat-card--saldo{background:linear-gradient(145deg,#f0fdf8,#fff);border-color:#10b98138;border-left:3px solid var(--primary)}.dashboard-stat-card--saldo.dashboard-stat-card--negative{background:linear-gradient(145deg,#fff1f2,#fff);border-color:#e11d4833;border-left-color:var(--danger)}.dashboard-stat-card--keluar{border-left:3px solid var(--danger)}.dashboard-stat-card--masuk{border-left:3px solid var(--primary-light)}.dashboard-stat-card--anggota{border-left:3px solid var(--primary)}.dashboard-stat-icon{font-size:1.35rem;line-height:1;margin-bottom:var(--space-1)}.dashboard-stat-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.dashboard-stat-value{font-size:clamp(.95rem,4.5vw,1.15rem);font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2;word-break:break-word}.dashboard-stat-card--saldo .dashboard-stat-value{color:var(--primary-dark)}.dashboard-stat-card--saldo.dashboard-stat-card--negative .dashboard-stat-value,.dashboard-stat-card--keluar .dashboard-stat-value{color:var(--danger)}.dashboard-stat-card--masuk .dashboard-stat-value{color:var(--primary-dark)}.dashboard-stat-card--anggota .dashboard-stat-value{font-size:clamp(1.25rem,6vw,1.6rem)}.dashboard-stat-card--skeleton{pointer-events:none}.dashboard-stat-icon-skeleton{width:32px;height:32px;border-radius:10px;margin-bottom:var(--space-2)}.dashboard-stat-label-skeleton{width:70%;height:.65rem;margin-bottom:.4rem}.dashboard-stat-value-skeleton{width:55%;height:1rem}.stats-grid{display:grid;gap:.75rem;margin-bottom:1rem}.stat-card-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;background:linear-gradient(145deg,var(--primary-light) 0%,var(--primary) 42%,var(--primary-dark) 100%);box-shadow:var(--shadow-brand);border:1px solid rgba(255,255,255,.14);transition:var(--transition)}.stat-card-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand),var(--shadow-hover)}.stat-card-hero:active{transform:scale(.99)}.stat-card-hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stat-card-hero-ring{position:absolute;width:160px;height:160px;top:-48px;right:-40px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:#ffffff0f}.stat-card-hero-dots{position:absolute;bottom:12px;right:16px;width:64px;height:40px;opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1.5px,transparent 1.5px);background-size:10px 10px}.stat-card-hero-body{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-4)}.stat-card-hero-icon{flex-shrink:0;width:54px;height:54px;display:grid;place-items:center;font-size:1.65rem;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px #fff3}.stat-card-hero-info{min-width:0}.stat-card-hero-number{font-size:clamp(2.1rem,11vw,2.85rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.2rem}.stat-card-hero-label{font-size:.95rem;font-weight:700;letter-spacing:.01em;opacity:.95}.stat-card-hero-hint{margin-top:.25rem;font-size:.78rem;font-weight:500;opacity:.72}.stat-card-hero--skeleton{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--text)}.stat-card-hero--skeleton .stat-card-hero-body{align-items:flex-start}.stat-card-hero-icon-skeleton{width:54px;height:54px;border-radius:16px;margin:0}.skeleton-hero-number{width:45%;height:2.4rem;margin-bottom:.5rem}.skeleton-hero-label{width:55%;height:.9rem;margin-bottom:.35rem}.skeleton-hero-hint{width:38%;height:.7rem}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.stat-card-secondary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--card-pad);text-align:center;transition:var(--transition)}.stat-card-secondary:hover{background:var(--surface-muted)}.stat-icon{font-size:1.5rem;margin-bottom:.35rem}.stat-number{font-size:1.5rem;line-height:1;font-weight:800;color:var(--text)}.stat-label{font-size:.78rem;color:var(--muted);font-weight:700;margin-top:.15rem}.empty-state{text-align:center;padding:var(--space-5) var(--space-4);background:#ffffffd9;border:2px dashed var(--line);border-radius:var(--radius-lg)}.empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.7}.empty-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.empty-text{font-size:.92rem;color:var(--muted);margin-bottom:1rem}.toolbar{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.toolbar-anggota{gap:var(--space-3)}.toolbar-row{display:flex;gap:var(--space-2)}.toolbar-row .btn-primary{flex:1}.toolbar-row .btn-secondary{flex:0 0 auto}.anggota-list{display:grid;gap:var(--space-3)}.anggota-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius);padding:var(--card-pad);box-shadow:var(--shadow-soft);transition:var(--transition)}.anggota-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.anggota-card:active{transform:scale(.99)}.anggota-name{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:var(--space-1);line-height:1.25}.anggota-info{display:grid;gap:var(--space-1);color:var(--muted);font-size:.82rem}.anggota-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-top:var(--space-3)}.anggota-actions .btn-large{width:100%}.toolbar-kegiatan{gap:var(--space-3)}.kegiatan-list{display:grid;gap:var(--space-3)}.kegiatan-card{border-left-color:var(--accent)}.kegiatan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.kegiatan-title{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.25;flex:1}.badge-bulan-ini{background:var(--primary-soft);color:var(--primary-dark);border:1px solid rgba(16,185,129,.25);flex-shrink:0;font-size:.7rem}.kegiatan-meta{display:grid;gap:var(--space-1);margin-bottom:var(--space-2)}.kegiatan-meta-item{font-size:.92rem;color:var(--muted);font-weight:700}.kegiatan-deskripsi{font-size:.88rem;color:var(--muted);margin-bottom:var(--space-3);line-height:1.45}.kegiatan-actions{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.kegiatan-actions .btn-absensi{width:100%}.kegiatan-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.kegiatan-actions-row .btn-large{width:100%}.btn-absensi{background:linear-gradient(145deg,var(--primary-light),var(--primary-dark));color:#fff;box-shadow:var(--shadow-brand)}.btn-absensi:hover:not(:disabled){filter:brightness(1.05)}.form-hint-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2)}.char-counter{font-size:.82rem;font-weight:800;color:var(--muted);white-space:nowrap;flex-shrink:0}.char-counter-warn{color:var(--primary)}.absensi-page{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.absensi-back-btn{flex-shrink:0;min-width:var(--tap);padding:.35rem .6rem}.header-row:has(.absensi-back-btn){align-items:flex-start}.header-row:has(.absensi-back-btn)>div{flex:1;min-width:0}.absensi-chips-bar{margin-bottom:var(--space-4);overflow:hidden}.chips-scroll{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}.chip-hadir{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.chip-absen{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}.chip-bayar{background:var(--accent-soft);border-color:var(--accent);color:var(--primary-dark)}.chip-kas{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.absensi-list{display:grid;gap:var(--space-3)}.absensi-card{border-left-color:var(--primary)}.absensi-actions-stack{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.absensi-actions-stack .btn-large{width:100%}.btn-hadir{background:var(--surface-muted);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;min-height:var(--tap);transition:var(--transition)}.btn-hadir:active{transform:scale(.97)}.btn-hadir.active{background:var(--success-soft);color:var(--success);border-color:var(--success-border);box-shadow:0 4px 14px #0596692e}.absensi-footer-sticky{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(88px + env(safe-area-inset-bottom));max-width:500px;margin:0 auto;z-index:900;display:grid;gap:var(--space-2);padding:var(--space-3);background:#fffffff5;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.absensi-save-status{text-align:center;font-size:.82rem;font-weight:800;margin:0}.absensi-save-status--saved{color:var(--success)}.absensi-save-status--dirty{color:var(--primary)}.absensi-save-status--saving{color:var(--muted)}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:flex-end;justify-content:center;padding:0;background:var(--overlay);animation:fadeIn .15s ease}.bottom-sheet{width:100%;max-width:500px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));box-shadow:var(--shadow);animation:slideUp .22s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.bottom-sheet-handle{width:40px;height:4px;background:var(--line);border-radius:999px;margin:0 auto var(--space-4)}.bottom-sheet-title{font-size:1.1rem;margin-bottom:var(--space-1)}.bottom-sheet-sub{font-size:.88rem;color:var(--muted);margin-bottom:var(--space-4)}.bottom-sheet-actions{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.btn-bayar{background:var(--accent-soft);color:var(--primary-dark);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;min-height:var(--tap);transition:var(--transition)}.btn-bayar:active:not(:disabled){transform:scale(.96)}.btn-bayar-paid{background:var(--accent-soft);color:var(--primary-dark);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;min-height:var(--tap);cursor:default;opacity:1}.btn-bayar-custom{background:var(--surface);color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-sm);font-size:.82rem;font-weight:800;min-height:var(--tap);transition:var(--transition)}.btn-bayar-custom:active{transform:scale(.96)}.btn-small{min-height:var(--tap);padding:.35rem .65rem;font-size:.82rem;border-radius:999px;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem .5rem;border-bottom:1px solid var(--line);text-align:left}.form-card{padding:var(--card-pad);margin-bottom:var(--space-3)}.form-card-sticky{padding-bottom:var(--space-2)}.form-section{margin-bottom:var(--space-5)}.form-section-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.form-group{margin-bottom:var(--space-4)}.req{color:var(--danger)}.form-hint{display:block;color:var(--muted);font-size:.85rem;margin-top:var(--space-2);line-height:1.4}.form-textarea{resize:vertical;min-height:104px}.form-actions-stack{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.form-actions-sticky{display:grid;gap:var(--space-2);position:sticky;bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;margin-top:var(--space-5);padding:var(--space-4) 0 var(--space-2);background:linear-gradient(to top,var(--bg) 70%,transparent)}.toast{position:fixed;left:1rem;right:1rem;bottom:calc(92px + env(safe-area-inset-bottom));max-width:500px;margin:0 auto;z-index:1200;background:var(--primary);color:#fff;padding:.85rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow);font-weight:850;transform:translateY(16px);opacity:0;transition:.22s ease;display:flex;align-items:center;gap:.5rem}.toast.show{transform:translateY(0);opacity:1}.toast-success{background:var(--primary-dark);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-success:before{content:"✓"}.toast-error:before{content:"✗"}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:1rem;background:var(--overlay);animation:fadeIn .15s ease}.confirm-modal{width:min(100%,420px);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);padding:1.25rem;animation:scaleIn .2s ease}.confirm-modal h2{margin-bottom:.35rem}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.1rem}.btn-danger{background:var(--danger);color:#fff;border-radius:999px;padding:.45rem .85rem;font-weight:700;font-size:.88rem;transition:var(--transition);box-shadow:0 4px 14px #e11d4838}.btn-danger:hover{filter:brightness(1.06)}.btn-danger:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:2000;background:var(--primary-dark);color:#fff;text-align:center;padding:.6rem 1rem;font-size:.85rem;font-weight:800;transform:translateY(-100%);transition:transform .3s ease}.offline-banner.show{transform:translateY(0)}.bottom-nav{position:fixed;left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-2) + env(safe-area-inset-bottom));max-width:500px;margin:0 auto;min-height:56px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;display:flex;z-index:1000;box-shadow:var(--shadow);overflow:hidden}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;transition:var(--transition);position:relative;padding:var(--space-1);min-height:40px}.nav-item:hover{color:var(--primary)}.nav-icon{font-size:1.2rem;line-height:1}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;bottom:6px;left:28%;right:28%;height:3px;background:linear-gradient(90deg,var(--primary-light),var(--primary));border-radius:999px}.bottom-nav--five .nav-item{font-size:.58rem;padding:.15rem .1rem;min-height:44px}.bottom-nav--five .nav-icon{font-size:1.05rem}.bottom-nav--five .nav-item.active:after{left:18%;right:18%;bottom:4px;height:2px}.bottom-nav--five .nav-badge{top:2px;right:calc(50% - 18px);min-width:16px;height:16px;font-size:.58rem}.nav-badge{position:absolute;top:6px;right:calc(50% - 24px);min-width:20px;height:20px;padding:0 6px;background:linear-gradient(145deg,var(--primary-light),var(--primary));color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #0d966847}.quick-actions{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.dashboard-kas-teaser{margin-bottom:var(--space-4)}.dashboard-kas-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#f0fdf8);box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;transition:var(--transition);min-height:var(--tap)}.dashboard-kas-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.dashboard-kas-card:active{transform:scale(.99)}.dashboard-kas-card--negative{border-color:#e11d4838;background:linear-gradient(135deg,#fff,#fff1f2)}.dashboard-kas-card--muted{background:var(--surface-muted);border-color:var(--line)}.dashboard-kas-card-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.dashboard-kas-card-icon{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;font-size:1.35rem;background:var(--primary-soft);border-radius:12px}.dashboard-kas-card--negative .dashboard-kas-card-icon{background:var(--danger-soft)}.dashboard-kas-card-label{display:block;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.1rem}.dashboard-kas-card-amount{display:block;font-size:1.15rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.02em;line-height:1.2}.dashboard-kas-card--negative .dashboard-kas-card-amount{color:var(--danger)}.dashboard-kas-card--muted .dashboard-kas-card-amount{font-size:.92rem;font-weight:600;color:var(--muted)}.dashboard-kas-card-cta{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--primary)}.dashboard-kas-card--negative .dashboard-kas-card-cta{color:var(--danger)}.dashboard-kas-card--skeleton{cursor:default;pointer-events:none;background:var(--surface);border-color:var(--line)}.dashboard-kas-skeleton-label{width:30%;height:.7rem;margin-bottom:.5rem}.dashboard-kas-skeleton-amount{width:50%;height:1.2rem}.quick-actions .btn-primary,.quick-actions .btn-secondary{width:100%;min-height:var(--tap);font-size:.88rem}.stats-detail-toggle{display:block;width:100%;margin-top:var(--space-2);background:transparent;color:var(--primary);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:var(--space-2);font-weight:800;font-size:.82rem;min-height:var(--tap)}.stats-detail{margin-top:var(--space-2)}@media(min-width:520px){body{padding-top:var(--space-6)}.quick-actions{grid-template-columns:1fr 1fr 1fr}.stats-row{gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){#app.page-enter,.skeleton-card,.skeleton-stat-card,.skeleton-recent-item,.skeleton-line,.skeleton-circle,.skeleton-btn,.modal-backdrop,.confirm-modal,.pull-spinner.spinning{animation:none!important;transition:none!important}}header.kas-page-header{position:relative;overflow:hidden;padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff,#f4fbf7,#ecfdf5);border:1px solid rgba(16,185,129,.14);box-shadow:var(--shadow-soft)}.kas-page-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kas-page-orb{position:absolute;border-radius:50%}.kas-page-orb--1{width:120px;height:120px;top:-40px;right:-20px;background:radial-gradient(circle,rgba(16,185,129,.14),transparent 68%)}.kas-page-orb--2{width:80px;height:80px;bottom:-24px;left:-10px;background:radial-gradient(circle,rgba(13,150,104,.1),transparent 70%)}.kas-page-header-content{position:relative;z-index:1}.kas-page-header h1{margin-bottom:var(--space-1)}.kas-page-sub{font-size:.88rem;color:var(--muted);font-weight:500;line-height:1.45;max-width:32ch}.kas-saldo-section{display:grid;gap:var(--space-3)}.kas-saldo-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;color:#fff;background:linear-gradient(145deg,var(--primary-light) 0%,var(--primary) 45%,var(--primary-dark) 100%);box-shadow:var(--shadow-brand);border:1px solid rgba(255,255,255,.14)}.kas-saldo-hero--negative{background:linear-gradient(145deg,#f87171 0%,var(--danger) 45%,#be123c 100%);box-shadow:0 8px 24px #e11d4838}.kas-saldo-hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kas-saldo-hero-ring{position:absolute;width:180px;height:180px;top:-70px;left:50%;transform:translate(-50%);border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#ffffff0d}.kas-saldo-hero-glow{position:absolute;width:100%;height:60%;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.08),transparent)}.kas-saldo-hero-body{position:relative;z-index:1}.kas-saldo-hero-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:var(--space-2);font-size:1.5rem;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kas-saldo-hero-label{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.88;margin-bottom:var(--space-1)}.kas-saldo-hero-amount{font-size:clamp(1.85rem,10vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-2)}.kas-saldo-hero-hint{font-size:.82rem;font-weight:500;opacity:.82;line-height:1.4}.kas-breakdown{display:grid;gap:var(--space-2)}.kas-breakdown-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:var(--transition)}.kas-breakdown-chip--iuran{border-left:3px solid var(--primary)}.kas-breakdown-chip--custom{border-left:3px solid var(--primary-light)}.kas-breakdown-chip--keluar{border-left:3px solid var(--danger)}.kas-breakdown-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;font-size:1.1rem;background:var(--surface-muted);border-radius:10px}.kas-breakdown-chip--iuran .kas-breakdown-icon{background:var(--primary-soft)}.kas-breakdown-chip--custom .kas-breakdown-icon{background:var(--accent-soft)}.kas-breakdown-chip--keluar .kas-breakdown-icon{background:var(--danger-soft)}.kas-breakdown-info{min-width:0;display:grid;gap:.1rem}.kas-breakdown-value{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.kas-breakdown-label{font-size:.78rem;font-weight:600;color:var(--muted)}.kas-saldo-hero--skeleton{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--text)}.kas-saldo-icon-skeleton{width:48px;height:48px;border-radius:14px;margin:0 auto var(--space-2)}.kas-saldo-label-skeleton{width:35%;height:.75rem;margin:0 auto var(--space-2)}.kas-saldo-amount-skeleton{width:55%;height:2.2rem;margin:0 auto var(--space-2)}.kas-saldo-hint-skeleton{width:45%;height:.7rem;margin:0 auto}.kas-breakdown-chip--skeleton{padding:var(--space-4)}.kas-chip-value-skeleton{width:50%;height:1rem;margin-bottom:.35rem}.kas-chip-label-skeleton{width:65%;height:.7rem}.kas-content{display:grid;gap:var(--space-3)}.kas-actions{margin-top:var(--space-1)}.kas-riwayat-section{margin-top:var(--space-2)}.kas-riwayat-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.kas-riwayat-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.kas-filter-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);padding:.2rem;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius)}.kas-filter-tab{min-height:var(--tap);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:.82rem;font-weight:700;transition:var(--transition)}.kas-filter-tab.active{background:var(--surface);color:var(--primary-dark);box-shadow:var(--shadow-soft)}.kas-riwayat-count{font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:var(--space-2)}.kas-riwayat-list{display:grid;gap:var(--space-3)}.kas-riwayat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--card-pad);box-shadow:var(--shadow-soft)}.kas-riwayat-card--masuk{border-left:3px solid var(--primary)}.kas-riwayat-card--keluar{border-left:3px solid var(--danger)}.kas-riwayat-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.kas-badge{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em}.kas-badge--iuran{background:var(--primary-soft);color:var(--primary-dark)}.kas-badge--masuk{background:var(--accent-soft);color:var(--primary-dark)}.kas-badge--keluar{background:var(--danger-soft);color:var(--danger)}.kas-riwayat-tanggal{font-size:.78rem;color:var(--muted);font-weight:600}.kas-riwayat-keterangan{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:var(--space-2)}.kas-riwayat-nominal{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.kas-riwayat-nominal--masuk{color:var(--primary-dark)}.kas-riwayat-nominal--keluar{color:var(--danger)}.kas-riwayat-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.kas-riwayat-actions .btn-large{width:100%}.kas-riwayat-empty{margin-top:var(--space-2)}.kas-riwayat-card--skeleton{padding:var(--space-4)}.kas-riwayat-title-skeleton{width:70%;height:.9rem;margin-bottom:.5rem}.kas-riwayat-meta-skeleton{width:45%;height:.7rem;margin-bottom:.65rem}.kas-riwayat-nominal-skeleton{width:35%;height:1rem}.kas-form-hint{margin:0 0 var(--space-4);padding:var(--space-3);background:var(--surface-muted);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius);font-size:.88rem;color:var(--muted);line-height:1.45}.kas-quick-actions{margin-top:var(--space-3)}@media(prefers-color-scheme:dark){header.kas-page-header{background:linear-gradient(145deg,var(--surface) 0%,#152820 55%,#0f2319 100%)}}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--card-pad);margin-bottom:var(--space-3);box-shadow:var(--shadow-soft)}.settings-card-info{border-left:6px solid var(--accent)}.settings-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.settings-icon{font-size:2rem;flex-shrink:0}.settings-card-header h2{font-size:1.05rem;margin-bottom:.15rem}.settings-subtitle{font-size:.85rem;color:var(--muted)}.iuran-display{text-align:center;padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--line);box-shadow:inset 0 1px #fffc}.iuran-amount{font-size:clamp(1.5rem,8vw,2rem);font-weight:800;color:var(--primary-dark);line-height:1.1;letter-spacing:-.02em}.iuran-label{font-size:.82rem;color:var(--muted);font-weight:600;margin-top:var(--space-1)}.iuran-updated{font-size:.78rem;color:var(--muted);margin-top:.5rem}.iuran-form-group{margin-top:1rem}.iuran-input{font-size:1.25rem!important;font-weight:800;text-align:center;padding:1rem!important}.iuran-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-4)}.btn-quick-amount{background:var(--surface-muted);color:var(--primary-dark);border:2px solid var(--line);border-radius:var(--radius-sm);padding:.55rem .5rem;font-size:.82rem;font-weight:800;min-height:var(--tap);transition:var(--transition)}.btn-quick-amount:hover{background:var(--accent-soft)}.btn-quick-amount:active{transform:scale(.96)}.btn-quick-amount.selected{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark);box-shadow:0 0 0 3px #10b98126}.iuran-amount--error{font-size:1.25rem!important;color:var(--danger)}.settings-admin-hint{margin-top:var(--space-4);padding:var(--space-3);background:var(--surface-muted);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius);font-size:.88rem;color:var(--muted);font-weight:500;line-height:1.45}.settings-logout-section{margin-top:var(--space-4);margin-bottom:var(--space-6)}.btn-logout{width:100%;background:var(--surface);color:var(--danger);border:1px solid rgba(225,29,72,.22);border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;min-height:var(--tap);transition:var(--transition)}.btn-logout:hover{background:var(--danger-soft)}.btn-logout:active{transform:scale(.98)}.settings-info-list{display:grid;gap:.6rem}.settings-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}.settings-info-item:last-child{border-bottom:none}.settings-info-label{color:var(--muted);font-size:.88rem;font-weight:700}.settings-info-value{color:var(--text);font-weight:600;font-size:.92rem}