:root{--bg:#f1f5f9;--bg-accent:linear-gradient(135deg, #eef2ff 0%, #e0f2fe 50%, #fef9c3 100%);--card:#fff;--card-border:#e2e8f0;--text:#0f172a;--muted:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--success:#059669;--success-soft:#d1fae5;--warn:#d97706;--danger:#dc2626;--danger-soft:#fee2e2;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 4px 14px #0f172a0f;--shadow-lg:0 10px 30px #0f172a1a;--radius:14px;--radius-sm:10px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}a{color:var(--primary);text-decoration:none}button{font:inherit;cursor:pointer}.page{background:var(--bg-accent);min-height:100vh}.page-centered{background:var(--bg-accent);place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.container{max-width:1120px;margin:0 auto;padding:1.5rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{letter-spacing:-.01em;margin:0;font-size:1.5rem}.page-subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-hover{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:#c7d2fe;transform:translateY(-3px)}.card-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.card-subtle{color:var(--muted);font-size:.9rem}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=820px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:500;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{color:#f8fafc;cursor:not-allowed;background:#cbd5e1}.btn-secondary{color:var(--text);border-color:var(--card-border);background:#fff}.btn-secondary:hover{background:#f8fafc}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b91c1c}.btn-ghost{color:var(--primary);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--primary-soft)}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--card-border);width:100%;font:inherit;color:var(--text);background:#fff;padding:.6rem .85rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.field{margin-bottom:.85rem;display:block}.field label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warn{color:#a16207;background:#fef3c7}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{color:var(--muted);background:#f1f5f9}.topbar{border-bottom:1px solid var(--card-border);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:.6rem;font-weight:600;display:flex}.topbar-brand .logo{font-size:1.3rem}.topbar-eduforum{border-left:1px solid var(--card-border);align-items:center;gap:.4rem;margin-left:.6rem;padding:.25rem .55rem;text-decoration:none;display:inline-flex}.topbar-eduforum:hover{opacity:.85}.topbar-eduforum-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:500}.topbar-eduforum img{width:auto;height:26px;display:block}.eduforum-badge{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:#fff;align-items:center;gap:.4rem;padding:.3rem .6rem;text-decoration:none;display:inline-flex}.eduforum-badge:hover{opacity:.9}.eduforum-badge-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:500}.eduforum-badge img{width:auto;height:24px;display:block}.eduforum-badge-hero{margin-top:.75rem}.eduforum-badge-hero img{height:30px}.eduforum-badge-login{margin-top:.5rem}.nav{flex-wrap:wrap;gap:.25rem;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--text);padding:.45rem .85rem;font-size:.92rem;font-weight:500}.nav a:hover{background:var(--primary-soft)}.nav a.active{background:var(--primary-soft);color:var(--primary)}.topbar-right{color:var(--muted);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--card-border);padding:.7rem .85rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;font-size:.82rem;font-weight:500}.table tbody tr:hover{background:#f8fafc}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.calendar-year{margin-bottom:1rem}.calendar-year-header{border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.calendar-year-header.expandable:hover{background:#f8fafc}.calendar-year-title{align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.calendar-months{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-top:.85rem;display:grid}@media (width<=720px){.calendar-months{grid-template-columns:repeat(3,minmax(0,1fr))}}.month-cell{border:1px solid var(--card-border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:var(--text);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:68px;padding:.75rem .6rem;font-weight:500;transition:all .12s;display:flex;position:relative}.month-cell:hover:not(.disabled):not(.billed){border-color:var(--primary);background:var(--primary-soft)}.month-cell.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.month-cell.billed{background:var(--success-soft);color:var(--success);cursor:default;border-color:#bbf7d0}.month-cell.disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.month-cell .month-meta{opacity:.8;font-size:.72rem}.month-cell .month-download{color:var(--success);cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.72rem;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.month-cell .month-download:hover{background:var(--success);color:#fff;border-color:var(--success)}.banner{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.banner-error{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.banner-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.stat{flex-direction:column;gap:.4rem;display:flex}.stat-value{letter-spacing:-.02em;font-size:2rem;font-weight:700}.stat-label{color:var(--muted);font-size:.9rem}.stat-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:.3rem;font-size:1.25rem;display:grid}.school-hero{text-align:center;margin-bottom:2rem}.school-hero h1{letter-spacing:-.02em;margin:.5rem 0 .3rem;font-size:2.2rem}.school-hero p{color:var(--muted);margin:0}.school-card{text-align:center;padding:1.5rem 1rem}.school-card .logo{margin-bottom:.4rem;font-size:2.4rem}.school-card h3{margin:.4rem 0 .2rem;font-size:1.1rem}.school-card p{color:var(--muted);margin:0;font-size:.85rem}.login-card{width:100%;max-width:420px;padding:2rem}.login-school{background:var(--primary-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.login-school .logo{font-size:1.6rem;line-height:1.2}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:480px;padding:1.5rem}.modal-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.row{align-items:center;gap:.6rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-muted{color:var(--muted)}.text-right{text-align:right}.text-small{font-size:.85rem}.w-full{width:100%}.spacer{flex:1}.bill-summary-row{border-bottom:1px dashed var(--card-border);justify-content:space-between;padding:.4rem 0;display:flex}.bill-summary-row:last-child{border-bottom:none;font-weight:600}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty .emoji{margin-bottom:.5rem;font-size:2rem}@page{size:A5 portrait;margin:10mm}@media print{body{background:#fff}.no-print{display:none!important}}