:root,[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface2:#21262d;--border:#30363d;--accent:#2ea043;--accent2:#388bfd;--accent3:#f78166;--accent4:#d29922;--text:#e6edf3;--text2:#8b949e;--text3:#484f58;--danger:#da3633;--success:#2ea043;--warning:#d29922;--info:#388bfd;--shadow:0 4px 24px rgba(0,0,0,.5);--print-bg:#fff;--print-text:#000}[data-theme=light]{--bg:#f6f8fa;--surface:#ffffff;--surface2:#f0f2f5;--border:#d0d7de;--text:#24292f;--text2:#57606a;--text3:#8c959f;--accent:#1a7f37;--accent2:#0969da;--accent3:#cf222e;--accent4:#9a6700;--danger:#cf222e;--success:#1a7f37;--warning:#9a6700;--info:#0969da;--shadow:0 4px 24px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius:8px;--radius-lg:12px;--font:"Sora",sans-serif;--mono:"JetBrains Mono",monospace;--nav-w:240px;--topbar:56px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:14px;line-height:1.6;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.hidden{display:none!important}.text-muted{color:var(--text2)}.text-sm{font-size:12px}.text-xs{font-size:11px}.fw-600{font-weight:600}.mono{font-family:var(--mono)}.d-flex{display:flex}.align-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-100{width:100%}.text-success{color:var(--success)}.text-danger{color:var(--danger)}#loginPage{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px;width:100%;max-width:400px;box-shadow:var(--shadow)}.login-logo{text-align:center;margin-bottom:32px}.login-logo .icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px}.login-logo h1{font-size:20px;font-weight:700}.login-logo p{font-size:12px;color:var(--text2);margin-top:4px}.login-error{background:#da363326;border:1px solid var(--danger);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--danger);margin-bottom:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-control{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:border-color .2s}.form-control:focus{border-color:var(--accent2)}.form-control::placeholder{color:var(--text3)}select.form-control option{background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:38px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#da363326;color:var(--danger);border:1px solid rgba(218,54,51,.3)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-info{background:#388bfd26;color:var(--info);border:1px solid rgba(56,139,253,.3)}.btn-info:hover{background:var(--info);color:#fff}.btn-warning{background:#d2992226;color:var(--warning);border:1px solid rgba(210,153,34,.3)}.btn-warning:hover{background:var(--warning);color:#000}.btn-sm{padding:5px 10px;font-size:11px;min-height:28px}.btn-lg{padding:12px 24px;font-size:15px;width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.theme-toggle{width:36px;height:36px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.2s}.theme-toggle:hover{background:var(--border)}#appShell{min-height:100vh}#appShell.app-hidden{display:none!important}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;z-index:100;gap:12px}.topbar-brand{font-weight:700;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}.topbar-brand .logo{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.hamburger{width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;display:none}.hamburger span{width:16px;height:2px;background:var(--text);border-radius:2px}@media (max-width:900px){.hamburger{display:flex}}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150}.nav-overlay.active{display:block}.sidebar{position:fixed;top:var(--topbar);left:0;bottom:0;width:var(--nav-w);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;z-index:160;transition:transform .3s}@media (max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.nav-section{padding:12px 8px 4px;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:var(--radius);margin:2px 8px;cursor:pointer;color:var(--text2);font-size:13px;font-weight:500;transition:.15s;-webkit-tap-highlight-color:transparent;border:none;background:none;width:calc(100% - 16px);text-align:left}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#2ea04326;color:var(--accent);font-weight:600}.nav-item .nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.main,.main-content{margin-left:var(--nav-w);margin-top:var(--topbar);padding:24px;min-height:calc(100vh - var(--topbar))}@media (max-width:900px){.main,.main-content{margin-left:0;padding:16px}}.page{padding-top:8px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:22px;font-weight:700}.page-title .sub{font-size:13px;color:var(--text2);font-weight:400;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.dashboard-page{max-width:1600px}.dashboard-header{align-items:flex-start}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text2);margin-bottom:6px}.dashboard-actions{display:flex;align-items:center;gap:10px}.dashboard-actions .btn{height:34px}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;min-height:130px}.kpi-card:after{content:"";position:absolute;top:-26px;right:-26px;width:96px;height:96px;border-radius:50%;background:#ffffff14}.kpi-card.success{border-top:3px solid var(--success)}.kpi-card.blue{border-top:3px solid var(--info)}.kpi-card.violet{border-top:3px solid var(--accent4)}.kpi-card.warning{border-top:3px solid var(--warning)}.kpi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:30px;font-weight:800;line-height:1.02;letter-spacing:-.04em;color:var(--text)}.kpi-foot{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--text2);font-size:11px}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface2);color:var(--text);font-weight:800}.trend{font-size:10px;padding:4px 9px;border-radius:99px;font-weight:800}.trend.positive{background:#2ea04324;color:var(--success)}.trend.warning{background:#d2992224;color:var(--warning)}.trend.danger{background:#da363324;color:var(--danger)}.analytics-row{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;min-height:260px}.analytics-card-wide{min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head.compact{margin-bottom:14px}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text2)}.section-title{font-size:20px;line-height:1.12;margin-top:4px;color:var(--text)}.status-pill{font-size:10px;padding:5px 12px;border-radius:99px;font-weight:700;text-transform:uppercase}.status-pill.success{background:#2ea04324;color:var(--success)}.icon-badge{font-size:10px;padding:6px 12px;border-radius:99px;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.chart-area{height:170px;border-radius:12px;background:linear-gradient(180deg,rgba(56,139,253,.04),transparent);border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.chart-lines{position:relative;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 29px,var(--border) 30px),repeating-linear-gradient(0deg,transparent 0,transparent 29px,var(--border) 30px);background-size:100% 100%,100% 100%}.chart-lines .chart-line{position:absolute;height:2px;left:14px;right:14px;top:50%;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2));opacity:.85}.chart-line-one{top:35%!important}.chart-line-two{top:50%!important;background:linear-gradient(90deg,transparent,var(--accent4),var(--warning))!important}.chart-line-three{top:65%!important;background:linear-gradient(90deg,transparent,var(--accent3),var(--danger))!important}.chart-axis{position:absolute;left:12px;right:12px;bottom:8px;display:flex;justify-content:space-between;color:var(--text2);font-size:10px}.mini-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:16px}.mini-summary>div{flex:1}.mini-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text2)}.mini-value{display:block;font-size:18px;font-weight:800;margin-top:4px}.mini-value.positive{color:var(--success)}.mini-value.danger{color:var(--danger)}.bar-chart-list{display:grid;gap:14px;margin-top:8px}.bar-row{display:grid;grid-template-columns:80px minmax(120px,1fr);align-items:center;gap:8px}.bar-label{font-size:11px;color:var(--text2);display:flex;justify-content:space-between;align-items:center}.bar-label span{text-transform:uppercase}.bar-track{width:100%;height:10px;border-radius:99px;background:var(--surface2);overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}.dashboard-lower-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:16px}.pulse-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.pulse-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;background:var(--surface2);border:1px solid var(--border)}.pulse-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.pulse-icon.success{background:#2ea0431f;color:var(--success)}.pulse-icon.danger{background:#da36331f;color:var(--danger)}.pulse-icon.blue{background:#388bfd1f;color:var(--info)}.pulse-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text2)}.pulse-value{font-size:22px;font-weight:800;margin-top:3px}.recent-admissions{margin-top:8px}.empty-state{padding:20px;color:var(--text2)}.dashboard-loading,.dashboard-error{margin-top:16px}.dashboard-error{color:var(--danger)}.modern-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}@media (max-width:1180px){.kpi-strip{grid-template-columns:repeat(2,minmax(210px,1fr))}.analytics-row,.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width:720px){.kpi-strip,.analytics-row,.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-actions{width:100%;justify-content:flex-start}.page-header{align-items:flex-start}.chart-area{height:150px}}.daily-cash-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.daily-cash-page .panel{min-height:320px;display:flex;flex-direction:column;gap:16px}.daily-cash-page .dailycash-panels{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:20px;margin-bottom:24px}.daily-cash-page .panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.daily-cash-page .panel-title{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);margin-bottom:8px}.daily-cash-page .panel-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.daily-cash-page .panel-badge-auto{background:#2ea0431f;color:var(--success)}.daily-cash-page .panel-body{display:flex;flex-direction:column;gap:16px;flex:1}.daily-cash-page .panel-list{display:grid;gap:10px;max-height:calc(100% - 100px);overflow:auto;padding-right:4px}.daily-cash-page .panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2)}.daily-cash-page .panel-row-title{font-weight:700;margin-bottom:4px}.daily-cash-page .panel-row-amount{font-weight:700;min-width:80px;text-align:right}.daily-cash-page .panel-row-actions{display:flex;align-items:center;gap:8px}.daily-cash-page .panel-summary{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:700}.daily-cash-page .panel-empty{color:var(--text2);padding:24px 0}.daily-cash-page .dailycash-panels .panel-income .panel-row{background:#388bfd14;border-color:#388bfd33}.daily-cash-page .dailycash-panels .panel-expenses .panel-row{background:#da363314;border-color:#da363333}.daily-cash-page .dailycash-panels .panel-fees .panel-row{background:#2ea04314;border-color:#2ea04333}.daily-cash-page .panel-fees{border-color:#2ea04333}.daily-cash-page .panel-income{border-color:#388bfd33}.daily-cash-page .panel-expenses{border-color:#da363333}.daily-cash-page .table-responsive{margin-top:12px}.daily-cash-page .table th,.daily-cash-page .table td{white-space:nowrap}.daily-cash-page .table td .text-muted{text-align:right}.daily-cash-page .table .btn-sm{margin-right:6px}.daily-cash-page .table tbody tr:hover{background:#8080800d}.daily-cash-page .table-empty{padding:32px!important}@media (max-width:1200px){.daily-cash-page .dailycash-panels{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (max-width:860px){.daily-cash-page .dailycash-panels{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color,var(--accent))}.stat-card .stat-icon{font-size:28px;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:700;line-height:1}.stat-card .stat-label{font-size:12px;color:var(--text2);margin-top:4px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{background:var(--surface2);color:var(--text2);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:hover{background:#8080800d}.table tbody tr:last-child td{border-bottom:none}.table-empty{text-align:center;color:var(--text2);padding:40px!important}.table-total{background:var(--surface2)!important;font-weight:700}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-success{background:#2ea04333;color:var(--success)}.badge-danger{background:#da363333;color:var(--danger)}.badge-warning{background:#d2992233;color:var(--warning)}.badge-info{background:#388bfd33;color:var(--info)}.badge-neutral{background:var(--surface2);color:var(--text2)}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300;align-items:center;justify-content:center;padding:16px}.modal-backdrop.active{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-lg{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:15px;font-weight:700}.modal-close{width:32px;height:32px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text2);font-size:18px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface2)}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.profile-header{display:flex;align-items:center;gap:20px;padding:20px;background:var(--surface2);border-radius:var(--radius-lg);margin-bottom:20px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.profile-name{font-size:20px;font-weight:700}.profile-meta{font-size:13px;color:var(--text2);margin-top:4px}.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.ptab{padding:8px 16px;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--text2);border-bottom:2px solid transparent;white-space:nowrap;transition:.15s;margin-bottom:-1px}.ptab.active{color:var(--accent2);border-bottom-color:var(--accent2);font-weight:600}.profile-section{display:none}.profile-section.active{display:block}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:500px){.info-grid{grid-template-columns:1fr}}.info-item .lbl{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-item .val{font-size:14px;font-weight:500}.att-stat-grid{display:flex;gap:20px;flex-wrap:wrap;padding:16px;background:var(--surface2);border-radius:var(--radius);margin-bottom:16px}.att-stat{text-align:center}.att-stat .num{font-size:24px;font-weight:700}.att-stat .lbl{font-size:11px;color:var(--text2)}#toastContainer{position:fixed;bottom:20px;right:20px;z-index:500;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;min-width:260px;max-width:360px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);font-size:13px;animation:toastIn .3s ease}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.toast.info{border-left:3px solid var(--info)}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#globalLoader{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117cc;z-index:400;align-items:center;justify-content:center;flex-direction:column;gap:16px}#globalLoader.active{display:flex}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters .form-control{width:auto;min-width:140px}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto;padding-bottom:1px}.tab-btn{padding:8px 16px;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--text2);border-bottom:2px solid transparent;white-space:nowrap;font-weight:500;transition:.15s;margin-bottom:-1px}.tab-btn.active{color:var(--accent2);border-bottom-color:var(--accent2);font-weight:600}.tab-btn:hover{color:var(--text)}.fee-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:16px}.fee-summary .item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;text-align:center}.fee-summary .val{font-size:20px;font-weight:700}.fee-summary .lbl{font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}.fee-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.fee-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.fee-card-header{display:flex;gap:14px;align-items:center}.student-photo{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.fee-card-title{font-size:16px;font-weight:700;line-height:1.2}.fee-card-meta{font-size:12px;color:var(--text2);margin-top:4px}.fee-card-body{display:grid;gap:10px}.fee-card-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.fee-card-row .lbl{color:var(--text2)}.fee-card-row .val{font-weight:700}.fee-card-footer{display:flex;flex-wrap:wrap;gap:8px}.fee-card-footer .btn{flex:1 1 auto;min-width:110px}.fee-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.fee-status.Pending{background:#da36331a;color:var(--danger)}.fee-status.Partial{background:#d299221f;color:var(--warning)}.fee-status.Paid{background:#2ea0431f;color:var(--success)}@media (max-width:900px){.fee-card-footer{flex-direction:column}.fee-card-footer .btn{width:100%}.filters{flex-direction:column}.filters .form-control{width:100%;min-width:0}}.att-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--surface2)}.att-btn-group{display:flex;gap:4px}.att-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:none;cursor:pointer;font-size:11px;font-weight:700;color:var(--text2);transition:.15s}.att-btn.P.active{background:#2ea0434d;border-color:var(--success);color:var(--success)}.att-btn.A.active{background:#da36334d;border-color:var(--danger);color:var(--danger)}.att-btn.L.active{background:#d299224d;border-color:var(--warning);color:var(--warning)}.stu-search-wrap{position:relative;flex:1;min-width:200px}.stu-search-results{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-height:220px;overflow-y:auto;box-shadow:var(--shadow);margin-top:2px;display:none}.stu-search-results.open{display:block}.stu-search-item{padding:9px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--border);transition:.12s}.stu-search-item:last-child{border-bottom:none}.stu-search-item:hover,.stu-search-item.selected{background:#388bfd1f;color:var(--accent2)}.stu-search-item .stu-si-name{font-weight:600}.stu-search-item .stu-si-sub{font-size:11px;color:var(--text2);margin-top:1px}.fee-summary{display:flex;gap:16px;flex-wrap:wrap;padding:16px;background:var(--surface2);border-radius:var(--radius);margin-bottom:20px}.fee-summary .item{text-align:center}.fee-summary .item .val{font-size:18px;font-weight:700}.fee-summary .item .lbl{font-size:11px;color:var(--text2)}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}#printFrame,#printFrame *{visibility:visible}#printFrame{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;overflow:visible}.pf-close{display:none!important}.voucher-pair{page-break-after:always}.voucher-pair:last-child{page-break-after:avoid}.voucher-copy{page-break-inside:avoid;box-shadow:none!important}}#printFrame{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;overflow:auto;padding:0}.pf-content{max-width:860px;margin:0 auto;padding:16px 20px}.pf-close{position:fixed;top:12px;right:12px;z-index:10000;background:#1a3a5c;color:#fff;border:none;border-radius:6px;padding:8px 20px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000004d}.voucher-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;align-items:start}@media (max-width:700px){.voucher-pair{grid-template-columns:1fr}}.voucher-copy{border:2px solid #1a3a5c;page-break-inside:avoid;font-family:Arial,sans-serif;font-size:12px;background:#fff;border-radius:4px;overflow:hidden}.voucher-copy.office{border-style:dashed;border-color:#666}.vc-head{background:#1a3a5c;color:#fff;padding:10px 14px;text-align:center}.vc-head h2{font-size:15px;font-weight:700;margin-bottom:2px}.vc-head p{font-size:10px;opacity:.85}.vc-copy-label{background:#e8f4fd;color:#1a3a5c;text-align:center;padding:5px;font-size:11px;font-weight:700;border-bottom:1px solid #b8d9f0;letter-spacing:1.5px}.vc-body{padding:10px 14px}.vc-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dotted #e0e0e0;font-size:12px;gap:8px}.vc-row:last-child{border-bottom:none}.vc-row label{color:#555;font-weight:500;flex-shrink:0}.vc-row span{font-weight:700;color:#111;text-align:right}.vc-arrears-wrap{max-height:120px;overflow-y:auto;border:1px solid #f0d080;border-radius:3px;margin:2px 0 4px;background:#fffdf0}.vc-arrears-wrap::-webkit-scrollbar{width:4px}.vc-arrears-wrap::-webkit-scrollbar-thumb{background:#d4b800;border-radius:2px}.vc-arrear-row{display:flex;justify-content:space-between;padding:3px 10px;font-size:11px;border-bottom:1px dotted #ede0a0}.vc-arrear-row:last-child{border-bottom:none}.vc-arrear-row label{color:#856404;font-weight:500}.vc-arrear-row span{color:#856404;font-weight:700}.vc-summary{background:#f0f4f8;border-top:2px solid #1a3a5c;padding:8px 14px}.vc-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:3px 0;font-weight:600;color:#222}.vc-summary-row span:first-child{color:#333;font-weight:600}.vc-summary-row.total-row{font-size:13px;font-weight:800;color:#1a3a5c;border-top:2px solid #1a3a5c;margin-top:4px;padding-top:5px}.vc-summary-row.total-row span{color:#1a3a5c!important;font-weight:800}.vc-summary-row.paid-row span:last-child{color:#155724!important;font-weight:800;font-size:13px}.vc-summary-row.remaining-row span:last-child{color:#7b1c1c!important;font-weight:800;font-size:13px}.vc-summary-row.remaining-row.zero span:last-child{color:#155724!important;font-weight:800;font-size:13px}@media print{.vc-summary-row.paid-row span:last-child{color:#155724!important;-webkit-print-color-adjust:exact}.vc-summary-row.remaining-row span:last-child{color:#7b1c1c!important;-webkit-print-color-adjust:exact}.vc-summary-row.remaining-row.zero span:last-child{color:#155724!important;-webkit-print-color-adjust:exact}}.vc-footer{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid #ddd;font-size:10px;color:#666;background:#fafafa}.vc-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}.vc-status.Paid{background:#d4edda;color:#155724}.vc-status.Partial{background:#fff3cd;color:#856404}.vc-status.Unpaid{background:#f8d7da;color:#721c24}@media print{.vc-arrears-wrap{max-height:none!important;overflow:visible!important}}.adm-wrap{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;color:#000;background:#fff}.adm-header{text-align:center;border-bottom:3px double #1a3a5c;padding-bottom:12px;margin-bottom:16px}.adm-header h1{font-size:20px;color:#1a3a5c;margin-bottom:4px}.adm-header p{font-size:12px;color:#555}.adm-title{font-size:14px;font-weight:700;background:#1a3a5c;color:#fff;padding:6px 12px;margin:16px 0 8px}.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid #ccc;border-top:1px solid #ccc}.adm-cell{padding:6px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:12px}.adm-cell.label{background:#f5f5f5;font-weight:600;color:#333}.adm-cell.value{color:#000}.adm-sign{display:flex;justify-content:space-between;margin-top:40px;padding-top:16px;border-top:1px solid #ccc}.adm-sign div{text-align:center;font-size:11px}.adm-sign .line{border-top:1px solid #333;width:150px;margin:0 auto 4px}.acct-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.acct-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center}.acct-box .val{font-size:24px;font-weight:700;margin-bottom:4px}.acct-box .lbl{font-size:12px;color:var(--text2)}.acct-box.income{border-top:3px solid var(--success)}.acct-box.expense{border-top:3px solid var(--danger)}.acct-box.salary{border-top:3px solid var(--warning)}.acct-box.profit{border-top:3px solid var(--info)}.acct-box.profit .val.positive{color:var(--success)}.acct-box.profit .val.negative{color:var(--danger)}.adv-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;transition:transform .15s}.adv-kpi-card:hover{transform:translateY(-2px)}.adv-comp-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.adv-comp-row:last-child{border-bottom:none}.adv-comp-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.adv-comp-up{background:#2ea04333;color:var(--success)}.adv-comp-down{background:#da363333;color:var(--danger)}.adv-comp-flat{background:#8b949e33;color:var(--text2)}@media (max-width:900px){.adv-chart-grid,.adv-bottom-grid{grid-template-columns:1fr!important}}@media (max-width:767px){.form-control,select.form-control,input.form-control,textarea.form-control{font-size:16px!important}}@supports (padding:max(0px)){.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.main{padding-bottom:max(24px,env(safe-area-inset-bottom))}#toastContainer{bottom:max(20px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}}@media (max-width:900px){.btn{min-height:44px}.btn-sm{min-height:32px}.nav-item{min-height:44px}.tab-btn{min-height:40px}}@media (max-width:480px){.modal{border-radius:var(--radius) var(--radius) 0 0;position:fixed;bottom:0;left:0;right:0;max-height:94vh;margin:0}.modal-backdrop{align-items:flex-end;padding:0}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr}}html,body{overflow-x:hidden;max-width:100vw}@media (max-width:480px){.table td,.table th{padding:8px 10px;font-size:12px}}.perm-hidden,body.teacher-role .teacher-nav-portal-only,body.student-role .student-nav-portal-only{display:none!important}.sp-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:20px}.sp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;text-align:center;border-top:3px solid var(--accent)}.sp-stat .sp-val{font-size:20px;font-weight:700;margin-bottom:2px}.sp-stat .sp-lbl{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.sp-profile-banner{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sp-avatar{width:56px;height:56px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.sp-att-bar{height:10px;border-radius:5px;background:var(--surface2);overflow:hidden;margin-top:6px}.sp-att-fill{height:100%;border-radius:5px;background:var(--success);transition:width .5s}.sp-hw-card{padding:12px;border-left:3px solid var(--accent2);margin-bottom:8px;background:var(--surface);border-radius:var(--radius)}.sp-hw-card.Pending{border-color:var(--warning)}.sp-hw-card.Submitted{border-color:var(--info)}.sp-hw-card.Checked{border-color:var(--success)}.sp-notif-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);align-items:flex-start}.sp-notif-item.unread .sp-notif-dot{background:var(--accent2)}.sp-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:5px}.sp-voucher-card{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;background:var(--surface)}.sp-fee-paid{color:var(--success)}.sp-fee-due{color:var(--danger)}.sp-ann-card{padding:14px;margin-bottom:10px;border-left:4px solid var(--accent);background:var(--surface);border-radius:var(--radius)}.sp-ann-card.Urgent{border-color:var(--danger)}.sp-ann-card.High{border-color:var(--warning)}@media (max-width:600px){.sp-stat-grid{grid-template-columns:repeat(2,1fr)}.sp-profile-banner{flex-direction:column;text-align:center}}.sibling-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:.15s;border:1px solid transparent;margin-bottom:4px}.sibling-item:hover{background:var(--surface2);border-color:var(--border)}.sibling-item.active{background:#2ea0431f;border-color:var(--accent);font-weight:600}.sibling-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sibling-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sibling-sub{font-size:10px;color:var(--text2)}.fee-partial-input{display:flex;gap:4px;align-items:center}.fee-partial-input input{width:90px;padding:4px 8px;font-size:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font)}.fee-partial-input input:focus{outline:none;border-color:var(--accent2)}.fee-check{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}@media (max-width:768px){#feeStudentMain>div{grid-template-columns:1fr!important}#feeStudentTotals{grid-template-columns:1fr 1fr!important}}.portal-tab-panel{display:block}.portal-tab-panel.hidden{display:none!important}.req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;border-left:3px solid var(--accent)}.req-card.Pending{border-left-color:var(--warning)}.req-card.Approved{border-left-color:var(--success)}.req-card.Rejected{border-left-color:var(--danger)}.req-card.Completed{border-left-color:var(--info)}.ann-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px}.ann-card.Urgent{border-left:4px solid var(--danger)}.ann-card.High{border-left:4px solid var(--warning)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:.12s}.notif-item:hover{background:var(--surface2)}.notif-item.unread{background:#388bfd0f}.notif-item.unread .notif-title{font-weight:700}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);flex-shrink:0;margin-top:5px}.notif-dot.read{background:var(--border)}.notif-title{font-size:13px;margin-bottom:2px}.notif-msg{font-size:12px;color:var(--text2)}.notif-time{font-size:10px;color:var(--text3);margin-top:2px}.remark-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.remark-card .rtype{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.remark-card.Performance .rtype{color:var(--info)}.remark-card.Discipline .rtype{color:var(--danger)}.remark-card.Appreciation .rtype{color:var(--success)}.assign-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--surface2)}.teacher-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.t-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;text-align:center;border-top:3px solid var(--accent-color,var(--accent))}.t-stat .tv{font-size:22px;font-weight:700}.t-stat .tl{font-size:11px;color:var(--text2);margin-top:3px}.badge-urgent{background:#da363333;color:var(--danger)}.badge-high{background:#d2992233;color:var(--warning)}#notifBell{position:relative;display:inline-flex;cursor:pointer;font-size:20px;line-height:1}#notifBadge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:700;align-items:center;justify-content:center;display:none}#notifBadge.visible{display:flex}#adminNotifBell{position:relative;display:inline-flex;cursor:pointer;font-size:20px;line-height:1}#adminNotifBadge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:700;align-items:center;justify-content:center;display:none}#adminNotifBadge.visible{display:flex}.stu-id-badge{display:inline-flex;align-items:center;gap:6px;background:#388bfd1f;border:1px solid rgba(56,139,253,.3);border-radius:var(--radius);padding:6px 12px;font-family:var(--mono);font-size:13px;color:var(--accent2);cursor:pointer;-webkit-user-select:all;user-select:all}.stu-id-badge:hover{background:#388bfd33}