:root{--ink:#5b1a2b;--ink2:#7a2638;--gold:#b8913a;--gold2:#e9cf8b;--bg:#fbf6ee;--line:#eadbc8;--muted:#6e6461;--due:#b42318;--adv:#1e7b3c}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:#222;font:13px/1.45 Manrope,system-ui,sans-serif}h1,h2,h3,h4{font-family:inherit}.sb{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.main{min-width:0;padding:24px 30px 30px}.page-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 14px;font-size:24px;font-weight:800}.foot{text-align:center;color:var(--muted);margin-top:18px;font-size:11px;font-weight:700}.wm{letter-spacing:.12em;color:var(--gold2);font-family:Cinzel,serif;font-weight:600;line-height:1.05}.wm small{letter-spacing:.3em;color:#fff;opacity:.75;margin-top:6px;font:600 8.5px Manrope,sans-serif;display:block}.side{background:var(--ink);color:#fff;flex-direction:column;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{text-align:center;border-bottom:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:18px;display:flex}.side .brand svg{width:64px;height:64px}.side .brand .wm{font-size:16px}.side .mname{border:1px solid var(--gold);text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);overflow-wrap:anywhere;border-radius:12px;margin-top:auto;margin-bottom:10px;padding:10px 12px;font-size:12.5px;font-weight:800}.side .mname+.mcard{margin-top:0}.side .item{opacity:.78;color:#fff;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:block}.side .item:hover{opacity:1;background:#ffffff0d}.side .item.on{opacity:1;box-shadow:inset 3px 0 0 var(--gold);background:#ffffff14}.side .sec{letter-spacing:.2em;opacity:.45;margin:6px 12px 4px;font-size:9.5px;font-weight:700}.side .bottom{border-top:1px solid #ffffff1f;align-items:center;gap:10px;padding-top:14px;font-size:12px;display:flex}.side .bottom i{background:var(--gold);width:30px;height:30px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:700;display:flex}.side .bottom .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side .bottom button{color:#fff;opacity:.6;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline;display:block}.side .bottom button:hover{opacity:1}.topbar{display:none}.mcard{text-align:center;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #e9cf8b73;border-radius:12px;margin-top:auto;margin-bottom:12px;padding:14px 14px 12px}.mcard .lb{letter-spacing:.28em;color:var(--gold2);opacity:.85;font-size:9px;font-weight:700}.mcard .no{font-variant-numeric:tabular-nums;color:#fff;margin:4px 0 8px;font-size:40px;font-weight:800;line-height:1.05}.mcard .no.adm{margin:8px 0 10px;font-size:22px}.mcard .unit{letter-spacing:.18em;color:var(--ink);background:var(--gold2);border-radius:14px;padding:5px 16px;font-size:12px;font-weight:800;display:inline-block}.mcard .unit.adm{color:var(--gold2);border:1px solid var(--gold2);background:0 0}table.t{border-collapse:collapse;width:100%;font-size:12px}.t th{text-align:left;color:#fff;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);padding:9px 14px;font-size:10px;font-weight:700}.t td{border-top:1px solid var(--line);vertical-align:top;padding:8px 14px}.t .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t tr.fyrow td{background:var(--bg);color:var(--ink);font-size:11.5px;font-weight:800}.t tr.sub td{color:var(--ink);font-weight:700}.t tr.tot td{color:var(--ink);border-top:2px solid var(--ink);font-weight:800}.amt-due{color:var(--due)!important}.amt-adv{color:var(--adv)!important}.amt-nil{color:#222!important}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden}.panel-h{border-bottom:1px solid var(--line);align-items:center;padding:12px 16px;display:flex}.panel-h h4{color:var(--ink);margin:0;font-size:14px;font-weight:800}.note{color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:11.5px}.si{background:radial-gradient(1200px 600px at 20% 30%, #ffffff0f, transparent 60%), linear-gradient(135deg, var(--ink2), var(--ink) 60%);color:#fff;grid-template-columns:1.2fr 1fr;align-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.si:after{content:"";background:var(--gold);height:4px;position:absolute;bottom:0;left:0;right:0}.si-l{text-align:center;flex-direction:column;align-items:center;padding:40px;display:flex}.si-l svg{width:140px;height:140px}.si-l .wm{margin-top:24px;font-size:36px}.si-l .wm small{margin-top:12px;font-size:10px}.si-l .rule{background:var(--gold);width:70px;height:1px;margin:24px auto 0}.si-r{justify-content:center;padding:40px;display:flex}.box{color:#222;text-align:center;border-top:4px solid var(--gold);background:#fff;border-radius:16px;width:350px;max-width:100%;padding:34px 32px;box-shadow:0 24px 60px #00000059}.box h2{color:var(--ink);margin:0 0 6px;font-size:22px;font-weight:800}.box p{color:var(--muted);margin:0 0 22px;font-size:12.5px}.box .gbtn{justify-content:center;min-height:44px;display:flex}.box .fine{color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:11px;font-weight:700}.box .err{color:#8a1c1c;text-align:center;background:#fdecec;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:11.5px;line-height:1.5}@media (width<=759px){.sb{display:block}.main{padding:16px 14px 24px}.topbar{background:var(--ink);color:#fff;z-index:10;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.topbar svg{width:30px;height:30px}.topbar .wm{flex:1;font-size:14px}.topbar button{color:var(--gold2);cursor:pointer;background:0 0;border:1px solid #e9cf8b80;border-radius:8px;padding:6px 12px;font:600 12px Manrope,sans-serif}.side{height:auto;display:none;position:static}.side.open{display:flex}.side .brand{display:none}.mcard{margin-top:12px}.si{grid-template-columns:1fr;align-content:center}.si-l{padding:32px 20px 0}.si-l svg{width:90px;height:90px}.si-l .wm{margin-top:16px;font-size:26px}.si-r{padding:24px 16px 40px}.box{padding:28px 22px}}.hello{align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.hello .page-title{margin:0}.hello.member-head{min-height:77px}.meta{color:var(--muted);margin-top:6px;font-size:12.5px}.grand{text-align:right;background:var(--ink);color:#fff;box-shadow:inset 0 -3px 0 var(--gold);border-radius:12px;margin-left:auto;padding:12px 18px}.grand .l{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:600}.grand .v{color:var(--gold2);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.filters{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;padding:3px 10px;font:600 11px Manrope,sans-serif}.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.t tr.due td{color:var(--ink);font-weight:800}.t tr.due td.n{font-size:13.5px}.tcards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.tcards .grand{text-align:left;margin-left:0}.kvgrid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.kvgrid .panel-h{background:var(--ink);border-bottom:0}.kvgrid .panel-h h4{color:#fff}.kv{grid-template-columns:170px 1fr;align-content:start;font-size:12.5px;display:grid}.kv div{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:8px 16px}.kv div:nth-child(odd){color:var(--muted);font-weight:600}.kv div:nth-child(2n){font-weight:700}@media (width<=759px){.kvgrid,.tcards{grid-template-columns:1fr}.hello{flex-wrap:wrap}.panel{overflow-x:auto}}.banner{color:#6b4e10;background:#fff4d6;border:1px solid #ebd59a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 14px;font-size:12px;display:flex}.banner a{color:#6b4e10;font-weight:600;text-decoration:none}.banner a:hover{text-decoration:underline}.subnav{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.subnav a,.subnav button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:14px;padding:5px 12px;font:600 12px Manrope,system-ui,sans-serif;text-decoration:none}.subnav .on{background:var(--ink);color:#fff;border-color:var(--ink)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.fyc{border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--gold);background:#fff;border-radius:12px;padding:12px 14px}.fyc .l{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.fyc .v{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px;font-size:21px;font-weight:800}.fyc .v.sm{font-size:16px}.fyc .s{color:var(--muted);font-size:11px}.search{border:1px solid var(--line);border-radius:8px;width:220px;max-width:100%;margin-left:auto;padding:5px 10px;font:12px Manrope,system-ui,sans-serif}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:3px 12px;font:600 11px Manrope,sans-serif}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.danger{color:#fff;background:#b42318;border-color:#b42318}.btn:disabled{opacity:.5;cursor:default}.panel .err{color:#b42318;font-size:12px;font-weight:600}.pill{color:#666;background:#eee;border-radius:8px;padding:1px 8px;font-size:10px;font-weight:700}.t tr.click{cursor:pointer}.t tr.click:hover td{background:var(--bg)}.t a.mno{color:var(--ink);font-weight:700;text-decoration:none}.t td.ref{color:var(--muted);font-size:11px}@media (width<=759px){.stats{grid-template-columns:1fr 1fr}}