:root{--ink:#1b2333;--ink-soft:#5b6478;--ink-faint:#8b93a5;--line:#e7e9f0;--line-soft:#f0f1f6;--bg:#f4f5f9;--card:#ffffff;--navy:#1a2540;--navy-deep:#141d33;--brand:#3b63d4;--brand-soft:#eef2fd;--gold:#e0a93c;--green:#2a9d63;--green-soft:#e4f4ec;--red:#d4544f;--red-soft:#fbe9e8;--amber:#dd9320;--amber-soft:#fcf2dd;--teal:#2b8a9e;--teal-soft:#e2f1f3;--sidebar-w:266px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cdd2e0;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.sidebar{width:var(--sidebar-w);background:linear-gradient(185deg,var(--navy) 0,var(--navy-deep) 100%);color:#c7cde0;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:20}.brand{padding:22px 22px 18px;gap:11px;border-bottom:1px solid rgba(255,255,255,.07)}.brand,.brand .mark{display:flex;align-items:center}.brand .mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#6a8ce8);justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(59,99,212,.4)}.brand .mark,.brand .name{font-weight:700;color:#fff}.brand .name{font-size:13px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .sub{font-size:10px;color:#7e87a3;letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}.nav{flex:1;overflow-y:auto;padding:14px 12px 20px}.nav-label{font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:#69728f;margin:14px 12px 7px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:400;color:#c7cde0;cursor:pointer;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(59,99,212,.95),rgba(59,99,212,.7));font-weight:500}.nav-item .ico{width:18px;height:18px;flex-shrink:0;stroke-width:1.7}.nav-item .chev{margin-left:auto;width:14px;height:14px;transition:transform .2s;opacity:.6}.nav-item.open .chev{transform:rotate(90deg)}.nav-item .badge{margin-left:auto;background:var(--gold);color:#3a2c08;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px}.submenu{overflow:hidden;max-height:0;transition:max-height .25s ease;margin:2px 0 2px 16px;border-left:1.5px solid rgba(255,255,255,.08)}.submenu.show{max-height:360px}.sub-item{display:block;padding:7px 12px 7px 18px;font-size:12.5px;color:#9aa2bd;cursor:pointer;border-radius:0 7px 7px 0;transition:color .14s,background .14s}.sub-item:hover{color:#fff;background:rgba(255,255,255,.05)}.sub-item.active{color:#fff;font-weight:500;background:rgba(255,255,255,.07)}.sub-item.future{color:#697196;font-style:italic}.side-foot{padding:14px;border-top:1px solid rgba(255,255,255,.07)}.side-user{gap:10px;padding:9px;border-radius:10px;background:rgba(255,255,255,.05)}.side-user,.side-user .av{display:flex;align-items:center}.side-user .av{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold),#f0c976);justify-content:center;font-weight:700;font-size:13px;color:#3a2c08}.side-user .u-name{font-size:12.5px;color:#fff;font-weight:500}.side-user .u-role{font-size:10.5px;color:#7e87a3}.crumb{font-size:12px}.icon-btn{width:38px;height:38px}.icon-btn .dot{top:8px;right:9px}.content{padding:26px 28px 40px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.intro h1{font-size:24px;font-weight:600;letter-spacing:.1px}.intro p{font-size:13px;color:var(--ink-soft);margin-top:3px}.btn{font-family:Poppins;font-size:12.5px;font-weight:500;padding:10px 17px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);display:flex;align-items:center;gap:7px}.btn svg{width:15px;height:15px}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 12px rgba(59,99,212,.28)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px;position:relative;overflow:hidden}.stat .accent{position:absolute;left:0;top:0;bottom:0;width:4px}.stat .glyph{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat .glyph svg{width:21px;height:21px;stroke-width:1.9}.g-blue{background:var(--brand-soft)}.g-blue svg{color:var(--brand)}.g-green{background:var(--green-soft)}.g-green svg{color:var(--green)}.g-amber{background:var(--amber-soft)}.g-amber svg{color:var(--amber)}.g-red{background:var(--red-soft)}.g-red svg{color:var(--red)}.g-teal{background:var(--teal-soft)}.g-teal svg{color:var(--teal)}.stat .s-val{font-size:25px;font-weight:600;line-height:1}.stat .s-label{font-size:12px;color:var(--ink-faint);margin-top:6px}.stat .s-meta{font-size:10.5px;color:var(--ink-soft);margin-top:8px}.stat .s-trend{position:absolute;top:18px;right:18px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:3px}.trend-up{background:var(--green-soft);color:var(--green)}.trend-down{background:var(--red-soft);color:var(--red)}.trend-flat{background:var(--line-soft);color:var(--ink-soft)}.stat .s-trend svg{width:11px;height:11px}.grid-2{grid-template-columns:1.55fr 1fr}.grid-2,.grid-2b{display:grid;gap:16px;margin-bottom:18px}.grid-2b{grid-template-columns:1fr 1fr}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.panel-h h3{font-size:15px;font-weight:600}.panel-h .more{font-size:11.5px;color:var(--brand);cursor:pointer;font-weight:500}.tabs{display:flex;gap:6px;background:var(--bg);padding:4px;border-radius:9px;border:1px solid var(--line)}.tab{padding:7px 16px;font-size:13px;font-weight:500;color:var(--ink-soft);cursor:pointer;border-radius:7px;transition:all .2s}.tab.on{background:#fff;color:var(--brand);box-shadow:0 2px 6px rgba(0,0,0,.06);font-weight:600}.search{gap:8px;border-radius:9px;padding:8px 12px;min-width:260px}.search svg{width:15px;height:15px}.search input,.search select{background:transparent;font-size:13px}.search select{border:none;outline:none;color:var(--ink-soft);cursor:pointer;font-family:inherit}.search .div{width:1px;height:16px;background:var(--line);margin:0 4px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--line)}tbody td{padding:14px;font-size:13px;color:var(--ink);border-bottom:1px solid var(--line-soft)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg)}.stu{gap:10px}.stu,.stu .s-av{display:flex;align-items:center}.stu .s-av{width:32px;height:32px;border-radius:8px;justify-content:center;font-size:11.5px;font-weight:600;color:#fff}.stu .s-name{font-weight:500}.stu .s-cls{font-size:10.5px;color:var(--ink-faint)}.pill{font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block}.pill.paid{background:var(--green-soft);color:var(--green)}.pill.due{background:var(--red-soft);color:var(--red)}.pill.partial{background:var(--amber-soft);color:var(--amber)}.pill.overdue{background:#f3e4f5;color:#8e44ad}.amt{font-weight:600;font-variant-numeric:tabular-nums}.t-act{font-size:11px;color:var(--brand);font-weight:500;cursor:pointer}.mock-note{text-align:center;font-size:10.5px;color:var(--ink-faint);margin-top:32px;padding-top:16px;border-top:1px solid var(--line-soft)}.placeholder{background:var(--card);border:1px dashed var(--line);border-radius:15px;padding:64px 24px;text-align:center}.placeholder .ph-ic{width:60px;height:60px;border-radius:15px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.placeholder .ph-ic svg{width:28px;height:28px;color:var(--brand)}.placeholder h2{font-size:18px;font-weight:600}.placeholder p{font-size:12.5px;color:var(--ink-soft);margin-top:6px}.sidebar-close-btn{margin-left:auto;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:none;color:#c7cde0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.sidebar-close-btn:hover{background:rgba(255,255,255,.16);color:#fff}.sidebar-close-btn svg{width:17px;height:17px}.sidebar .brand{display:flex;align-items:center;gap:10px}.sidebar .brand-logo-img{width:36px;height:36px;object-fit:contain;object-position:center;flex-shrink:0;display:block}.nav-item.active{background:linear-gradient(135deg,#3b63d4,#5878e0);color:#fff;box-shadow:0 4px 14px rgba(59,99,212,.35)}.nav-item.active .chev,.nav-item.active .ico{color:#fff}.sub-item.active{color:#ffffff;font-weight:600}.sub-item.active:before{background:#3b63d4}.submenu .sub-item.active{position:relative}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:0 28px;height:66px;gap:20px;position:sticky;top:0;z-index:10}.crumb,.topbar{display:flex;align-items:center}.crumb{font-size:13px;color:var(--ink-faint)}.crumb b{color:var(--ink);font-weight:600}.crumb-sep{margin:0 8px;color:var(--ink-faint);font-weight:400}.search{margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 13px;width:320px}.search input{border:none;background:none;outline:none;font-family:inherit;font-size:14px;color:var(--ink);width:100%}.search input::placeholder{color:var(--ink-faint)}.search svg{width:16px;height:16px;color:var(--ink-faint);flex-shrink:0}.year-pick-container{display:flex;flex-direction:column;justify-content:center;background:var(--brand-soft);border:1px solid #d3defa;border-radius:10px;padding:6px 12px;margin-left:auto}.year-pick-container .yp-label{font-size:9.5px;color:var(--brand);letter-spacing:.5px;text-transform:uppercase;font-weight:600;text-align:left;margin-bottom:2px}.yp-select-wrapper{display:flex;align-items:center;gap:8px;position:relative}.yp-select-wrapper .yp-select{font-size:14px;font-weight:600;color:var(--navy);background:transparent;border:none;outline:none;cursor:pointer;appearance:none;padding-right:18px;font-family:inherit}.yp-select-wrapper svg{width:14px;height:14px;color:var(--brand);position:absolute;right:0;pointer-events:none}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.icon-btn svg{width:18px;height:18px;color:var(--ink-soft)}.icon-btn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid var(--card)}@media (max-width:720px){.topbar{padding:0 16px;gap:12px}.search{width:160px}.year-pick .yp-label{display:none}}.header-menu-btn{width:38px;height:38px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:4px}.header-menu-btn svg{width:18px;height:18px}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c9a125e97d835e1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins Fallback;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_51684b{font-family:Poppins,Poppins Fallback;font-style:normal}