:root{--color-primary:#509cdb;--color-primary-dark:#152259;--color-secondary:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--color-background:#fcfafa;--color-success-bg:#d1fae5;--color-error-bg:#fee2e2;--color-warning-bg:#fef3c7;--color-info-bg:#dbeafe;--font-sans:"Inter", system-ui, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--space-1:4px;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.muni-btn{border-radius:var(--radius-lg,8px);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,opacity .15s,transform .15s,border-color .15s;display:inline-flex}.muni-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.muni-btn.muni-btn--primary,.muni-btn--primary,.btn-primary{background:var(--color-primary,#509cdb);color:#fff;border:1px solid var(--color-primary,#509cdb)}.muni-btn.muni-btn--primary:hover,.muni-btn--primary:hover,.btn-primary:hover{background:#3d87c9;border-color:#3d87c9}.muni-btn.muni-btn--primary:active,.muni-btn--primary:active,.btn-primary:active{transform:scale(.98)}.muni-btn.muni-btn--secondary,.muni-btn--secondary,.btn-secondary{background:var(--color-gray-50,#f9fafb);color:var(--color-gray-700,#374151);border:1px solid var(--color-gray-300,#d1d5db)}.muni-btn.muni-btn--secondary:hover,.muni-btn--secondary:hover,.btn-secondary:hover{background:var(--color-gray-50,#f9fafb)}.muni-btn.muni-btn--secondary:active,.muni-btn--secondary:active,.btn-secondary:active{transform:scale(.98)}.muni-btn.muni-btn--ghost,.muni-btn--ghost,.btn-ghost{background:var(--color-white,#fff);color:var(--color-gray-700,#374151);border:1px solid var(--color-gray-200,#e5e7eb)}.muni-btn.muni-btn--ghost:hover,.muni-btn--ghost:hover,.btn-ghost:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-300,#d1d5db)}.muni-btn.muni-btn--danger,.muni-btn--danger{background:var(--color-error,#ef4444);color:#fff;border:1px solid var(--color-error,#ef4444)}.muni-btn.muni-btn--danger:hover,.muni-btn--danger:hover{background:#dc2626;border-color:#dc2626}.muni-btn.muni-btn--sm,.muni-btn--sm{padding:6px 12px;font-size:12px}.muni-btn.muni-btn--export,.btn-export{background:var(--color-white,#fff);color:var(--color-gray-700,#374151);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,8px);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:500}.muni-btn.muni-btn--export:hover,.btn-export:hover{background:var(--color-gray-50,#f9fafb)}.btn-link{color:var(--color-primary,#509cdb);font-size:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{color:var(--color-primary-dark,#152259);text-decoration:underline}.btn-link--danger:hover{color:#b91c1c;text-decoration:underline}.muni-checkbox-label{cursor:pointer;color:var(--color-gray-700,#374151);align-items:center;gap:8px;font-size:13px;display:flex}.subject-preview{background:var(--color-gray-50,#f9fafb);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,8px);flex-wrap:wrap;gap:6px;min-height:40px;padding:10px;display:flex}.subject-chip{color:#1e40af;background:#dbeafe;border-radius:12px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.page-header-actions .btn-add,.page-header .btn-add{background:var(--color-primary,#509cdb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1;transition:background .15s,transform .15s;display:inline-flex}.page-header-actions .btn-add:hover,.page-header .btn-add:hover{background:#3d87c9}.page-header-actions .btn-add:active,.page-header .btn-add:active{transform:scale(.98)}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-card h2,.modal-card h3{color:var(--color-gray-900,#111827);margin:0 0 16px;font-size:18px;font-weight:600}.modal-actions{border-top:1px solid var(--color-gray-100,#f3f4f6);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.muni-input,.muni-select,.muni-textarea{box-sizing:border-box;border:1px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-lg,8px);width:100%;color:var(--color-gray-900,#111827);background:var(--color-white,#fff);padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.muni-input:focus,.muni-select:focus,.muni-textarea:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb1f}.muni-input:disabled,.muni-select:disabled,.muni-textarea:disabled{background:var(--color-gray-50,#f9fafb);color:var(--color-gray-500,#6b7280);cursor:not-allowed}.muni-input:read-only{background:var(--color-gray-50,#f9fafb);color:var(--color-gray-600,#4b5563);cursor:default}.search-input-wrapper{flex:1;min-width:min(240px,100%);position:relative}.search-icon-svg{color:var(--color-gray-400,#9ca3af);pointer-events:none;z-index:1;flex-shrink:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper .muni-input{width:100%;padding-left:40px}.btn-icon{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,8px);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.btn-icon:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-300,#d1d5db)}.btn-icon:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon--danger{color:var(--color-red-600,#dc2626);border-color:var(--color-red-200,#fecaca)}.btn-icon--danger:hover{background:var(--color-red-50,#fef2f2);border-color:var(--color-red-300,#fca5a5)}.btn-icon-group{align-items:center;gap:4px;display:flex}.page-toolbar{border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,8px);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.page-toolbar__left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.page-toolbar__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-toolbar .search-input-wrapper{flex:1;min-width:200px;max-width:400px}.page-toolbar .muni-select{width:auto;min-width:140px}.page-toolbar input[type=date],.page-toolbar input[type=month]{flex:none;max-width:180px}.filter-dropdown-btn{border:1px solid var(--color-gray-300,#d1d5db);background:var(--color-white,#fff);color:var(--color-gray-600,#4b5563);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.filter-dropdown-btn:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-400,#9ca3af);color:var(--color-gray-700,#374151)}@media (width<=768px){.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar__left,.page-toolbar__right{width:100%}.page-toolbar .search-input-wrapper{max-width:100%}}.muni-label{color:var(--color-gray-700,#374151);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.muni-form-group{margin-bottom:16px}.modal-card .field,.modal-card label{color:var(--color-gray-700,#374151);margin-bottom:12px;font-size:14px;display:block}.modal-card .field__label{color:var(--color-gray-700,#374151);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.modal-card .field__input,.modal-card input:not([type=checkbox]):not([type=radio]),.modal-card select,.modal-card textarea{box-sizing:border-box;border:1px solid var(--color-gray-300,#d1d5db);width:100%;color:var(--color-gray-900,#111827);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.modal-card .field__input:focus,.modal-card input:not([type=checkbox]):not([type=radio]):focus,.modal-card select:focus,.modal-card textarea:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb1f}.modal-card .form-input{box-sizing:border-box;border:1px solid var(--color-gray-300,#d1d5db);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.modal-card .form-input:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb1f}.modal__body .field,.modal__body label:not(.muni-label){color:var(--color-gray-700,#374151);margin-bottom:12px;font-size:14px;display:block}.modal__body .field__label,.modal__body .form-label{color:var(--color-gray-700,#374151);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.modal__body .field__input,.modal__body .form-input,.modal__body input:not([type=checkbox]):not([type=radio]),.modal__body select,.modal__body textarea{box-sizing:border-box;border:1px solid var(--color-gray-300,#d1d5db);width:100%;color:var(--color-gray-900,#111827);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.modal__body .field__input:focus,.modal__body .form-input:focus,.modal__body input:not([type=checkbox]):not([type=radio]):focus,.modal__body select:focus,.modal__body textarea:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb1f}.modal__body .modal-actions{border-top:1px solid var(--color-gray-100,#f3f4f6);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.muni-table-wrapper,.data-table-wrap,.students-table-wrap{background:var(--color-white,#fff);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,12px);overflow:auto}.muni-table,.data-table,.students-table{border-collapse:collapse;width:100%;font-size:.875rem}.muni-table th,.muni-table td,.data-table th,.data-table td,.students-table th,.students-table td{text-align:left;border-bottom:1px solid var(--color-gray-100,#f3f4f6);padding:.875rem 1rem}.muni-table th,.data-table th,.students-table th{background:var(--color-gray-50,#f9fafb);color:var(--color-gray-700,#374151);font-weight:600}.muni-table tbody tr:hover,.data-table tbody tr:hover,.students-table tbody tr:hover{background:var(--color-gray-50,#f9fafb);transition:background .15s}.form-input,.form-select,.form-textarea{box-sizing:border-box;border:1px solid var(--color-gray-300,#d1d5db);width:100%;color:var(--color-gray-900,#111827);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb1f}.form-label{color:var(--color-gray-700,#374151);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.badge-inactive{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-500,#6b7280);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.module-toolbar .btn-add,.students-toolbar .btn-add{background:var(--color-primary,#509cdb);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.module-toolbar .btn-add:hover,.students-toolbar .btn-add:hover{background:#3d87c9}.tab-btn,.notif-tab,.settings-tab{color:var(--color-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn--active,.tab-btn.active,.notif-tab--active,.notif-tab.active,.settings-tab--active,.settings-tab.active{color:var(--color-primary,#509cdb);border-bottom-color:var(--color-primary,#509cdb)}.tab-btn:hover,.notif-tab:hover,.settings-tab:hover{color:var(--color-gray-700,#374151)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card{animation:.2s ease-out modalSlideIn}.muni-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.muni-badge--success{background:var(--color-success-bg,#d1fae5);color:#059669}.muni-badge--warning{background:var(--color-warning-bg,#fef3c7);color:#d97706}.muni-badge--error{background:var(--color-error-bg,#fee2e2);color:#dc2626}.muni-badge--info{background:var(--color-info-bg,#dbeafe);color:#1d4ed8}.muni-badge--neutral{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-600,#4b5563)}.muni-table th,.data-table th,.students-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500,#6b7280);font-size:11px}.table-avatar-row{align-items:center;gap:10px;display:flex}.table-avatar{color:#1d4ed8;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.table-avatar-name{color:var(--color-gray-900,#111827);font-size:.875rem;font-weight:600}.transport-detail-row{border-bottom:1px solid var(--color-gray-100,#f3f4f6);align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:flex}.transport-detail-row:last-child{border-bottom:none}.transport-detail-row__label{min-width:110px;color:var(--color-gray-500,#6b7280);flex-shrink:0;font-size:13px;font-weight:500}.transport-detail-row__value{color:var(--color-gray-900,#111827);font-weight:500}.transport-stops-list{margin:0;padding:0;list-style:none}.transport-stop{color:var(--color-gray-600,#4b5563);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;font-size:14px;display:flex}.transport-stop__number{background:var(--color-gray-100,#f3f4f6);width:24px;height:24px;color:var(--color-gray-500,#6b7280);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.transport-stop--mine{background:var(--color-primary-50,#eff6ff);color:var(--color-primary,#2563eb);font-weight:600}.transport-stop--mine .transport-stop__number{background:var(--color-primary,#2563eb);color:#fff}.transport-stop__badge{background:var(--color-primary,#2563eb);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.module-intro{margin:0 0 var(--space-5);color:var(--color-gray-500);font-size:.9375rem}.module-toolbar{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.module-filters{gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.module-filters input,.role-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-badge--super_admin{color:#e2b714;background:#1a1a2e}.role-badge--manager{color:#1e40af;background:#dbeafe}.role-badge--teacher{color:#166534;background:#dcfce7}.role-badge--student{color:#854d0e;background:#fef9c3}.role-badge--parent{color:#701a75;background:#fae8ff}.role-badge--staff{color:#475569;background:#f1f5f9}.dashboard-section-title{color:var(--color-gray-900);margin:0 0 12px;font-size:1rem;font-weight:600}.detail-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.detail-card h3{margin:0 0 var(--space-4);font-size:1.125rem}.detail-card__list{gap:var(--space-3);margin:0;display:grid}.detail-card__list>div{justify-content:space-between;gap:var(--space-4);font-size:.875rem;display:flex}.detail-card__list dt{color:var(--color-gray-500);margin:0;font-weight:500}.detail-card__list dd{color:var(--color-gray-900);text-align:right;margin:0;font-weight:600}.marks-input{max-width:88px;padding:6px 10px}.module-filters select{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font:inherit;min-width:160px;padding:.625rem .875rem}.toast-stack{z-index:500;flex-direction:column;gap:8px;max-width:min(360px,100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.app-toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;display:flex}.toast-stack__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.125rem;line-height:1}.toast-stack__close:hover{opacity:1}.app-toast--success{color:#065f46;background:#d1fae5}.app-toast--error{color:#991b1b;background:#fee2e2}.app-toast--info{color:#1e40af;background:#dbeafe}.data-table-wrap{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-gray-100);padding:.875rem 1rem}.data-table th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.status-pill--paid{color:#059669;background:#d1fae5}.status-pill--pending{color:#92400e;background:#fef3c7}.status-pill--overdue{color:#991b1b;background:#fee2e2}.status-pill--waived{background:var(--color-gray-100);color:var(--color-gray-500)}.status-pill--partial{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.status-pill--warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.child-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.child-tab{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;font:inherit;padding:.5rem 1rem}.child-tab--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.child-card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.report-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;display:grid}.tc-form-section{border-bottom:1px solid var(--color-gray-100);margin-bottom:20px;padding-bottom:16px}.tc-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tc-form-section__title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:12px;font-weight:600}.tc-form-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}@media (width<=640px){.tc-form-grid{grid-template-columns:1fr}}.child-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5);flex-direction:column;gap:0;display:flex}.child-card__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.child-card__avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:700;display:flex}.child-card__name{color:var(--color-text-primary,#111827);margin:0 0 2px;font-size:15px;font-weight:600}.child-card__subid{color:var(--color-gray-500);margin:0;font-size:12px}.child-card__body{flex:1}.child-card__detail{color:var(--color-gray-600,#4b5563);margin:0;padding:3px 0;font-size:13px}.child-card__detail strong{color:var(--color-text-primary,#111827);font-weight:500}.child-card__alerts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.child-card__alert{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.child-card__alert--fees{color:#dc2626;background:#fee2e2}.child-card__alert--homework{color:#c2410c;background:#fef3c7}.child-card__links{border-top:1px solid var(--color-gray-100,#f3f4f6);flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:12px;display:flex}.child-card__links a{color:var(--color-primary,#509cdb);font-size:12px;font-weight:500;text-decoration:none}.child-card__links a:hover{text-decoration:underline}.section-title{margin:var(--space-6) 0 var(--space-3);font-size:1.125rem;font-weight:600}.grade-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.grade-a-plus,.grade-a{color:#065f46;background:#d1fae5}.grade-b-plus,.grade-b{color:#1e40af;background:#dbeafe}.grade-c{color:#92400e;background:#fef3c7}.grade-d{color:#c2410c;background:#ffedd5}.grade-f{color:#991b1b;background:#fee2e2}.tab-row{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.tab-btn{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;font:inherit;padding:.5rem 1rem}.tab-btn--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.summary-cards{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.summary-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.summary-card__value{color:var(--color-gray-900);font-size:1.5rem;font-weight:700}.summary-card__label{color:var(--color-gray-500);margin-top:4px;font-size:.75rem}.att-calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.att-day{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);justify-content:center;align-items:center;font-size:.75rem;display:flex}.att-day--present{background:#d1fae5}.att-day--absent{background:#fee2e2}.att-day--late{background:#fef3c7}.att-day--excused{background:var(--color-gray-100)}.att-day--empty{background:var(--color-white)}.timetable-grid{grid-template-columns:80px repeat(6,1fr);gap:4px;font-size:.75rem;display:grid}.timetable-grid__head{text-align:center;background:var(--color-gray-50);padding:8px 4px;font-weight:600}.timetable-grid__head--today{background:#509cdb33}.timetable-cell{border:1px dashed var(--color-gray-200);border-radius:var(--radius-sm);min-height:64px;padding:4px;position:relative}.timetable-slot-card{background:var(--color-primary-dark);color:#fff;cursor:pointer;border-radius:4px;margin-bottom:2px;padding:4px 6px;font-size:.7rem}.timetable-add-btn{width:100%;height:100%;min-height:48px;color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;font-size:1.25rem}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-gray-900);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.dashboard-page{width:100%}.dashboard-hero{background:linear-gradient(135deg,#152259 0%,#509cdb 100%);border-radius:16px;margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden}.dashboard-hero:after{content:"";aspect-ratio:1;pointer-events:none;background:#ffffff0f;border-radius:50%;width:min(42%,280px);position:absolute;top:-40%;right:-8%}.dashboard-hero>*{z-index:1;position:relative}.dashboard-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffffffb8;margin:0 0 6px;font-size:11px;font-weight:600}.dashboard-hero__title{color:#fff;margin:0 0 6px;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:700;line-height:1.2}.dashboard-hero__message{color:#ffffffe6;max-width:62ch;margin:0;font-size:14px;line-height:1.6}.dashboard-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin:0 0 12px;font-size:11px;font-weight:600}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-kpi-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000f}.dashboard-kpi-card__title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-500);margin-bottom:8px;font-size:11px}.dashboard-kpi-card__value{color:var(--color-gray-900);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;line-height:1.15}.dashboard-kpi-card__trend{margin-top:8px;font-size:11px;font-weight:500}.dashboard-kpi-card__trend--up{color:#059669}.dashboard-kpi-card__trend--down{color:#dc2626}.dashboard-kpi-card__trend--neutral{color:var(--color-gray-500)}.dashboard-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.dashboard-insight-grid{grid-template-columns:1fr}}.dashboard-insight-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px 16px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1522590a,0 8px 24px #1522590f}.dashboard-insight-card:before{content:"";background:linear-gradient(90deg,#152259,#509cdb);height:3px;position:absolute;top:0;left:0;right:0}.dashboard-insight-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.dashboard-insight-card__title{color:var(--color-gray-900);margin:0;font-size:14px;font-weight:600}.dashboard-insight-card__caption{color:var(--color-gray-500);margin:4px 0 0;font-size:11px}.dashboard-insight-card__stat{text-align:right;flex-shrink:0}.dashboard-insight-card__value{color:var(--color-gray-900);font-size:18px;font-weight:700}.dashboard-insight-card__delta{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-block}.dashboard-insight-card__delta--up{color:#059669;background:#d1fae5}.dashboard-insight-card__delta--down{color:#dc2626;background:#fee2e2}.dashboard-insight-card__delta--neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.dashboard-insight-card__chart{height:90px;margin-top:4px}.dashboard-breakdown-bar{border-radius:5px;gap:2px;height:10px;margin-top:12px;display:flex;overflow:hidden}.dashboard-breakdown-segment{border-radius:5px;min-width:2px}.dashboard-breakdown-labels{flex-wrap:wrap;gap:8px 12px;margin-top:8px;display:flex}.dashboard-breakdown-labels span{color:var(--color-gray-500);font-size:10px}.dashboard-main-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.dashboard-main-grid{grid-template-columns:1fr}}.dashboard-main-grid--single{grid-template-columns:1fr}.dashboard-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:16px;overflow:hidden}.dashboard-card__header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px 12px;display:flex}.dashboard-card__title{color:var(--color-gray-900);margin:0;font-size:15px;font-weight:600}.dashboard-card__subtitle{color:var(--color-gray-500);margin:2px 0 0;font-size:12px}.dashboard-card__action{color:#509cdb;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:none}.dashboard-card__action:hover{opacity:.85}.dashboard-card__body{padding:0}.dashboard-density-list{margin:0;padding:0;list-style:none}.dashboard-density-item{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 20px;display:flex}.dashboard-density-item:last-child{border-bottom:none}.dashboard-density-item__title{color:var(--color-gray-900);font-size:13px;font-weight:500}.dashboard-density-item__meta{color:var(--color-gray-500);margin-top:2px;font-size:11px}.dashboard-density-item__value{color:var(--color-gray-600);flex-shrink:0;font-size:12px;font-weight:500}.dashboard-density-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dashboard-density-dot--critical{background:#ef4444}.dashboard-density-dot--warning{background:#f59e0b}.dashboard-density-dot--normal{background:#10b981}.dashboard-quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 20px;display:grid}.dashboard-quick-btn{text-align:center;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;display:block}.dashboard-quick-btn--primary{color:#fff;background:#509cdb}.dashboard-quick-btn--secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.dashboard-quick-btn:hover{opacity:.85}.dashboard-parent-selector{margin-bottom:16px}.cbt-exam-overlay{z-index:400;background:var(--color-background);padding:var(--space-5);flex-direction:column;display:flex;position:fixed;inset:0}.cbt-exam-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.cbt-exam-body{gap:var(--space-5);flex:1;grid-template-columns:120px 1fr;display:grid}.cbt-palette{flex-direction:column;gap:8px;display:flex}.cbt-palette__btn{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;background:#fff;width:40px;height:40px;font-weight:600}.cbt-palette__btn--answered{background:#d1fae5;border-color:#059669}.report-card-print{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-8);background:#fff;max-width:800px}@media print{.sidebar,.topbar,.no-print,.toast-stack{display:none!important}.main-content,.report-card-print{width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important}}.dashboard-content{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);max-width:640px;padding:var(--space-8);box-shadow:var(--shadow-sm)}.role-badge{color:var(--color-primary-dark);margin-bottom:var(--space-4);background:#509cdb26;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.dashboard-content h1{margin:0 0 var(--space-3);color:var(--color-gray-900)}.dashboard-subtext{color:var(--color-gray-500);margin:0}.route-loading,.route-forbidden{background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.route-forbidden h1{color:var(--color-error);margin:0}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}.analytics-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.analytics-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.analytics-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.analytics-grid-3,.analytics-grid-2{grid-template-columns:1fr}}.analytics-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:16px;padding:16px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.analytics-card:before{content:"";background:linear-gradient(90deg,#152259,#509cdb);height:3px;position:absolute;top:0;left:0;right:0}.analytics-card__title{color:var(--color-gray-900);margin:0 0 2px;font-size:13px;font-weight:600}.analytics-card__caption{color:var(--color-gray-500);margin:0 0 12px;font-size:11px}.analytics-hbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.analytics-hbar:last-child{margin-bottom:0}.analytics-hbar__label{color:var(--color-gray-600);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:72px;font-size:11px;overflow:hidden}.analytics-hbar__bar{background:var(--color-gray-100);border-radius:4px;flex:1;height:8px;overflow:hidden}.analytics-hbar__fill{background:#509cdb;border-radius:4px;height:100%;transition:width .4s}.analytics-hbar__value{color:var(--color-gray-700);text-align:right;flex-shrink:0;width:36px;font-size:11px;font-weight:600}.analytics-stat-row{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.analytics-stat-row:last-child{border-bottom:none}.analytics-stat-label{color:var(--color-gray-600);font-size:12px}.analytics-stat-value{color:var(--color-gray-900);font-size:13px;font-weight:600}.analytics-stat-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.analytics-stat-badge--up{color:#059669;background:#d1fae5}.analytics-stat-badge--down{color:#dc2626;background:#fee2e2}.analytics-stat-badge--neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.analytics-calendar{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:4px;display:grid}.analytics-calendar__cell{aspect-ratio:1;background:var(--color-gray-100);border-radius:3px}.analytics-calendar__cell--present{background:#10b981}.analytics-calendar__cell--absent{background:#ef4444}.analytics-calendar__cell--late{background:#f59e0b}.analytics-calendar__cell--future{background:var(--color-gray-50);border:1px solid var(--color-gray-100)}.students-page{font-family:var(--font-sans)}.students-intro{margin:0 0 var(--space-5);color:var(--color-gray-500);font-size:.9375rem}.students-toolbar{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.students-filters{gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.students-filters input,.students-filters select{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font:inherit;min-width:200px;padding:.625rem .875rem}.btn-ghost{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;font:inherit;padding:.5rem 1rem}.students-table-wrap{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:auto}.students-table{border-collapse:collapse;width:100%;font-size:.875rem}.students-table th,.students-table td{text-align:left;border-bottom:1px solid var(--color-gray-100);padding:.875rem 1rem}.students-table th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600}.students-table .sub{color:var(--color-gray-500);font-size:.75rem}.status-pill{border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill--active{color:#059669;background:#d1fae5}.status-pill--inactive{background:var(--color-gray-100);color:var(--color-gray-500)}.row-inactive{opacity:.65}.actions-cell{flex-wrap:wrap;gap:.5rem;display:flex}.btn-link{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.btn-link--danger{color:var(--color-error)}.skeleton-bar{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);background-size:200% 100%;border-radius:4px;height:1rem;animation:1.2s infinite shimmer}.empty-cell{text-align:center;color:var(--color-gray-500);padding:2rem!important}.students-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--color-gray-700);flex-wrap:wrap;font-size:.875rem;display:flex}.students-pagination__controls{align-items:center;gap:var(--space-2);display:flex}.students-pagination__meta{color:var(--color-gray-600);padding:0 .5rem}.students-pagination button:not(.muni-btn){border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;margin:0 .5rem;padding:.375rem .75rem}.students-pagination button:not(.muni-btn):disabled{opacity:.5;cursor:not-allowed}.students-toast{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);color:#065f46;border-radius:var(--radius-md);background:#d1fae5}.students-error{margin-bottom:var(--space-4);padding:var(--space-3);color:var(--color-error);border-radius:var(--radius-md);background:#fee2e2;font-size:.875rem}.modal-overlay{padding:var(--space-4);z-index:100;background:#11182773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s ease-out modalSlideIn;overflow:auto}.modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal__header h2{margin:0;font-size:1.125rem}.modal__close{cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal__body{padding:var(--space-5)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-200);display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid label{gap:var(--space-2);color:var(--color-gray-700);flex-direction:column;font-size:.875rem;display:flex}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font:inherit;padding:.5rem .75rem}.form-grid .full-width{grid-column:1/-1}.view-details p{margin:0 0 var(--space-3)}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.page-header,.muni-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header-title,.muni-page-header__title{color:var(--color-gray-900);margin:0;font-size:1.375rem;font-weight:700}.page-header-subtitle,.muni-page-header__subtitle{color:var(--color-gray-500);margin:4px 0 0;font-size:.875rem}.page-header-actions,.muni-page-header__actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.btn-export{border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500}.btn-add{color:#fff;cursor:pointer;background:#509cdb;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.stats-grid,.stats-grid--4{grid-template-columns:1fr}}.stat-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon-wrapper{border-radius:var(--radius-xl,12px);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon-green{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon-orange{color:#c2410c;background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon-purple{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.stat-icon-red{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-value{color:var(--color-gray-900);font-size:24px;font-weight:700;line-height:1.1}.stat-label{color:var(--color-gray-500);margin-top:2px;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-bar select{border:1px solid var(--color-gray-200);font:inherit;border-radius:8px;min-width:180px;padding:8px 12px}.student-cell{align-items:center;gap:10px;display:flex}.student-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.badge-active{color:#059669;background:#d1fae5;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-available{color:#1d4ed8;background:#dbeafe}.badge-upcoming{background:var(--color-gray-100);color:var(--color-gray-600)}.att-month-nav{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.att-month-nav button,.att-month-nav__btn{border:1px solid var(--color-gray-200);cursor:pointer;color:var(--color-gray-600,#4b5563);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.att-month-nav button:hover,.att-month-nav__btn:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-gray-300,#d1d5db)}.att-month-nav__label{text-align:center;min-width:140px;font-size:15px;font-weight:600}.att-cal-grid{grid-template-columns:repeat(7,1fr);gap:8px;max-width:420px;display:grid}.att-cal-head{color:var(--color-gray-500);text-align:center;padding:4px 0;font-size:11px;font-weight:600}.att-cal-cell{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;font-size:12px;display:flex}.att-cal-cell--empty{visibility:hidden}.att-cal-cell--none{color:var(--color-gray-400);border:1px solid #e5e7eb}.att-cal-cell--present{color:#059669;background:#d1fae5}.att-cal-cell--absent{color:#dc2626;background:#fee2e2}.att-cal-cell--late{color:#d97706;background:#fef3c7}.att-cal-cell--excused{color:#4338ca;background:#e0e7ff}.att-cal-cell--today{outline-offset:1px;outline:2px solid #509cdb}.att-legend{color:var(--color-gray-600);flex-wrap:wrap;gap:12px 16px;margin-top:16px;font-size:12px;display:flex}.att-legend-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.ops-section{margin-bottom:32px}.ops-section__title{margin:0 0 12px;font-size:16px;font-weight:600}.ops-section__note{color:var(--color-gray-500);margin-top:8px;font-size:12px}.ops-template-grid{flex-wrap:wrap;gap:12px;display:flex}.ops-preview-table{margin-top:12px}.gen-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.gen-grid{grid-template-columns:1fr}}.gen-panel{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden}.gen-panel__head{border-bottom:1px solid var(--color-gray-100);padding:20px}.gen-panel__head h2{margin:0;font-size:1.125rem;font-weight:600}.gen-panel__body{padding:20px}.gen-form-row{margin-bottom:16px}.gen-form-row label{color:var(--color-gray-700);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.gen-form-row input,.gen-form-row select,.gen-form-row textarea{border:1px solid var(--color-gray-300);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.gen-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.id-card{background:#fff;border:2px solid #509cdb;border-radius:12px;width:340px;max-width:100%;margin:0 auto;overflow:hidden}.id-card__banner{color:#fff;text-align:center;background:linear-gradient(135deg,#152259,#509cdb);flex-direction:column;justify-content:center;align-items:center;height:40px;line-height:1.2;display:flex}.id-card__school{letter-spacing:.05em;font-size:12px;font-weight:700}.id-card__type{opacity:.7;font-size:9px}.id-card__body{gap:14px;padding:16px;display:flex}.id-card__avatar{color:#fff;background:linear-gradient(135deg,#152259,#509cdb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:16px;font-weight:700;display:flex}.id-card__info{flex:1;min-width:0}.id-card__name{margin:0 0 4px;font-size:14px;font-weight:600}.id-card__line{color:var(--color-gray-500);margin:2px 0;font-size:12px}.id-card__footer{color:var(--color-gray-500);background:#f8fafc;justify-content:space-between;padding:8px 16px;font-size:10px;display:flex}.id-batch-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.admit-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:500px;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 4px 12px #0000000f}.admit-card__header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.admit-card__school{color:#152259;margin:0;font-size:16px;font-weight:700}.admit-card__sub{color:var(--color-gray-500);margin:4px 0 0;font-size:11px}.admit-card__exam{margin:6px 0 0;font-size:13px;font-weight:600}.admit-card__term{color:var(--color-gray-400);margin:2px 0 0;font-size:11px}.admit-card__badge{color:#fff;white-space:nowrap;background:#152259;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600}.admit-card__body{gap:14px;padding:16px 20px;display:flex}.admit-card__avatar{color:#fff;background:linear-gradient(135deg,#152259,#509cdb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.admit-kv{margin:4px 0;font-size:12px}.admit-kv strong{color:var(--color-gray-700);margin-right:6px}.admit-table{border-collapse:collapse;width:calc(100% - 40px);margin:0 20px 12px;font-size:12px}.admit-table th,.admit-table td{border:1px solid var(--color-gray-200);text-align:left;padding:8px 10px}.admit-table th{background:var(--color-gray-50);font-weight:600}.admit-card__footer{color:var(--color-gray-500);justify-content:space-between;gap:16px;padding:12px 20px 16px;font-size:10px;display:flex}.admit-sign{text-align:right;font-size:10px}.cal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.cal-toolbar__nav{align-items:center;gap:8px;display:flex}.cal-month-title{text-align:center;min-width:140px;margin:0 12px;font-size:1.125rem;font-weight:600}.cal-layout{grid-template-columns:1fr 320px;gap:20px;display:grid}@media (width<=900px){.cal-layout{grid-template-columns:1fr}}.cal-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;padding:16px}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-dow{text-align:center;color:var(--color-gray-500);padding:8px 4px;font-size:12px;font-weight:600}.cal-cell{border:1px solid var(--color-gray-100);cursor:pointer;vertical-align:top;min-height:88px;padding:6px}.cal-cell:nth-child(7n){border-right:1px solid var(--color-gray-100)}.cal-cell--muted{background:var(--color-gray-50);opacity:.6}.cal-cell--today{border:2px solid #509cdb!important}.cal-day-num{font-size:13px;font-weight:500}.cal-cell--today .cal-day-num{color:#509cdb;font-weight:700}.cal-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;display:block;overflow:hidden}.cal-pill--academic{color:#1d4ed8;background:#dbeafe}.cal-pill--sports{color:#059669;background:#d1fae5}.cal-pill--holiday{color:#dc2626;background:#fee2e2}.cal-pill--other{color:#374151;background:#f3f4f6}.cal-more{color:var(--color-gray-500);margin-top:2px;font-size:10px}.cal-side-event{border-bottom:1px solid var(--color-gray-100);padding:12px 0}.cal-side-event:last-child{border-bottom:none}.news-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=768px){.news-stats{grid-template-columns:repeat(2,1fr)}}.news-stat{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;padding:16px}.news-stat__val{font-size:1.5rem;font-weight:700}.news-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.news-grid{grid-template-columns:1fr}}.news-article-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;padding:20px}.news-cat{border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.news-cat--Sports{color:#059669;background:#d1fae5}.news-cat--Academic{color:#1d4ed8;background:#dbeafe}.news-cat--Events{color:#7c3aed;background:#ede9fe}.news-cat--Notice{color:#d97706;background:#fef3c7}.news-cat--General{color:#374151;background:#f3f4f6}.perm-yes{color:#059669;font-weight:700}.perm-no{color:var(--color-gray-400)}.perm-badge{background:var(--color-gray-100);color:var(--color-gray-700);border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.perm-badge--assigned{color:#1d4ed8;background:#dbeafe}.perm-badge--child{color:#d97706;background:#fef3c7}.import-dropzone{border:2px dashed var(--color-gray-300);text-align:center;background:var(--color-gray-50);border-radius:12px;padding:40px 24px}.import-dropzone--active{background:#f0f9ff;border-color:#509cdb}.cbt-fullscreen{z-index:200;background:#f9fafb;flex-direction:column;display:flex;position:fixed;inset:0}.cbt-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.cbt-header__title{font-size:15px;font-weight:600}.cbt-header__center{color:var(--color-gray-600);font-size:14px}.cbt-header__timer{font-variant-numeric:tabular-nums;font-weight:600}.cbt-header__timer--warn{color:#dc2626}.cbt-main{flex:1;display:flex;overflow:hidden}.cbt-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:220px;padding:16px;display:flex}.cbt-sidebar__label{margin-bottom:12px;font-size:13px;font-weight:600}.cbt-palette-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;display:grid}.cbt-palette-btn{width:36px;height:36px;color:var(--color-gray-600);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500}.cbt-palette-btn--answered{color:#fff;background:#509cdb;border-color:#0000}.cbt-palette-btn--current{border:2px solid #152259}.cbt-submit-btn{color:#fff;cursor:pointer;background:#152259;border:none;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-weight:500}.cbt-content{flex:1;padding:24px;overflow-y:auto}.cbt-question-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:720px;padding:24px}.cbt-q-label{color:var(--color-gray-500);margin-bottom:8px;font-size:12px;font-weight:600}.cbt-q-text{margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.6}.cbt-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:10px;padding:12px 16px;font-size:14px;display:block}.cbt-option:hover{background:#f8fafc}.cbt-option--selected{color:#1d4ed8;background:#dbeafe;border-color:#509cdb}.cbt-nav-row{justify-content:space-between;margin-top:24px;display:flex}.cbt-review-item{border-bottom:1px solid var(--color-gray-100);padding:12px 0;font-size:13px}.cbt-review-item--ok{color:#059669}.cbt-review-item--bad{color:#dc2626}@media print{.sidebar,.topbar,.gen-panel--settings,.gen-actions,.no-print{display:none!important}.app-layout__main{margin:0!important;padding:0!important}.print-only{display:block!important}.id-card,.admit-card{page-break-inside:avoid;width:3.375in;height:2.125in;margin:.25in auto}.admit-card{width:5in;height:auto}.id-batch-grid{display:block}}.profile-layout{max-width:900px}.profile-header{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;align-items:flex-start;gap:24px;margin-bottom:28px;padding:24px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#152259,#509cdb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.profile-header__info{flex:1;min-width:0}.profile-header__name{color:var(--color-gray-900);margin:0 0 8px;font-size:24px;font-weight:700}.profile-role-badge{border-radius:12px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.profile-role-badge--manager{color:#1d4ed8;background:#dbeafe}.profile-role-badge--teacher{color:#059669;background:#d1fae5}.profile-role-badge--student{color:#7c3aed;background:#ede9fe}.profile-role-badge--parent{color:#d97706;background:#fef3c7}.profile-role-badge--staff{color:#db2777;background:#fce7f3}.profile-header__meta{color:var(--color-gray-500);font-size:13px}.profile-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:16px;padding:24px}.profile-card__title{border-bottom:1px solid var(--color-gray-100);margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600}.profile-form-group{margin-bottom:16px}.profile-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-form-row{grid-template-columns:1fr}}.profile-card__actions{justify-content:flex-end;margin-top:8px;display:flex}.profile-readonly-list{margin:0;padding:0;list-style:none}.profile-readonly-list li{border-bottom:1px solid var(--color-gray-100);padding:8px 0;font-size:14px}.profile-readonly-list li:last-child{border-bottom:none}.profile-info-row{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-row span:first-child{color:var(--color-gray-500)}.profile-pref-grid{flex-direction:column;gap:10px;display:flex}.profile-pref-grid label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.settings-tabs{border-bottom:1px solid var(--color-gray-200);gap:4px;margin-bottom:24px;display:flex}.settings-tab{color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500}.settings-tab--active{color:#509cdb;border-bottom-color:#509cdb}.settings-section{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.settings-section h3{margin:0 0 16px;font-size:15px;font-weight:600}.broadcast-layout{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}@media (width<=900px){.broadcast-layout{grid-template-columns:1fr}}.broadcast-role-tiles{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.broadcast-role-tile{border:1px solid var(--color-gray-200);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.broadcast-role-tile:has(input:checked){background:#509cdb14;border-color:#509cdb}.broadcast-list-item{border-bottom:1px solid var(--color-gray-100);padding:12px 0}.broadcast-list-item:last-child{border-bottom:none}.broadcast-list-item__title{margin-bottom:4px;font-size:14px;font-weight:500}.broadcast-list-item__meta{color:var(--color-gray-500);margin-bottom:6px;font-size:11px}.broadcast-list-item__preview{color:var(--color-gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.notif-tabs{gap:8px;margin-bottom:20px;display:flex}.notif-tab{border:1px solid var(--color-gray-200);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px}.notif-tab--active{color:#fff;background:#509cdb;border-color:#509cdb}.notif-item{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px}.notif-item--unread{background:#509cdb0a;border-left:3px solid #509cdb}.notif-item__title{margin-bottom:6px;font-weight:500}.notif-item__body{color:var(--color-gray-600);font-size:14px;line-height:1.5}.notif-item__meta{color:var(--color-gray-500);margin-top:8px;font-size:12px}.feedback-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.feedback-layout{grid-template-columns:1fr}}.manager-notif-tabs{gap:8px;margin-bottom:20px;display:flex}.messages-layout{grid-template-columns:340px 1fr;align-items:start;gap:24px;min-height:520px;display:grid}.messages-panel{background:var(--color-white,#fff);border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;min-height:520px;display:flex;overflow:hidden}.messages-panel__header{border-bottom:1px solid var(--color-gray-100);padding:16px 20px}.messages-panel__title{color:var(--color-gray-900);margin:0;font-size:1rem;font-weight:600}.messages-thread-list{flex:1;padding:8px;overflow-y:auto}.messages-thread{text-align:left;border:1px solid var(--color-gray-200);background:var(--color-white,#fff);cursor:pointer;border-radius:10px;width:100%;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s;display:block}.messages-thread:hover,.messages-thread--active{border-color:var(--color-primary-light,#509cdb);background:var(--color-gray-50)}.messages-thread__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.messages-thread__name{color:var(--color-gray-900);font-size:.875rem;font-weight:500}.messages-thread__time{color:var(--color-gray-500);white-space:nowrap;flex-shrink:0;font-size:.75rem}.messages-thread__preview{color:var(--color-gray-600);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8125rem;overflow:hidden}.messages-thread__badge{background:var(--color-primary,#152259);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-top:6px;padding:0 5px;font-size:.6875rem;font-weight:600;display:inline-flex}.messages-chat{grid-template-rows:auto 1fr auto;min-height:520px;display:grid}.messages-chat__header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.messages-chat__back{color:var(--color-primary,#152259);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:.875rem;display:none}.messages-chat__who strong{color:var(--color-gray-900);font-size:.9375rem;display:block}.messages-chat__who span{color:var(--color-gray-600);font-size:.75rem}.messages-chat__messages{background:var(--color-gray-50);flex-direction:column;gap:10px;min-height:0;padding:20px;display:flex;overflow-y:auto}.messages-bubble{border:1px solid var(--color-gray-200);background:var(--color-white,#fff);max-width:75%;color:var(--color-gray-900);border-radius:14px;padding:10px 12px;font-size:.875rem;line-height:1.35}.messages-bubble--me{border-color:var(--color-primary-light,#509cdb);background:var(--color-primary,#152259);color:#fff;align-self:flex-end;margin-left:auto}.messages-bubble--me .messages-bubble__time{color:#ffffffd9}.messages-bubble__time{color:var(--color-gray-500);margin-top:4px;font-size:.6875rem;display:block}.messages-chat__composer{border-top:1px solid var(--color-gray-100);background:var(--color-white,#fff);align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.messages-chat__composer .muni-input{flex:1}.messages-empty{color:var(--color-gray-500);text-align:center;padding:24px 20px;font-size:.875rem}.messages-layout--mobile-chat .messages-panel--list{display:none}.messages-layout--mobile-chat .messages-chat__back{display:inline-block}@media (width<=768px){.messages-layout{grid-template-columns:1fr}.messages-panel--chat,.messages-layout--mobile-chat .messages-panel--list{display:none}.messages-layout--mobile-chat .messages-panel--chat{display:flex}}.sidebar{z-index:200;background:var(--color-primary-dark);width:240px;height:100vh;color:var(--color-white);flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar__brand{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;padding:20px 16px;display:flex}.sidebar__logo{border-radius:var(--radius-md);background:var(--color-white);width:32px;height:32px;color:var(--color-primary-dark);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.sidebar__school{color:var(--color-white);font-size:15px;font-weight:600}.sidebar__nav{flex:1;padding:8px 0 16px;overflow-y:auto}.sidebar__group-label{color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:16px;padding:0 16px 4px;font-size:11px}.sidebar__group:first-child .sidebar__group-label{margin-top:8px}.sidebar__list{margin:0;padding:0 8px;list-style:none}.sidebar__link{color:#ffffffb3;border-radius:var(--radius-sm);border-left:3px solid #0000;align-items:center;gap:10px;margin:2px 0;padding:10px 16px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{color:#ffffffe6;background:#ffffff14}.sidebar__link--active{color:var(--color-white);border-left-color:var(--color-white);background:#ffffff26;font-weight:500}.sidebar__link-text{flex:1;min-width:0}.sidebar__badge{background:var(--color-error);min-width:18px;height:18px;color:var(--color-white);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;display:flex}.sidebar__user{border-top:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar__avatar{width:32px;height:32px;color:var(--color-white);background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sidebar__user-name{color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar__user-role{color:#ffffff80;font-size:11px}.sidebar__user-meta{min-width:0}.sidebar__company{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff14;margin-top:4px;padding:8px 16px 12px;font-size:10px;line-height:1.4}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.topbar{z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:240px;right:0}.topbar__left{align-items:center;gap:12px;min-width:0;display:flex}.topbar__menu-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-gray-700);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.topbar__menu-btn:hover{background:var(--color-gray-100)}.topbar__title{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.125rem;font-weight:600;overflow:hidden}.topbar__right{flex-shrink:0;align-items:center;gap:16px;display:flex}.topbar__bell{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-gray-600);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.topbar__bell-badge{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px}.topbar__bell:hover{background:var(--color-gray-100);color:var(--color-primary)}.topbar__user{color:var(--color-gray-700);font-size:.875rem}.topbar__logout{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);font:inherit;cursor:pointer;padding:.375rem .875rem;font-size:.875rem}.topbar__logout:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}@media (width<=768px){.topbar{left:0}.topbar__menu-btn{display:flex}.topbar__user{display:none}}.app-shell{min-height:100vh}.app-shell__main{min-height:100vh;margin-left:240px}.app-shell__content{background:var(--color-background);min-height:calc(100vh - 56px);margin-top:56px;padding:24px}.app-shell__overlay{z-index:150;cursor:pointer;background:#11182773;border:none;display:none;position:fixed;inset:0}@media (width<=768px){.app-shell__main{margin-left:0}.app-shell__overlay{display:block}}.login-page{background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.login-container{border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:960px;min-height:580px;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000026}.login-branding{color:#fff;background:linear-gradient(135deg,#152259 0%,#509cdb 100%);flex-direction:column;justify-content:space-between;padding:48px 40px;display:flex}.login-branding__logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.login-branding__logo-letter{color:#152259;font-size:1.75rem;font-weight:700}.login-branding__title{color:#fff;margin:0 0 4px;font-size:28px;font-weight:700}.login-branding__tagline{color:#ffffffb3;margin:0;font-size:14px}.login-branding__mid{flex:1;margin:36px 0 32px}.login-branding__features-heading{color:#fffc;margin:0 0 20px;font-size:14px;font-weight:400}.login-branding__feature{align-items:center;gap:12px;margin-bottom:14px;display:flex}.login-branding__feature-icon{color:#4ade80;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.login-branding__feature-text{color:#ffffffe6;font-size:14px}.login-branding__stats{display:flex}.login-branding__stat{text-align:center;flex:1}.login-branding__stat+.login-branding__stat{border-left:1px solid #fff3}.login-branding__stat-number{color:#fff;font-size:20px;font-weight:700;display:block}.login-branding__stat-label{color:#fff9;margin-top:2px;font-size:11px;display:block}.login-form-panel{background:#fff;flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.login-form__heading{color:var(--color-gray-900);margin:0 0 6px;font-size:1.375rem;font-weight:600}.login-form__hint{margin:0 0 var(--space-5);color:var(--color-gray-500);font-size:.875rem}.field{margin-bottom:var(--space-4);display:block}.field__label{margin-bottom:var(--space-2);color:var(--color-gray-700);font-size:.875rem;font-weight:500;display:block}.field__input{box-sizing:border-box;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;font:inherit;color:var(--color-gray-900);padding:.75rem 1rem}.field__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #509cdb40}.field__password{position:relative}.field__password .muni-input{padding-right:4rem}.field__toggle{color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.login-forgot{text-align:right;color:#509cdb;margin-top:-8px;margin-bottom:16px;font-size:13px;text-decoration:none;display:block}.login-forgot:hover{text-decoration:underline}.login-error{margin:0 0 var(--space-4);padding:var(--space-3);color:var(--color-error);border-radius:var(--radius-md);background:#fee2e2;font-size:.875rem}.login-submit{border-radius:var(--radius-md);background:var(--color-primary);width:100%;color:var(--color-white);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;display:flex}.login-submit:hover:not(:disabled){background:var(--color-primary-dark)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-divider{color:var(--color-gray-400);align-items:center;gap:12px;margin:20px 0 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-gray-200);flex:1;height:1px}.login-footer{text-align:center;color:var(--color-gray-600);margin:12px 0 0;font-size:.875rem}.login-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-brand-footer{color:var(--color-gray-400);text-align:center;font-size:.75rem;line-height:1.6}.login-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login-modal{background:var(--color-white,#fff);border-radius:12px;width:100%;max-width:480px;padding:28px;box-shadow:0 20px 60px #00000040}.login-modal h3{color:var(--color-gray-900,#111827);margin:0 0 8px;font-size:18px;font-weight:700}.login-modal__cancel{border:1px solid var(--color-gray-300,#d1d5db);cursor:pointer;color:var(--color-gray-700,#374151);background:0 0;border-radius:8px;padding:8px 16px;font-size:14px}.login-modal__cancel:hover{background:var(--color-gray-50,#f9fafb)}.muni-textarea{border:1px solid var(--color-gray-300,#d1d5db);resize:vertical;width:100%;color:var(--color-gray-900,#111827);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.muni-textarea:focus{border-color:var(--color-primary,#509cdb);outline:none;box-shadow:0 0 0 3px #509cdb26}@media (width<=768px){.login-container{grid-template-columns:1fr;min-height:auto}.login-branding{display:none}.login-form-panel{padding:32px 24px}}.coming-soon{text-align:center;color:var(--color-gray-700);padding:48px 24px}.coming-soon h2{color:var(--color-gray-900);margin:0 0 8px;font-size:1.5rem}.coming-soon p{color:var(--color-gray-500);margin:0}