:root{--bg: #f4f1ea;--bg-soft: #ece7db;--surface: #ffffff;--surface-2: #fcfbf8;--ink: #1b2140;--muted: #6a7089;--line: #e6dfd1;--line-strong: #d9cdb5;--primary: #262c78;--primary-ink: #ffffff;--income: #1f7a59;--expense: #b04a5b;--gold: #a77a21;--gold-line: #c9a24a;--gold-bg: #fbf3df;--ok-bg: #e4f4ea;--warn-bg: #fae8ea;--focus: #2f6ecf;--shadow: 0 10px 28px -18px rgba(24,30,69,.34), 0 2px 6px rgba(24,30,69,.05);--shadow-strong: 0 22px 48px -28px rgba(24,30,69,.45), 0 8px 20px rgba(24,30,69,.08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d1122;--bg-soft: #141936;--surface: #151a35;--surface-2: #1a2040;--ink: #ebedf9;--muted: #a7aecb;--line: #2a325f;--line-strong: #3a467f;--primary: #d1a94e;--primary-ink: #1a1530;--income: #7bddb5;--expense: #f0a0ae;--gold: #e2b95d;--gold-line: #c9a24a;--gold-bg: #362b11;--ok-bg: #173c32;--warn-bg: #41242b;--focus: #8eb8ff;--shadow: 0 10px 28px -18px rgba(0,0,0,.56), 0 2px 6px rgba(0,0,0,.18);--shadow-strong: 0 26px 54px -32px rgba(0,0,0,.65), 0 10px 24px rgba(0,0,0,.22)}}:root[data-theme=dark]{--bg: #0d1122;--bg-soft: #141936;--surface: #151a35;--surface-2: #1a2040;--ink: #ebedf9;--muted: #a7aecb;--line: #2a325f;--line-strong: #3a467f;--primary: #d1a94e;--primary-ink: #1a1530;--income: #7bddb5;--expense: #f0a0ae;--gold: #e2b95d;--gold-line: #c9a24a;--gold-bg: #362b11;--ok-bg: #173c32;--warn-bg: #41242b;--focus: #8eb8ff;--shadow: 0 10px 28px -18px rgba(0,0,0,.56), 0 2px 6px rgba(0,0,0,.18);--shadow-strong: 0 26px 54px -32px rgba(0,0,0,.65), 0 10px 24px rgba(0,0,0,.22)}:root{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(1000px 550px at 100% 0,color-mix(in srgb,var(--gold-line) 13%,transparent),transparent 55%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 80%,var(--bg-soft)) 100%);color:var(--ink);font:400 15px/1.55 Instrument Sans,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-family:Newsreader,Georgia,Times New Roman,serif;font-weight:700;line-height:1.15;margin:0;color:var(--ink)}h1{font-size:32px}h2{font-size:22px;margin-bottom:12px}h3{font-size:18px;margin:20px 0 10px}p{margin:0 0 8px}.muted{color:var(--muted)}.in{color:var(--income)}.out{color:var(--expense)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{display:flex;width:100vw;height:100vh;overflow:hidden;position:relative;background:var(--bg)}.side{width:270px;min-width:270px;max-width:270px;height:100vh;flex:none;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:20px 14px 16px;background:linear-gradient(180deg,#1b2060,#141946 55%,#111536);color:#e9e6f8;box-shadow:8px 0 28px -18px #111536d9;border-right:1px solid rgba(255,255,255,.07);z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1)}.side::-webkit-scrollbar{width:4px}.side::-webkit-scrollbar-track{background:transparent}.side::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.side::-webkit-scrollbar-thumb:hover{background:var(--gold)}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 16px;margin-bottom:8px;border-bottom:1px solid rgba(217,180,95,.26);flex:none}.brand svg{color:#dcb862;flex:none}.brand b{display:block;font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.15;color:#fff;font-weight:700}.brand span{color:#dcb862;font-size:12.5px;letter-spacing:.02em}.grp{margin:16px 12px 6px;font-size:11px;color:#e9e6f885;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav{display:grid;gap:4px}.nav a,.nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font:inherit;font-size:14px;font-weight:500;color:#dddaf0;background:none;border:1px solid transparent;border-radius:12px;padding:9px 12px;cursor:pointer;text-decoration:none;transition:.18s ease}.nav a:hover,.nav button:hover{background:#ffffff12;border-color:#ffffff0f;transform:translate(2px)}.nav a.active,.nav button[aria-current=page]{background:linear-gradient(90deg,#dcb8622e,#dcb86214);color:#f7e5aa;border-color:#dcb86247;box-shadow:inset 3px 0 #dcb862;font-weight:600}.ico{width:18px;height:18px;flex:none}.main-column{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:64px;min-height:64px;max-height:64px;flex:none;display:flex;align-items:center;gap:14px;padding:0 28px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--surface-2));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 2px 8px #0000000a;z-index:80;margin:0;position:relative}.topbar-title-wrap{display:flex;flex-direction:column;gap:1px}.topbar-page-title{font-family:Newsreader,Georgia,serif;font-size:20px;font-weight:700;color:var(--ink);margin:0;line-height:1.15}.topbar-page-sub{font-size:11.5px;color:var(--muted);font-weight:500}.topbar-church-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--gold-bg) 80%,var(--surface));border:1px solid var(--gold-line);font-size:12.5px;font-weight:600;color:var(--gold)}.church-dot{width:8px;height:8px;border-radius:999px;background:#159a6f;box-shadow:0 0 6px #159a6f}.side-toggle{display:none}.topbar-spacer{flex:1}.icon-btn{position:relative;width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:.18s ease}.icon-btn:hover{transform:translateY(-1px);border-color:var(--gold-line)}.bell-badge{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--expense);color:#fff;font-size:10px;font-weight:800;border:2px solid var(--bg)}main.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:24px 32px 32px;max-width:100%}main.content>div{max-width:1320px;margin:0 auto;width:100%}main.content::-webkit-scrollbar{width:8px}main.content::-webkit-scrollbar-track{background:transparent}main.content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:999px}main.content::-webkit-scrollbar-thumb:hover{background:var(--gold-line)}.footer-bar{height:36px;min-height:36px;max-height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,#111536,#171d5d,#0e1230);color:#e9e6f8cc;border-top:1px solid rgba(220,184,98,.22);font-size:11.5px;letter-spacing:.02em;z-index:80;-webkit-user-select:none;user-select:none}.footer-left,.footer-right{display:flex;align-items:center;gap:8px}.footer-dot{width:7px;height:7px;border-radius:999px;background:#159a6f;box-shadow:0 0 5px #159a6f}.footer-company{font-weight:700;color:#fff}.footer-sep{color:#e9e6f859}.footer-version{color:#f4e4ad;font-weight:600}.footer-cloud{color:#e9e6f899}.sidebar-backdrop{display:none}.head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.head h1{position:relative;padding-bottom:12px}.head h1:after{content:"";position:absolute;left:0;bottom:0;width:58px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold-line),transparent)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card,.sheet{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:16px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.wide{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;color:var(--muted)}label.chk{display:inline-flex;flex-direction:row;align-items:center;gap:10px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:13.5px;margin:6px 0}input,select,textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;min-width:0;box-shadow:inset 0 1px #ffffff59}input[type=checkbox],input[type=radio]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;padding:0!important;margin:0!important;border-radius:4px;cursor:pointer;accent-color:var(--gold);box-shadow:none!important;flex:none}input:focus,select:focus,textarea:focus{border-color:var(--gold-line);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold-line) 18%,transparent)}.btn{font:inherit;font-weight:600;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer;transition:.18s ease;box-shadow:0 1px 1px #1d21400a;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--gold-line);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 78%,black));color:var(--primary-ink);border-color:transparent;box-shadow:0 10px 18px -14px var(--primary)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:var(--expense);color:#fff;border-color:transparent}.btn.sm{padding:7px 11px;font-size:12.5px;border-radius:10px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.pill.ok{background:var(--ok-bg);color:var(--income);border-color:transparent}.pill.warn{background:var(--warn-bg);color:var(--expense);border-color:transparent}.pill.gold{background:var(--gold-bg);color:var(--gold);border-color:transparent}.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:inset 0 1px #ffffff73}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:700;color:var(--muted);font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--line-strong);padding:12px 10px;white-space:nowrap;background:color-mix(in srgb,var(--surface-2) 75%,var(--gold-bg) 25%)}td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:hover{background:color-mix(in srgb,var(--gold-bg) 45%,transparent)}.num{text-align:right;white-space:nowrap}tfoot td{font-weight:700;border-bottom:0;border-top:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-2) 85%,var(--gold-bg) 15%)}.empty{padding:28px 10px;color:var(--muted);text-align:center}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;margin-bottom:16px;padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#171d5d,#262d7a 52%,#3d3387);border:1px solid rgba(220,184,98,.35);box-shadow:var(--shadow-strong)}.hero>*{position:relative;z-index:1}.hero .muted{color:#fffc}.hero .big{font-family:Newsreader,Georgia,serif;font-weight:700;font-size:clamp(38px,6vw,56px);line-height:1.02;margin:6px 0 10px;color:#fff}.hero .big.in{color:#9be8c6}.hero .big.out{color:#ffbdc4}.stat{display:flex;flex-wrap:wrap;gap:12px 30px;margin:6px 0 14px}.stat div{min-width:120px}.stat dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat dd{margin:0;font-family:Newsreader,Georgia,serif;font-size:24px;font-weight:700}.hero-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.hero-kicker{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#ffffff1f;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#dcb8622e;border:1px solid rgba(220,184,98,.28);font-size:12px;font-weight:600;color:#f4e4ad}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 16px}.metric{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.metric .label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.metric .value{display:block;font-family:Newsreader,Georgia,serif;font-size:31px;line-height:1.08;font-weight:700;color:var(--ink)}.metric.in .value{color:var(--income)}.metric.out .value{color:var(--expense)}.metric.gold .value{color:var(--gold)}.metric.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}.dashboard-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:16px;margin-bottom:16px}.verse{margin:0 0 16px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--gold-line) 35%,var(--line));border-left:4px solid var(--gold-line);background:linear-gradient(180deg,var(--gold-bg),color-mix(in srgb,var(--gold-bg) 82%,var(--surface)));border-radius:18px;box-shadow:var(--shadow)}.verse p{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:18px;line-height:1.45;margin:0 0 4px}.verse cite{font-style:normal;font-size:13px;font-weight:700;color:var(--gold)}.transfer-box{padding:13px 0;border-bottom:1px solid var(--line)}.transfer-box:last-child{border-bottom:0;padding-bottom:0}.transfer-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.transfer-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.transfer-value{padding:8px 9px;border-radius:11px;background:color-mix(in srgb,var(--bg) 74%,var(--surface));border:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.transfer-value small{display:block;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.045em;margin-bottom:2px}.transfer-value strong{display:block;font-family:Newsreader,Georgia,serif;font-size:clamp(15px,1.45vw,18px);line-height:1.15}.transfer-value.pending.out strong{color:var(--expense)}.transfer-value.pending.in strong{color:var(--income)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0d1eb8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dlg{background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--ink);border-radius:22px;padding:26px;max-width:520px;width:100%;box-shadow:0 30px 65px -15px #000000a6;border:1px solid var(--gold-line);max-height:90vh;overflow-y:auto}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:#1b2060;color:#fff;border:1px solid var(--gold-line);padding:11px 18px;border-radius:999px;font-size:14px;z-index:1200;max-width:90%;box-shadow:var(--shadow-strong)}.auth-screen{height:100vh;width:100vw;overflow-y:auto;display:grid;place-items:center;padding:24px;background:radial-gradient(980px 520px at 0% 0%,rgba(201,162,74,.2),transparent 55%),radial-gradient(820px 480px at 100% 18%,rgba(76,103,255,.22),transparent 55%),linear-gradient(145deg,#14194f,#0c1136 56%,#090c24)}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(380px,.95fr);gap:24px;align-items:stretch}.auth-showcase{border-radius:28px;padding:34px;background:linear-gradient(160deg,#161e59eb,#0b102fe0);border:1px solid rgba(201,162,74,.22);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid rgba(201,162,74,.38);border-radius:26px;padding:32px;box-shadow:0 34px 70px -35px #000000b8}@media(max-width:860px){.side{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:none;z-index:100}.sidebar-open .side{transform:translate(0);box-shadow:14px 0 40px #000000a6}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:95}.side-toggle{display:inline-grid}.topbar{padding:0 16px;gap:10px}.topbar-church-chip{display:none}main.content{padding:16px 14px 24px}.footer-bar{padding:0 12px;font-size:10.5px}.footer-cloud{display:none}.auth-shell,.dashboard-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:20px}.support-fab-wrap{right:16px;bottom:48px}.support-fab{width:46px;height:46px}.support-fab-icon{width:23px;height:23px}.support-fab-tooltip{display:none}}.support-fab-wrap{position:fixed;right:22px;bottom:54px;z-index:95;display:flex;align-items:center;gap:10px}.support-fab{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:1.5px solid rgba(255,255,255,.4);box-shadow:0 8px 24px -4px #128c7e80,0 3px 10px #00000040;cursor:pointer;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;animation:fabPulseZoom 15s ease-in-out infinite}.support-fab:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 14px 30px -4px #25d366a6,0 4px 14px #00000059;animation-play-state:paused}.support-fab:active{transform:scale(.95)}.support-fab-icon{width:26px;height:26px;fill:#fff;flex:none}.support-fab-tooltip{opacity:0;transform:translate(10px);pointer-events:none;background:#111536;color:#fff;border:1px solid rgba(220,184,98,.35);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #00000059;transition:opacity .2s ease,transform .2s ease}.support-fab-wrap:hover .support-fab-tooltip{opacity:1;transform:translate(0)}@keyframes fabPulseZoom{0%,88%,to{transform:scale(1);box-shadow:0 8px 24px -4px #128c7e80,0 3px 10px #00000040}92%{transform:scale(1.18);box-shadow:0 14px 32px 2px #25d366b3,0 4px 12px #0000004d}95%{transform:scale(.95);box-shadow:0 6px 18px #128c7e66}97%{transform:scale(1.08);box-shadow:0 10px 26px #25d3668c}}@media print{.side,.topbar,.support-fab,.btn,.noprint{display:none!important}body{background:#fff!important;color:#000!important}main{max-width:100%!important;padding:0!important}.card,.sheet{box-shadow:none!important;border:1px solid #ddd!important}}