:root{--font: "Poppins", "Segoe UI", system-ui, sans-serif;--color-primary: #2F4858;--color-primary-dark: #1E3040;--color-primary-light: #9FC7DA;--color-primary-mid: #4A7A8F;--color-primary-bg: #EDF5F9;--color-accent: #F5EBDD;--color-accent-light: #FAF5EE;--color-success: #10B981;--color-success-bg: #D1FAE5;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-danger: #EF4444;--color-danger-bg: #FEE2E2;--color-info: #3B82F6;--color-info-bg: #DBEAFE;--color-white: #FFFFFF;--color-light-bg: #F8FAFC;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text: #1A2B38;--color-text-mid: #4A6070;--color-text-light: #8BA3B2;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(47,72,88,.08);--shadow-md: 0 4px 12px rgba(47,72,88,.1);--shadow-lg: 0 8px 24px rgba(47,72,88,.12);--portal-sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font);font-size:15px;color:var(--color-text);background:var(--color-light-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;font-weight:700}p{margin:0;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}input,textarea,select,button{font-family:var(--font)}button{cursor:pointer}.portal-layout{display:flex;min-height:100vh}.portal-main{flex:1;min-width:0;display:flex;flex-direction:column}.portal-content{flex:1;padding:var(--space-2xl);max-width:900px;width:100%;margin:0 auto}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.card--accent{background:var(--color-primary-bg);border-color:var(--color-primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-full);border:2px solid transparent;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .16s ease;text-decoration:none;white-space:nowrap}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);text-decoration:none}.btn--secondary{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.btn--secondary:hover{background:#ede0cc;text-decoration:none}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary-bg);text-decoration:none}.btn--ghost{background:transparent;color:var(--color-text-mid);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-light-bg);text-decoration:none;color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--sm{padding:6px 14px;font-size:13px}.btn--lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:#92400e}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-border);color:var(--color-text-mid)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font);font-size:14px;color:var(--color-text);background:#fff;transition:border-color .16s}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-error{font-size:12px;color:var(--color-danger);margin-top:4px}.form-help{font-size:12px;color:var(--color-text-light);margin-top:4px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-light);margin-bottom:var(--space-md)}.spinner{width:24px;height:24px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:var(--space-2xl)}.page-header h1{font-size:1.5rem;color:var(--color-primary);margin-bottom:4px}.page-header p{font-size:14px;color:var(--color-text-light)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-text-light)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-lg)}.empty-state__title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.child-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--space-xl)}.child-tab{padding:6px 16px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:#fff;font-size:13px;font-weight:600;color:var(--color-text-mid);cursor:pointer;transition:all .15s}.child-tab.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.child-tab:hover:not(.active){border-color:var(--color-primary-light);color:var(--color-primary)}.ensemble-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.ensemble-card__accent{width:4px;height:100%;border-radius:2px;flex-shrink:0}.ensemble-card__info{flex:1}.ensemble-card__name{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:3px}.ensemble-card__meta{font-size:13px;color:var(--color-text-light)}.fee-card{padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff}.fee-card--paid{border-color:var(--color-success);background:var(--color-success-bg)}.fee-card--unpaid{border-color:var(--color-warning)}.fee-card--overdue{border-color:var(--color-danger)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day{min-height:64px;padding:6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:#fff;font-size:11px}.cal-day--today{border-color:var(--color-primary);background:var(--color-primary-bg)}.cal-day--other{background:var(--color-light-bg);opacity:.5}.cal-day__num{font-weight:700;font-size:13px;margin-bottom:3px}.cal-event{background:var(--color-primary);color:#fff;border-radius:3px;padding:1px 4px;margin-bottom:2px;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event--absence{background:var(--color-danger)}.cal-event--event{background:#a855f7}.qr-card{background:var(--color-primary);border-radius:var(--radius-xl);overflow:hidden;max-width:260px}.qr-card__header{padding:var(--space-lg);background:#ffffff1a}.qr-card__logo{font-size:13px;font-weight:700;color:#fff}.qr-card__body{padding:var(--space-xl);text-align:center;background:#fff}.qr-card__name{font-size:18px;font-weight:800;color:var(--color-primary);margin:var(--space-md) 0 4px}.qr-card__sub{font-size:12px;color:var(--color-text-light)}.qr-card__footer{padding:var(--space-sm) var(--space-lg);background:var(--color-primary-bg)}.qr-card__footer p{font-size:10px;color:var(--color-primary);text-align:center}@media (max-width: 640px){.portal-content{padding:var(--space-lg)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px}.cal-day{min-height:44px;padding:3px}}