:root{--primary:#635bff;--primary2:#8b5cf6;--cyan:#06b6d4;--orange:#f97316;--pink:#ec4899;--green:#10b981;--red:#ef4444;--ink:#172033;--muted:#73809b;--surface:#fff;--surface2:#f7f8fc;--line:#e7eaf2;--shadow:0 16px 45px rgba(58,51,112,.1);--sidebar:260px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:radial-gradient(circle at 85% 5%,#ddd6fe 0,transparent 23%),radial-gradient(circle at 10% 95%,#cffafe 0,transparent 24%),#f4f6fb;color:var(--ink);min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.7rem;color:var(--primary);margin:0 0 .35rem}.text-center{text-align:center}.loading-screen{position:fixed;inset:0;background:#f7f8fc;z-index:9999;display:grid;place-items:center;transition:.35s}.loading-screen.hidden{opacity:0;visibility:hidden}.loader-mark{width:65px;height:65px;border-radius:22px;display:grid;place-items:center;color:white;font-size:1.6rem;background:linear-gradient(135deg,var(--primary),var(--pink));animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(.9);opacity:.75}}
.login-page{display:grid;place-items:center;padding:30px}.login-shell{width:min(1050px,100%);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.64);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:32px;overflow:hidden;box-shadow:0 30px 100px rgba(45,35,111,.18)}.login-shell.compact{grid-template-columns:1fr;max-width:510px;min-height:auto}.login-story{padding:65px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#4338ca,#7c3aed 48%,#db2777);position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid #ffffff22;border-radius:50%;width:360px;height:360px;right:-130px;top:-100px}.login-story:after{width:220px;height:220px;left:-80px;top:auto;bottom:-80px}.brand-orb,.mobile-logo{width:66px;height:66px;border-radius:22px;background:#ffffff22;border:1px solid #ffffff4a;display:grid;place-items:center;font-size:1.7rem;margin-bottom:28px}.login-story .eyebrow{color:#fde68a}.login-story h1{font-size:3.2rem;line-height:1.04;letter-spacing:-.06em;margin:0 0 15px;font-weight:800}.login-story h1 span{color:#f9a8d4}.login-story>p:not(.eyebrow){color:#ede9fe;font-size:1.05rem;max-width:420px}.story-stats{display:flex;gap:30px;margin-top:50px}.story-stats span{display:grid;color:#ddd6fe;font-size:.72rem}.story-stats b{font-size:1.45rem;color:#fff}.login-card{padding:70px 60px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.72)}.login-card h2{font-size:2rem;letter-spacing:-.04em;margin:.1rem 0 .5rem}.mobile-logo{display:none;background:linear-gradient(135deg,var(--primary),var(--pink));color:#fff}.stack{display:grid;gap:18px;margin-top:27px}.stack label,.form-label{font-weight:700;font-size:.82rem}.stack input,.stack select,.stack textarea,.form-control,.form-select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);outline:none;color:var(--ink)}.stack input:focus,.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #635bff18}.input-icon{position:relative;margin-top:8px}.input-icon>i{position:absolute;left:14px;top:15px;color:#a2a9ba}.input-icon input{padding-left:42px}.peek{position:absolute;right:8px;top:7px;border:0;background:none;padding:8px;color:var(--muted)}.login-options{display:flex;justify-content:space-between;font-size:.8rem}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto}.btn{border:0;border-radius:12px;padding:11px 17px;font-weight:750;cursor:pointer;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 25px #635bff45}.btn.success{background:linear-gradient(135deg,#059669,#10b981);color:white}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.light{background:var(--surface2);color:var(--ink);border:1px solid var(--line)}.btn.sm{padding:7px 10px;font-size:.78rem;border-radius:9px}.wide{width:100%}.login-help{text-align:center;color:var(--muted);font-size:.75rem;margin-top:22px}.alert,.toast-note{padding:12px 14px;border-radius:12px;margin:16px 0;font-size:.86rem}.danger{background:#fee2e2;color:#b91c1c}.warning{background:#ffedd5;color:#c2410c}.success{background:#d1fae5;color:#047857}.info{background:#dbeafe;color:#1d4ed8}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(175deg,#17133d,#271965 58%,#392176);padding:24px 15px;display:flex;flex-direction:column;z-index:50;box-shadow:8px 0 30px #312e8130;transition:.25s}.side-brand{display:flex;align-items:center;gap:12px;color:white;padding:4px 9px 20px;border-bottom:1px solid #ffffff16}.brand-icon{width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#22d3ee,#8b5cf6 60%,#ec4899);display:grid;place-items:center}.side-brand span:last-child{display:grid;line-height:1.1}.side-brand b{letter-spacing:.03em}.side-brand small{font-size:.65rem;color:#c4b5fd;letter-spacing:.12em}.sidebar nav{display:grid;gap:4px;margin-top:19px;overflow-y:auto;scrollbar-width:none}.sidebar nav a,.logout-link{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:11px;color:#cbc8e6;font-size:.82rem;font-weight:600;transition:.2s}.sidebar nav a i,.logout-link i{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#ffffff24,#ffffff0b);color:#fff;transform:translateX(2px)}.sidebar nav a.active:before{content:"";width:3px;height:19px;background:#22d3ee;border-radius:5px;margin-left:-13px}.logout-link{margin-top:auto;color:#fda4af}.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{height:91px;padding:15px 31px;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.65);backdrop-filter:blur(14px);border-bottom:1px solid #fff;position:sticky;top:0;z-index:40}.topbar h1{font-size:1.35rem;margin:0;letter-spacing:-.035em}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid var(--line);width:41px;height:41px;border-radius:12px;background:var(--surface);color:var(--ink)}.menu-toggle{display:none}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:14px}.profile>span:last-child{display:grid;font-size:.77rem}.profile small{color:var(--muted)}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;display:grid;place-items:center;font-weight:800}.content{padding:28px 31px;min-height:calc(100vh - 140px)}.app-footer{text-align:center;color:var(--muted);font-size:.72rem;padding:13px 30px 23px}.mobile-nav{display:none}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.page-head h2{margin:0;font-size:1.35rem}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.stat-card{min-height:144px;border-radius:20px;padding:19px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.stat-card:hover{transform:translateY(-5px)}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border:18px solid #ffffff14;border-radius:50%;right:-26px;bottom:-28px}.stat-card i{width:39px;height:39px;border-radius:12px;background:#ffffff25;display:grid;place-items:center}.stat-card p{font-size:.72rem;margin:16px 0 3px;color:#ffffffd5}.stat-card strong{font-size:1.55rem;letter-spacing:-.04em}.g-purple{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}.g-blue{background:linear-gradient(135deg,#0284c7,#06b6d4)}.g-pink{background:linear-gradient(135deg,#db2777,#f472b6)}.g-orange{background:linear-gradient(135deg,#ea580c,#f59e0b)}.g-green{background:linear-gradient(135deg,#059669,#34d399)}.g-red{background:linear-gradient(135deg,#dc2626,#fb7185)}.g-ink{background:linear-gradient(135deg,#334155,#64748b)}.g-violet{background:linear-gradient(135deg,#7c3aed,#c084fc)}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.grid-equal{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.panel{background:rgba(255,255,255,.84);border:1px solid #fff;border-radius:20px;box-shadow:var(--shadow);padding:20px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title h3{font-size:.95rem;margin:0}.panel-title a{font-size:.75rem;font-weight:700}.chart-wrap{height:270px}.table-wrap{overflow:auto;border-radius:13px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface2);padding:11px;text-align:left}.data-table td{padding:11px;border-bottom:1px solid var(--line);font-size:.78rem;vertical-align:middle}.data-table tbody tr:hover{background:#f8f8ff}.person{display:flex;align-items:center;gap:9px}.person img,.photo-placeholder{width:36px;height:36px;object-fit:cover;border-radius:11px}.photo-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#ddd6fe,#cffafe);color:#5b21b6;font-weight:800}.badge{padding:5px 8px;border-radius:999px;font-size:.66rem;font-weight:800}.badge.paid,.badge.active{background:#d1fae5;color:#047857}.badge.partial,.badge.late{background:#ffedd5;color:#c2410c}.badge.due,.badge.inactive,.badge.absent{background:#fee2e2;color:#b91c1c}.badge.none{background:#e5e7eb;color:#4b5563}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.toolbar .search{flex:1;min-width:220px}.toolbar input,.toolbar select{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.pagination{display:flex;justify-content:flex-end;gap:5px;margin-top:15px}.pagination a,.pagination span{min-width:33px;height:33px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;font-size:.75rem;background:var(--surface)}.pagination .current{background:var(--primary);color:white}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-section{margin-bottom:22px}.form-section h3{font-size:1rem;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:16px}.field{display:grid;gap:7px}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.field label{font-size:.76rem;font-weight:750}.required:after{content:" *";color:var(--red)}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);min-width:0}.field textarea{min-height:80px;resize:vertical}.profile-head{background:linear-gradient(120deg,#312e81,#7c3aed 60%,#db2777);color:#fff;border-radius:22px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}.profile-photo{width:105px;height:105px;border-radius:24px;object-fit:cover;border:4px solid #ffffff55}.profile-head h2{margin:0}.profile-head .meta{display:flex;flex-wrap:wrap;gap:10px;color:#ede9fe;font-size:.78rem;margin-top:7px}.profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-actions .btn{background:#ffffff1f;border:1px solid #ffffff38;color:#fff}.tabs{display:flex;gap:5px;overflow:auto;margin:18px 0;background:#ffffffb0;padding:6px;border-radius:14px}.tabs a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:.76rem;white-space:nowrap;font-weight:700}.tabs a.active{background:var(--primary);color:#fff}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.detail-item{background:var(--surface);padding:12px}.detail-item small{display:block;color:var(--muted);font-size:.65rem}.detail-item b{font-size:.8rem}.toast-note{display:flex;align-items:center;gap:10px;margin:0 0 16px}.toast-note button{margin-left:auto;border:0;background:none;color:inherit;font-size:1.2rem}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty i{font-size:2.3rem;color:#c4b5fd;margin-bottom:10px}.actions{display:flex;gap:5px}.kpi-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.78rem}.activity{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#ede9fe;color:#6d28d9;flex:none}.activity p{margin:0;font-size:.75rem}.activity small{color:var(--muted);font-size:.66rem}
[data-theme=dark] body{--ink:#edf2ff;--muted:#a4acc0;--surface:#1c2030;--surface2:#151925;--line:#303647;background:radial-gradient(circle at 90% 5%,#312e81 0,transparent 25%),#11131c}[data-theme=dark] .topbar,[data-theme=dark] .panel{background:#1c2030dd;border-color:#303647}[data-theme=dark] .data-table tbody tr:hover{background:#24293a}[data-theme=dark] .login-card{background:#1c2030}[data-theme=dark] .detail-item{background:var(--surface)}
@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){:root{--sidebar:235px}.form-grid{grid-template-columns:repeat(2,1fr)}.field.span-3{grid-column:span 2}.grid-2,.grid-equal{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-actions{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:720px){body{padding-bottom:65px}.sidebar{transform:translateX(-105%);box-shadow:12px 0 45px #11182766}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0;width:100%}.menu-toggle{display:block}.topbar{padding:12px 15px;height:78px}.topbar .eyebrow,.profile>span:last-child{display:none}.profile{padding-left:8px}.content{padding:18px 14px}.stat-grid{gap:11px}.stat-card{min-height:125px;padding:15px}.stat-card p{margin-top:12px}.stat-card strong{font-size:1.28rem}.form-grid{grid-template-columns:1fr}.field.span-2,.field.span-3{grid-column:span 1}.page-head{align-items:flex-start;flex-direction:column}.mobile-nav{position:fixed;display:flex;z-index:45;bottom:0;left:0;right:0;height:63px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-top:1px solid var(--line);align-items:center;justify-content:space-around}.mobile-nav a{display:grid;justify-items:center;gap:2px;color:var(--muted);font-size:.6rem}.mobile-nav i{font-size:1rem}.mobile-add{width:48px;height:48px!important;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--pink));color:white!important;place-items:center;transform:translateY(-11px);box-shadow:0 8px 18px #635bff4f}.mobile-add i{font-size:1.2rem}.login-page{padding:13px}.login-shell{grid-template-columns:1fr;min-height:auto}.login-story{display:none}.login-card{padding:38px 25px}.mobile-logo{display:grid}.detail-list{grid-template-columns:1fr}.profile-photo{width:82px;height:82px}.app-footer{display:none}}@media print{.sidebar,.topbar,.page-actions,.toolbar,.mobile-nav,.app-footer,.no-print{display:none!important}.app-main{margin:0;width:100%}.content{padding:0}.panel{box-shadow:none;border:0}.print-card{break-inside:avoid}body{background:white;color:#000}}

.brand-logo{width:41px;height:41px;border-radius:13px;object-fit:cover;background:#fff}.side-brand b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-school-logo{width:82px;height:82px;border-radius:24px;object-fit:cover;background:#fff;padding:6px;margin-bottom:28px;box-shadow:0 14px 35px #1e1b4b55}.school-preview-logo{width:88px;height:88px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#fff;padding:7px;margin-bottom:16px}.lock-confirm{display:flex;align-items:flex-start;gap:11px;margin-top:20px;padding:14px;border:1px solid #f59e0b55;border-radius:13px;background:#fffbeb;font-size:.8rem;color:#92400e}.lock-confirm input{margin-top:3px}.lock-confirm span{display:grid;gap:3px}.lock-confirm small{font-weight:500}.security-note{display:flex;gap:12px;margin-top:18px;padding:15px;border-radius:14px;background:var(--surface2);color:var(--muted)}.security-note i{color:var(--primary);margin-top:3px}.security-note p{font-size:.75rem;margin:4px 0 0}.setup-page{display:block;padding:35px;background:radial-gradient(circle at 85% 5%,#ddd6fe 0,transparent 25%),#f4f6fb}.setup-shell{width:min(1080px,100%);margin:auto;background:#ffffffd9;border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:0 30px 100px rgba(45,35,111,.15)}.setup-head{display:flex;gap:17px;align-items:center;padding:6px 5px 25px;border-bottom:1px solid var(--line)}.setup-head .brand-icon{color:#fff;flex:none}.setup-head h1{font-size:2rem;margin:0}.setup-head p:last-child{margin:5px 0 0;color:var(--muted)}.setup-section{display:grid;grid-template-columns:48px 1fr;gap:2px 14px;padding:27px 4px;border-bottom:1px solid var(--line)}.setup-section>.form-grid{grid-column:2;margin-top:15px;width:100%}.setup-section h2{font-size:1.08rem;margin:0}.setup-section p{font-size:.78rem;color:var(--muted);margin:4px 0}.section-number{grid-row:1/span 2;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-weight:800}.setup-submit{margin-top:18px;width:100%;padding:14px}.setup-success{text-align:center;padding:70px 20px}.setup-success>i{font-size:4rem;color:var(--green)}.setup-success h2{margin:18px 0 8px}@media(max-width:720px){.setup-page{padding:10px}.setup-shell{padding:18px;border-radius:20px}.setup-head{align-items:flex-start}.setup-head h1{font-size:1.45rem}.setup-section{grid-template-columns:38px 1fr;gap:8px}.setup-section>.form-grid{grid-column:1/span 2}.login-school-logo{width:66px;height:66px}.side-brand b{max-width:145px}}
.db-details-mask{position:relative;border-radius:14px;overflow:hidden;background:var(--surface2)}.db-sensitive{filter:blur(7px);transform:scale(1.025);user-select:none;pointer-events:none;transition:filter .22s ease,transform .22s ease;opacity:.82}.db-hidden-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(238,241,249,.42);color:#6366a8;font-size:.78rem;font-weight:800;letter-spacing:.02em;transition:opacity .2s ease}.db-hidden-label i{font-size:1rem}.db-details-mask.revealed .db-sensitive{filter:none;transform:none;user-select:text;pointer-events:auto;opacity:1}.db-details-mask.revealed .db-hidden-label{opacity:0;pointer-events:none}[data-theme=dark] .db-hidden-label{background:rgba(21,25,37,.48);color:#c4b5fd}