@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.msgs-page{display:flex;flex-direction:column;height:calc(100vh - 106px - 3.5rem);min-height:520px}.msgs-layout{background:#f4f1ec;border-radius:16px;box-shadow:0 2px 16px #00000014,0 0 0 1px #0000000d;display:flex;flex:1 1;overflow:hidden}.msgs-panel{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:320px}.msgs-panel-header{align-items:center;background:linear-gradient(135deg,#1a4731,#166534 60%,#15803d);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:.85rem 1rem}.msgs-panel-title{font-size:1rem;font-weight:700;letter-spacing:.2px}.msgs-new-pill{background:#22c55e;border:none;border-radius:20px;box-shadow:0 2px 8px #22c55e59;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;padding:.32rem 1rem;transition:background .18s,box-shadow .18s}.msgs-new-pill:hover{background:#16a34a;box-shadow:0 4px 14px #22c55e73}.msgs-search-wrap{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;padding:.6rem .85rem;position:relative}.msgs-search-icon{color:#9ca3af;font-size:.85rem;left:1.2rem;pointer-events:none;position:absolute}.msgs-search-input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.87rem;outline:none;padding:.42rem 2rem;transition:border-color .18s;width:100%}.msgs-search-input:focus{background:#fff;border-color:#22c55e}.msgs-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.85rem;padding:0;position:absolute;right:1.1rem}.msgs-search-clear:hover{color:#475569}.msgs-filter-wrap{border-bottom:1px solid #f3f4f6;flex-shrink:0;padding:.5rem .85rem;position:relative}.msgs-filter-select{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.87rem;outline:none;padding:.42rem 2rem .42rem .75rem;width:100%}.msgs-filter-select:focus{border-color:#22c55e}.msgs-filter-arrow{color:#6b7280;font-size:.75rem;pointer-events:none;position:absolute;right:1.45rem;top:50%;transform:translateY(-50%)}.msgs-filter-hint{background:#fffbeb;border-bottom:1px solid #fde68a;color:#d97706;flex-shrink:0;font-size:.78rem;font-weight:500;padding:.4rem 1rem .2rem}.msgs-conv-list{flex:1 1;list-style:none;overflow-y:auto}.msgs-conv-list::-webkit-scrollbar{width:5px}.msgs-conv-list::-webkit-scrollbar-track{background:#0000}.msgs-conv-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.msgs-no-results{color:#9ca3af;font-size:.85rem;padding:1.5rem 1rem;text-align:center}.msgs-conv-item{align-items:center;border-bottom:1px solid #f3f4f6e6;cursor:pointer;display:flex;gap:.75rem;padding:.8rem 1rem;transition:background .13s}.msgs-conv-item:hover{background:#f9fafb}.msgs-conv-item.active{background:#f0fdf4;border-left:3px solid #22c55e}.msgs-avatar{align-items:center;background:linear-gradient(135deg,#166534,#22c55e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.82rem;font-weight:800;height:42px;justify-content:center;letter-spacing:.5px;width:42px}.msgs-avatar-sm{font-size:.76rem;height:38px;width:38px}.msgs-conv-info{display:flex;flex:1 1;flex-direction:column;gap:.12rem;overflow:hidden}.msgs-conv-name{color:#111827;font-size:.88rem;font-weight:700}.msgs-conv-name,.msgs-conv-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgs-conv-preview{color:#9ca3af;font-size:.76rem}.msgs-pin-icon{color:#f9a8d4;flex-shrink:0;font-size:.85rem}.msgs-main{align-items:stretch}.msgs-main,.msgs-placeholder-area{background:#f4f1ec;display:flex;flex:1 1}.msgs-placeholder-area{align-items:center;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.msgs-placeholder-bubble{font-size:3.5rem;line-height:1;opacity:.25}.msgs-placeholder-title{color:#374151;font-size:1.1rem;font-weight:700}.msgs-placeholder-sub{color:#9ca3af;font-size:.85rem;line-height:1.5;max-width:300px}.msgs-chat-area{display:flex;flex-direction:column;width:100%}.msgs-chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;padding:.85rem 1.25rem}.msgs-chat-name{color:#111827;font-size:.95rem;font-weight:700}.msgs-chat-sub{color:#9ca3af;font-size:.75rem}.msgs-chat-body{align-items:center;background:#f4f1ec;display:flex;flex:1 1;justify-content:center}.msgs-picker-modal{display:flex;flex-direction:column;max-height:88vh}.msgs-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1.1rem 1.4rem .9rem}.msgs-modal-title{align-items:center;color:#111827;display:flex;font-size:1.05rem;font-weight:700;gap:.45rem}.msgs-back-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.4;padding:.18rem .55rem;transition:background .14s}.msgs-back-btn:hover{background:#e5e7eb}.msgs-close-btn{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1.05rem;line-height:1;padding:.28rem .38rem;transition:background .14s,color .14s}.msgs-close-btn:hover{background:#f3f4f6;color:#374151}.msgs-modal-body{flex:1 1;overflow-y:auto;padding:1.1rem 1.4rem 1.4rem}.msgs-cat-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.msgs-cat-card{align-items:center;border:1.5px solid;border-radius:13px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.55rem;padding:1.1rem .6rem;transition:transform .15s,box-shadow .15s;width:100%}.msgs-cat-card:hover{box-shadow:0 8px 22px #0000001a;transform:translateY(-3px)}.msgs-cat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.55rem;height:50px;justify-content:center;width:50px}.msgs-cat-label{color:#111827;font-size:.8rem;font-weight:600;line-height:1.3;text-align:center}.msgs-tpl-list{gap:.55rem}.msgs-tpl-card,.msgs-tpl-list{display:flex;flex-direction:column}.msgs-tpl-card{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;font-family:inherit;gap:.35rem;padding:.85rem 1rem;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.msgs-tpl-card:hover{background:#f0fdf4;border-color:#22c55e;box-shadow:0 2px 10px #22c55e1f}.msgs-tpl-tag{color:#15803d;font-size:.72rem;font-weight:700;letter-spacing:.35px;text-transform:uppercase}.msgs-tpl-text{color:#4b5563;font-size:.87rem;line-height:1.55}.msgs-compose{display:flex;flex-direction:column;gap:.8rem}.msgs-field-row{align-items:center;display:flex;gap:.7rem}.msgs-field-label{color:#6b7280;flex-shrink:0;font-size:.8rem;font-weight:600;min-width:108px}.msgs-field-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-family:inherit;font-size:.87rem;outline:none;padding:.44rem .75rem}.msgs-field-select:focus{border-color:#22c55e}.msgs-field-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#1e293b;flex:1 1;font-family:inherit;font-size:.87rem;outline:none;padding:.44rem .75rem;transition:border-color .17s,box-shadow .17s}.msgs-field-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.msgs-school-chip{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:20px;color:#166534;cursor:not-allowed;display:inline-flex;font-size:.85rem;font-weight:600;gap:.3rem;padding:.26rem .8rem}.msgs-divider{border:none;border-top:1px solid #e5e7eb;margin:0}.msgs-preview-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.4px;margin-bottom:.4rem;text-transform:uppercase}.msgs-preview-box{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#1e293b;font-size:.9rem;line-height:1.65;min-height:80px;padding:.85rem 1rem;white-space:pre-wrap}.msgs-highlight{background:#fef9c3;border-radius:3px;color:#854d0e;font-style:normal;font-weight:500;padding:0 2px}.msgs-textarea{border:1.5px solid #e5e7eb;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.9rem;line-height:1.65;min-height:100px;outline:none;padding:.75rem 1rem;resize:vertical;transition:border-color .17s,box-shadow .17s;width:100%}.msgs-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.msgs-actions{display:flex;gap:.6rem;justify-content:flex-end;padding-top:.2rem}.msgs-sent-banner{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#15803d}.msgs-error-banner,.msgs-sent-banner{align-items:center;animation:fadeIn .2s ease;display:flex;font-size:.87rem;font-weight:600;gap:.45rem;padding:.55rem .9rem}.msgs-error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c}@media (max-width:768px){.msgs-page{height:auto;min-height:0;min-height:auto}.msgs-layout{flex-direction:column}.msgs-panel{max-height:260px;width:100%}.msgs-main{min-height:300px}.msgs-cat-grid{grid-template-columns:repeat(2,1fr)}.msgs-field-row{align-items:flex-start;flex-direction:column}.msgs-field-label{min-width:0;min-width:auto}.msgs-field-input,.msgs-field-select{width:100%}}:root{--indigo-950:#1e1b4b;--indigo-900:#312e81;--indigo-800:#3730a3;--indigo-700:#4338ca;--indigo-600:#4f46e5;--indigo-500:#6366f1;--indigo-400:#818cf8;--indigo-300:#a5b4fc;--indigo-200:#c7d2fe;--indigo-100:#e0e7ff;--indigo-50:#eef2ff;--slate-950:#020617;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--success-dark:#14532d;--success:#16a34a;--success-mid:#22c55e;--success-light:#dcfce7;--success-border:#86efac;--warning-dark:#92400e;--warning:#d97706;--warning-light:#fef3c7;--warning-border:#fde68a;--danger-dark:#7f1d1d;--danger:#dc2626;--danger-light:#fee2e2;--danger-border:#fca5a5;--info:#0ea5e9;--info-light:#e0f2fe;--sidebar-w:240px;--header-h:64px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:9999px;--shadow-xs:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-sm:0 2px 8px #00000012,0 1px 3px #0000000a;--shadow-md:0 4px 16px #00000017,0 2px 6px #0000000d;--shadow-lg:0 10px 32px #0000001f,0 4px 12px #0000000f;--shadow-xl:0 20px 56px #00000029,0 8px 20px #00000014;--shadow-indigo:0 4px 18px #6366f147;--shadow-indigo-lg:0 8px 28px #6366f161;--ease:cubic-bezier(.4,0,.2,1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.35s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button,input,label,select,textarea{touch-action:manipulation}html{overflow:hidden;scroll-behavior:smooth}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#f8fafc;background:var(--slate-50);color:#1e293b;color:var(--slate-800);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;overscroll-behavior:none}.app,.app-layout{min-height:100vh;min-height:100dvh}.app-layout,.sidebar{display:flex}.sidebar{-webkit-overflow-scrolling:touch;background:#1e1b4b;background:var(--indigo-950);box-shadow:4px 0 20px #0f172a2e;flex-direction:column;height:100vh;height:100dvh;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:env(safe-area-inset-top);position:fixed;top:0;transition:width .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:width var(--dur-base) var(--ease),transform var(--dur-base) var(--ease);width:240px;width:var(--sidebar-w);z-index:300}.sidebar-overlay{display:none}.sidebar-brand{border-bottom:1px solid #ffffff12;gap:.7rem;padding:1.2rem 1rem}.sidebar-brand,.sidebar-logo-wrap{align-items:center;display:flex;flex-shrink:0}.sidebar-logo-wrap{background:#ffffff1a;border:1px solid #ffffff24;border-radius:10px;border-radius:var(--r-md);height:38px;justify-content:center;overflow:hidden;width:38px}.sidebar-school-logo{height:100%;object-fit:contain;padding:4px;width:100%}.sidebar-logo-fallback{align-items:center;color:#fff6;display:flex;height:100%;justify-content:center;width:100%}.sidebar-logo-fallback svg{height:22px;width:22px}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-sub{color:#ffffff61;font-size:.67rem;letter-spacing:.3px;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:.85rem .65rem}.sidebar-nav-label{color:#ffffff40;font-size:.6rem;font-weight:700;letter-spacing:1.2px;padding:.5rem .6rem .25rem;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:10px;border-radius:var(--r-md);color:#fff9;display:flex;font-size:.845rem;font-weight:500;gap:.7rem;letter-spacing:.04px;padding:.58rem .7rem;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s;transition:background var(--dur-fast) var(--ease),color var(--dur-fast)}.sidebar-link:hover{background:#ffffff14;color:#ffffffe6}.sidebar-link-active{background:#6366f138!important;box-shadow:inset 3px 0 0 #818cf8;box-shadow:inset 3px 0 0 var(--indigo-400);color:#fff!important;font-weight:600}.sidebar-link-active .sidebar-link-icon{color:#a5b4fc;color:var(--indigo-300)}.sidebar-link-icon{align-items:center;color:#ffffff6b;display:flex;flex-shrink:0;justify-content:center;transition:color .15s;transition:color var(--dur-fast)}.sidebar-link-icon,.sidebar-link-icon svg{height:18px;width:18px}.sidebar-link:hover .sidebar-link-icon{color:#fffc}.sidebar-link-label{flex:1 1;white-space:nowrap}.sidebar-link-whatsapp{color:#25d366b8}.sidebar-link-whatsapp:hover{background:#25d3661a;color:#25d366}.sidebar-link-whatsapp.sidebar-link-active{background:#25d36624!important;box-shadow:inset 3px 0 0 #25d366;color:#25d366!important}.sidebar-link-whatsapp .sidebar-link-icon{color:#25d3668c}.sidebar-link-locked{cursor:not-allowed!important;opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar-link-locked:hover{background:#0000!important}.sidebar-lock-icon{font-size:11px;margin-left:auto;opacity:.7}.sidebar-lock-icon-collapsed{bottom:2px;font-size:9px;position:absolute;right:2px}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:.8rem 1rem}.sidebar-footer-copy{color:#fff3;font-size:.66rem;letter-spacing:.3px;text-align:center}.sidebar-collapse-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;border-radius:var(--r-sm);color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;margin-left:auto;transition:background .15s,color .15s;transition:background var(--dur-fast),color var(--dur-fast);width:26px}.sidebar-collapse-btn:hover{background:#ffffff29;color:#ffffffe6}.sidebar-collapse-btn svg{height:16px;width:16px}.sidebar-collapsed{width:64px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:1rem .5rem}.sidebar-collapsed .sidebar-collapse-btn{margin-left:0}.sidebar-collapsed .sidebar-nav{align-items:center;padding:.65rem .5rem}.sidebar-collapsed .sidebar-link{border-radius:10px;border-radius:var(--r-md);height:44px;justify-content:center;padding:0;width:44px}.sidebar-collapsed .sidebar-footer{align-items:center;display:flex;flex-direction:column;padding:.8rem .5rem}.sidebar-collapsed .sidebar-logout-btn{height:44px;justify-content:center;padding:0;width:44px}.sidebar-nav-divider{background:#ffffff1a;height:1px;margin:.5rem auto;width:28px}.sidebar-is-collapsed .app-main{margin-left:64px}.app-main{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:240px;margin-left:var(--sidebar-w);min-width:0;overflow:hidden;transition:margin-left .22s cubic-bezier(.4,0,.2,1);transition:margin-left var(--dur-base) var(--ease)}.top-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);box-shadow:0 1px 4px #0000000d;display:flex;flex-shrink:0;gap:1rem;height:64px;height:var(--header-h);justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:200}.top-header--minimal{background:#f8fafc;background:var(--slate-50);border-bottom:none;box-shadow:none;height:auto;min-height:0;padding:.5rem 1rem;position:sticky;top:0;z-index:201}.top-header-left{align-items:center;display:flex;gap:.9rem}.menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:10px;border-radius:var(--r-md);color:#475569;color:var(--slate-600);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;position:relative;touch-action:manipulation;transition:background .15s;transition:background var(--dur-fast);width:44px;z-index:10}.menu-toggle:hover{background:#e2e8f0;background:var(--slate-200)}.menu-toggle svg{height:18px;width:18px}.top-header-page{color:#0f172a;color:var(--slate-900);font-size:1.1rem;font-weight:700;letter-spacing:-.2px}.top-header-right{align-items:center;display:flex;gap:.65rem}.year-pill-wrap{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:9999px;border-radius:var(--r-full);display:flex;gap:.35rem;padding:.3rem .7rem .3rem .6rem}.year-icon{color:#64748b;color:var(--slate-500);flex-shrink:0;height:13px;width:13px}.year-select-header{appearance:none;background:none;border:none;color:#334155;color:var(--slate-700);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;outline:none;padding:0}.header-school-chip{align-items:center;background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:9999px;border-radius:var(--r-full);display:flex;gap:.4rem;padding:.3rem .8rem}.header-school-dot{background:#22c55e;background:var(--success-mid);border-radius:50%;box-shadow:0 0 0 2px #22c55e33;flex-shrink:0;height:7px;width:7px}.header-school-name{color:#4338ca;color:var(--indigo-700);font-size:.78rem;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-header-title{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.top-header-school-name{color:#4f46e5;color:var(--indigo-600,#4f46e5);font-size:.7rem;font-weight:700;letter-spacing:.4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sidebar-logout-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;border-radius:var(--r-md);color:#ffffffbf;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.5rem .85rem;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);width:100%}.sidebar-logout-btn:hover{background:#ef44442e;border-color:#ef444459;color:#fca5a5}.main-content{-webkit-overflow-scrolling:touch;flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:1.65rem}.page{animation:pageIn .25s cubic-bezier(.4,0,.2,1) both;animation:pageIn .25s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title{color:#0f172a;color:var(--slate-900);font-size:1.5rem;font-weight:800;letter-spacing:-.4px;line-height:1.2}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-header .page-title{margin-bottom:0}.section-title{align-items:center;color:#0f172a;color:var(--slate-900);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;letter-spacing:-.1px;margin-bottom:1rem;padding-left:13px;position:relative}.section-title:before{background:linear-gradient(180deg,#6366f1,#a5b4fc);background:linear-gradient(180deg,var(--indigo-500),var(--indigo-300));border-radius:9999px;border-radius:var(--r-full);bottom:2px;content:"";left:0;position:absolute;top:2px;width:4px}.card{background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a;box-shadow:var(--shadow-sm);outline:1px solid #6366f121;outline-offset:0;padding:1.4rem;position:relative;transition:box-shadow .22s cubic-bezier(.4,0,.2,1),outline-color .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease),outline-color var(--dur-base) var(--ease)}.card:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md);outline-color:#6366f147}.card-title{color:#0f172a;color:var(--slate-900);font-size:.9rem;font-weight:700;letter-spacing:-.1px;margin-bottom:1rem}.school-hero{align-items:center;background:linear-gradient(135deg,#1e1b4b,#3730a3 60%,#4f46e5);background:linear-gradient(135deg,var(--indigo-950) 0,var(--indigo-800) 60%,var(--indigo-600) 100%);border:1px solid #ffffff0d;border-radius:0;box-shadow:0 8px 28px #1e1b4b47,inset 0 1px 0 #ffffff0f;color:#fff;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin:-1.65rem -1.65rem 1rem;overflow:hidden;padding:1.75rem 2rem;position:relative}.school-hero:after{background:radial-gradient(circle,#a5b4fc12 0,#0000 70%);height:260px;right:-50px;top:-50px;width:260px}.school-hero:after,.school-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.school-hero:before{background:radial-gradient(circle,#6366f117 0,#0000 70%);bottom:-30px;height:160px;left:-30px;width:160px}.school-hero-left{align-items:center;display:flex;gap:1.1rem;position:relative;z-index:1}.school-hero-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem}.hero-logo{background:#ffffff1f;border:1px solid #ffffff29;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 4px 14px #00000038,inset 0 1px 0 #ffffff24;flex-shrink:0;height:76px;object-fit:contain;padding:5px;width:76px}.school-hero-info{display:flex;flex-direction:column;gap:.18rem}.school-hero-name{color:#fff;font-size:1.55rem;font-weight:800;letter-spacing:.2px;line-height:1.15}.school-hero-location{align-items:center;color:#ffffffb3;display:flex;font-size:.82rem;gap:.3rem}.school-hero-tagline{color:#ffffff7a;font-size:.76rem;font-style:italic}.principal-card{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;border-radius:var(--r-xl);display:flex;flex-direction:column;gap:.4rem;min-width:125px;padding:.85rem 1rem;position:relative;text-align:center;z-index:1}.principal-photo{border:2px solid #ffffff47;border-radius:10px;border-radius:var(--r-md);box-shadow:0 4px 10px #00000047;height:78px;object-fit:cover;object-position:top center;width:64px}.principal-title{color:#ffffff85;font-size:.62rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.principal-name{color:#fff;font-size:.8rem;font-weight:700}.stats-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #0000;border-radius:0;box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a;box-shadow:var(--shadow-sm);cursor:default;display:flex;gap:.85rem;overflow:hidden;padding:1.1rem 1.2rem;position:relative;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.stat-card:before{border-radius:0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.stat-card:after{border-radius:50%;bottom:-14px;content:"";height:68px;opacity:.05;pointer-events:none;position:absolute;right:-14px;width:68px}.stat-card.blue{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #6366f133,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #6366f133,inset 0 1px 0 #ffffffe6}.stat-card.green{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #16a34a2e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #16a34a2e,inset 0 1px 0 #ffffffe6}.stat-card.orange{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #d977062e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #d977062e,inset 0 1px 0 #ffffffe6}.stat-card.purple{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #7c3aed2e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #7c3aed2e,inset 0 1px 0 #ffffffe6}.stat-card.red{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #dc26262e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #dc26262e,inset 0 1px 0 #ffffffe6}.stat-card.teal{box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #0d94882e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #0d94882e,inset 0 1px 0 #ffffffe6}.stat-card:hover{transform:translateY(-3px)}.stat-card.blue:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #6366f161,0 4px 18px #6366f124;box-shadow:var(--shadow-lg),0 0 0 1.5px #6366f161,0 4px 18px #6366f124}.stat-card.green:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #16a34a52,0 4px 18px #16a34a1f;box-shadow:var(--shadow-lg),0 0 0 1.5px #16a34a52,0 4px 18px #16a34a1f}.stat-card.orange:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #d9770652,0 4px 18px #d977061f;box-shadow:var(--shadow-lg),0 0 0 1.5px #d9770652,0 4px 18px #d977061f}.stat-card.purple:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #7c3aed52,0 4px 18px #7c3aed1f;box-shadow:var(--shadow-lg),0 0 0 1.5px #7c3aed52,0 4px 18px #7c3aed1f}.stat-card.red:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #dc262652,0 4px 18px #dc26261f;box-shadow:var(--shadow-lg),0 0 0 1.5px #dc262652,0 4px 18px #dc26261f}.stat-card.teal:hover{box-shadow:0 10px 32px #0000001f,0 4px 12px #0000000f,0 0 0 1.5px #0d948852,0 4px 18px #0d94881f;box-shadow:var(--shadow-lg),0 0 0 1.5px #0d948852,0 4px 18px #0d94881f}.stat-card.blue:before{background:linear-gradient(90deg,#4f46e5,#818cf8);background:linear-gradient(90deg,var(--indigo-600),var(--indigo-400))}.stat-card.blue:after{background:#6366f1;background:var(--indigo-500)}.stat-card.green:before{background:linear-gradient(90deg,#15803d,#4ade80)}.stat-card.green:after{background:#16a34a}.stat-card.orange:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card.orange:after{background:#f59e0b}.stat-card.purple:before{background:linear-gradient(90deg,#7c3aed,#c084fc)}.stat-card.purple:after{background:#9333ea}.stat-card.red:before{background:linear-gradient(90deg,#dc2626,#fb7185)}.stat-card.red:after{background:#ef4444}.stat-card.teal:before{background:linear-gradient(90deg,#0d9488,#34d399)}.stat-card.teal:after{background:#14b8a6}.stat-icon-wrap{align-items:center;border-radius:14px;border-radius:var(--r-lg);display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--dur-base) var(--ease);width:44px}.stat-card:hover .stat-icon-wrap{transform:scale(1.08) rotate(-3deg)}.stat-card.blue .stat-icon-wrap{background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100)}.stat-card.green .stat-icon-wrap{background:#dcfce7;border:1px solid #bbf7d0}.stat-card.orange .stat-icon-wrap{background:#fef3c7;border:1px solid #fde68a}.stat-card.purple .stat-icon-wrap{background:#f3e8ff;border:1px solid #e9d5ff}.stat-card.red .stat-icon-wrap{background:#fee2e2;border:1px solid #fecaca}.stat-card.teal .stat-icon-wrap{background:#ccfbf1;border:1px solid #99f6e4}.stat-icon{font-size:1.3rem;line-height:1}.stat-info{flex:1 1;min-width:0}.stat-value{color:#0f172a;color:var(--slate-900);font-size:1.38rem;font-weight:800;letter-spacing:-.3px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:#64748b;color:var(--slate-500);font-size:.72rem;font-weight:500;margin-top:2px}.big-progress-wrap{align-items:center;display:flex;gap:.9rem;margin-bottom:.7rem}.big-progress-bar{background:#e2e8f0;background:var(--slate-200);flex:1 1;height:10px;overflow:hidden}.big-progress-bar,.big-progress-fill{border-radius:9999px;border-radius:var(--r-full)}.big-progress-fill{background:linear-gradient(90deg,#16a34a,#6366f1);background:linear-gradient(90deg,var(--success),var(--indigo-500));height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);transition:width .8s var(--ease)}.big-progress-label{color:#4f46e5;color:var(--indigo-600);font-size:.88rem;font-weight:800;min-width:58px}.progress-legend{color:#64748b;color:var(--slate-500);display:flex;flex-wrap:wrap;font-size:.78rem;gap:1rem}.legend-dot{border-radius:50%;display:inline-block;height:8px;margin-right:4px;vertical-align:middle;width:8px}.legend-dot.green{background:#22c55e}.legend-dot.orange{background:#f59e0b}.inline-progress{align-items:center;display:flex;gap:.5rem;min-width:110px}.inline-bar{background:#e2e8f0;background:var(--slate-200);flex:1 1;height:6px;max-width:70px;overflow:hidden}.inline-bar,.inline-fill{border-radius:9999px;border-radius:var(--r-full)}.inline-fill{background:linear-gradient(90deg,#16a34a,#818cf8);background:linear-gradient(90deg,var(--success),var(--indigo-400));height:100%}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.filter-search,.search-input{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);color:#1e293b;color:var(--slate-800);font-family:inherit;font-size:.875rem;min-width:210px;outline:none;padding:.5rem 1rem .5rem 2.35rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.filter-search:focus,.search-input:focus{border-color:#818cf8;border-color:var(--indigo-400);box-shadow:0 0 0 3px #6366f11f}.filter-select{appearance:none;background:#fff;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);color:#1e293b;color:var(--slate-800);cursor:pointer;font-family:inherit;font-size:.875rem;min-width:135px;outline:none;padding:.5rem 2.1rem .5rem .85rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.filter-select:focus{border-color:#818cf8;border-color:var(--indigo-400);box-shadow:0 0 0 3px #6366f11f}.search-box-wrap{align-items:center;display:flex;min-width:230px;position:relative}.search-icon{font-size:.83rem;left:.7rem;pointer-events:none}.search-clear,.search-icon{color:#94a3b8;color:var(--slate-400);position:absolute}.search-clear{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem;right:.5rem;transition:color .15s;transition:color var(--dur-fast)}.search-clear:hover{color:#475569;color:var(--slate-600)}.table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #6366f11f,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-sm),0 0 0 1px #6366f11f,inset 0 1px 0 #ffffffe6;overflow:auto;overscroll-behavior:contain;position:relative;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--slate-300) #0000;scrollbar-width:thin;transition:box-shadow .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease)}.table-container:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d,0 0 0 1.5px #6366f138,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-md),0 0 0 1.5px #6366f138,inset 0 1px 0 #ffffffe6}.table-container::-webkit-scrollbar{height:5px;width:5px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;background:var(--slate-100)}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--slate-300);border-radius:9999px;border-radius:var(--r-full)}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--slate-400)}.data-table{border-collapse:collapse;font-size:.84rem;width:100%}.data-table th{background:linear-gradient(135deg,#1e1b4b,#1e293b);background:linear-gradient(135deg,var(--indigo-950) 0,var(--slate-800) 100%);border-bottom:1px solid #6366f133;color:#fffc;font-size:.68rem;font-weight:600;letter-spacing:.7px;line-height:1.2;padding:.62rem .82rem;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.data-table th:first-child,.data-table th:last-child{border-radius:0}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);color:#334155;color:var(--slate-700);font-size:.84rem;line-height:1.35;padding:.58rem .82rem;transition:background .15s;transition:background var(--dur-fast);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n) td{background:#f8fafc;background:var(--slate-50)}.data-table tbody tr:nth-child(2n).row-cleared td{background:#dcfce72e}.data-table tbody tr:hover td{background:#6366f10d!important}.data-table tfoot td{background:#f1f5f9;background:var(--slate-100);border-top:2px solid #e2e8f0;border-top:2px solid var(--slate-200);color:#334155;color:var(--slate-700);font-size:.84rem;font-weight:700;padding:.52rem .82rem}.data-table .row-cleared td{background:#dcfce71a}.no-data-cell{color:#94a3b8;color:var(--slate-400);font-size:.9rem;font-style:italic;padding:3rem 1rem;text-align:center}@media (max-width:768px){.data-table td:first-child,.data-table th:first-child{left:0;position:sticky;z-index:2}.data-table th:first-child{background:#0f172a;background:var(--slate-900);z-index:3}.data-table td:first-child{background:#fff;background:var(--white);box-shadow:2px 0 6px #0000000d}.data-table tbody tr:nth-child(2n) td:first-child{background:#f8fafc;background:var(--slate-50)}.data-table tbody tr:hover td:first-child{background:#6366f10d!important}}.id-cell{font-feature-settings:"tnum";color:#94a3b8;color:var(--slate-400);font-size:.77rem;font-variant-numeric:tabular-nums;font-weight:600}.class-badge{background:#312e81;background:var(--indigo-900);border-radius:6px;border-radius:var(--r-sm);color:#fff;font-size:.74rem;justify-content:center;min-width:26px;padding:.18rem .58rem}.badge,.class-badge{align-items:center;display:inline-flex;font-weight:700;letter-spacing:.2px}.badge{background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:9999px;border-radius:var(--r-full);color:#4338ca;color:var(--indigo-700);font-size:.71rem;gap:.25rem;padding:.2rem .68rem}.badge.monthly{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.badge.term{background:#fef3c7;border-color:#fde68a;color:#d97706}.badge.old_due{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.pending-chip{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.72rem;font-weight:700;padding:.2rem .72rem}.pending-chip.due{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.pending-chip.cleared{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.71rem;font-weight:700;padding:.2rem .7rem}.status-badge.archived{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.status-badge.tc_issued{background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);color:#4338ca;color:var(--indigo-700)}.concession-badge{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;border-radius:var(--r-full);color:#15803d;display:inline-flex;font-size:.67rem;font-weight:600;margin-left:.32rem;padding:.13rem .52rem;vertical-align:middle;white-space:nowrap}.badge-paid{color:#16a34a;color:var(--success);font-size:.72rem;font-weight:600}.overdue-badge{background:#fee2e2;border:1px solid #fecaca;border-radius:9999px;border-radius:var(--r-full);color:#b91c1c;font-size:.67rem;font-weight:700;margin-left:.32rem;padding:.13rem .52rem}.btn,.overdue-badge{align-items:center;display:inline-flex;white-space:nowrap}.btn{border:none;border-radius:14px;border-radius:var(--r-lg);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;gap:.32rem;justify-content:center;letter-spacing:.1px;line-height:1;padding:.5rem 1.05rem;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),opacity .15s;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#4338ca,#6366f1);background:linear-gradient(135deg,var(--indigo-700),var(--indigo-500));box-shadow:0 4px 18px #6366f147;box-shadow:var(--shadow-indigo);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#4f46e5);background:linear-gradient(135deg,var(--indigo-800),var(--indigo-600));box-shadow:0 8px 28px #6366f161;box-shadow:var(--shadow-indigo-lg);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);color:#475569;color:var(--slate-600)}.btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--slate-50);border-color:#cbd5e1;border-color:var(--slate-300);color:#334155;color:var(--slate-700)}.btn-success{background:linear-gradient(135deg,#14532d,#16a34a);background:linear-gradient(135deg,#14532d,var(--success));box-shadow:0 4px 14px #16a34a38;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#14532d,#15803d);box-shadow:0 6px 18px #16a34a52;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,#991b1b,var(--danger));box-shadow:0 4px 14px #dc262633;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#7f1d1d,#b91c1c);box-shadow:0 6px 18px #dc26264d;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#92400e,#d97706);background:linear-gradient(135deg,#92400e,var(--warning));box-shadow:0 4px 14px #d9770638;color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#78350f,#b45309);transform:translateY(-1px)}.btn-info{background:linear-gradient(135deg,#0369a1,#0ea5e9);background:linear-gradient(135deg,#0369a1,var(--info));box-shadow:0 4px 14px #0ea5e938;color:#fff}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#075985,#0284c7);transform:translateY(-1px)}.btn-whatsapp{background:linear-gradient(135deg,#075e54,#25d366);box-shadow:0 4px 14px #25d36638;color:#fff}.btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#064e45,#1fb955);transform:translateY(-1px)}.btn-tts{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 4px 14px #7c3aed38;color:#fff}.btn-tts:hover:not(:disabled){background:linear-gradient(135deg,#4c1d95,#6d28d9);transform:translateY(-1px)}.btn-pdf{background:linear-gradient(135deg,#991b1b,#ef4444);box-shadow:0 4px 14px #ef444438;color:#fff}.btn-pdf:hover:not(:disabled){background:linear-gradient(135deg,#7f1d1d,#dc2626);transform:translateY(-1px)}.btn-sm{border-radius:10px;border-radius:var(--r-md);font-size:.71rem;gap:.16rem;line-height:1;padding:.2rem .46rem}.action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:.22rem}.tabs{background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a,0 0 0 1px #6366f124,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-xs),0 0 0 1px #6366f124,inset 0 1px 0 #ffffffe6;display:flex;flex-wrap:wrap;gap:.18rem;margin-bottom:1.4rem;overscroll-behavior-x:contain;padding:.28rem}.tab{background:none;border:none;border-radius:14px;border-radius:var(--r-lg);color:#64748b;color:var(--slate-500);cursor:pointer;font-family:inherit;font-size:.835rem;font-weight:600;letter-spacing:.04px;padding:.48rem 1.05rem;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.tab:hover:not(.active){background:#f8fafc;background:var(--slate-50);color:#334155;color:var(--slate-700)}.tab.active{background:linear-gradient(135deg,#4338ca,#6366f1);background:linear-gradient(135deg,var(--indigo-700),var(--indigo-500));box-shadow:0 4px 18px #6366f147;box-shadow:var(--shadow-indigo);color:#fff}.tab-badge{align-items:center;background:#ef4444;border-radius:9999px;border-radius:var(--r-full);color:#fff;display:inline-flex;font-size:.64rem;font-weight:700;justify-content:center;line-height:1.4;margin-left:.38rem;min-width:17px;padding:.04rem .38rem;vertical-align:middle}.tab.active .tab-badge{background:#ffffff47}.modal-overlay{align-items:center;animation:overlayIn .15s cubic-bezier(.4,0,.2,1);animation:overlayIn var(--dur-fast) var(--ease);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a85;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:modalIn .22s cubic-bezier(.4,0,.2,1) both;animation:modalIn .22s var(--ease) both;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:24px;border-radius:var(--r-2xl);box-shadow:0 24px 68px #00000038,0 8px 20px #00000017;display:flex;flex-direction:column;max-height:92vh;max-height:92dvh;max-width:490px;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--slate-300) #0000;scrollbar-width:thin;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box.large{max-width:760px}.modal-header{align-items:flex-start;background:#f8fafc;background:var(--slate-50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);border-radius:24px 24px 0 0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.45rem .88rem}.modal-header h2{color:#0f172a;color:var(--slate-900);font-size:1.02rem;font-weight:700;letter-spacing:-.1px}.modal-subtitle{font-size:.78rem;margin-top:.18rem}.modal-close,.modal-subtitle{color:#64748b;color:var(--slate-500)}.modal-close{align-items:center;background:#f1f5f9;background:var(--slate-100);border:none;border-radius:9999px;border-radius:var(--r-full);cursor:pointer;display:flex;flex-shrink:0;font-size:1.05rem;height:34px;justify-content:center;margin-left:.45rem;transition:background .15s,color .15s;transition:background var(--dur-fast),color var(--dur-fast);width:34px}.modal-close:hover{background:#fee2e2;color:#b91c1c}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.45rem}.modal-actions{background:#f8fafc;background:var(--slate-50);border-radius:0 0 24px 24px;border-radius:0 0 var(--r-2xl) var(--r-2xl);border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);display:flex;flex-shrink:0;gap:.55rem;justify-content:flex-end;padding:.88rem 1.45rem}.form-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#475569;color:var(--slate-600);font-size:.74rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:10px;border-radius:var(--r-md);color:#1e293b;color:var(--slate-800);font-family:inherit;font-size:.89rem;line-height:1.5;outline:none;padding:.52rem .82rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#818cf8;border-color:var(--indigo-400);box-shadow:0 0 0 3px #6366f124}.form-group input::placeholder{color:#94a3b8;color:var(--slate-400)}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.1rem}.readonly-input{background:#f8fafc!important;background:var(--slate-50)!important;color:#64748b!important;color:var(--slate-500)!important;cursor:not-allowed}.pending-input{color:#b91c1c!important;font-weight:700}.cleared-input{color:#15803d!important;font-weight:700}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #22c55e;color:#14532d}.error-banner,.success-banner{align-items:flex-start;border-radius:10px;border-radius:var(--r-md);display:flex;font-size:.875rem;gap:.55rem;margin-bottom:1rem;padding:.68rem 1rem}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#7f1d1d}.dup-warning-banner{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:10px;border-radius:var(--r-md);color:#78350f;display:flex;font-size:.875rem;gap:.55rem;margin-bottom:1rem;padding:.62rem 1rem}.dues-warning{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:10px;border-radius:var(--r-md);color:#7c2d12;font-size:.875rem;margin-bottom:12px;padding:.58rem .88rem}.loading{align-items:center;color:#64748b;color:var(--slate-500);display:flex;flex-direction:column;gap:.9rem;justify-content:center;padding:3.5rem 2rem}.loading:before{animation:spin .7s linear infinite;border:3px solid #e0e7ff;border-top-color:#6366f1;border:3px solid var(--indigo-100);border-radius:50%;border-top-color:var(--indigo-500);content:"";height:34px;width:34px}@keyframes spin{to{transform:rotate(1turn)}}.error-page{color:#dc2626;padding:3rem;text-align:center}.no-data{color:#94a3b8;color:var(--slate-400);font-size:.9rem;font-style:italic;padding:2.5rem 1rem;text-align:center}.text-green{color:#15803d;font-weight:600}.text-red{color:#b91c1c;font-weight:600}.text-orange{color:#c2410c;font-weight:600}.text-muted{color:#64748b;color:var(--slate-500);font-size:.8rem}.wa-link{color:#16a34a;font-weight:500;text-decoration:none;transition:color .15s;transition:color var(--dur-fast);white-space:nowrap}.wa-link:hover{color:#15803d;text-decoration:underline}.expandable-row{cursor:pointer}.expandable-row:hover{background:#6366f10a!important}.expand-arrow{color:#94a3b8;color:var(--slate-400);display:inline-block;font-size:10px;margin-right:4px;transition:transform .15s;transition:transform var(--dur-fast);width:18px}.student-sub-row{background:#eff6ff73}.student-sub-row td{border-left:3px solid #a5b4fc;border-left:3px solid var(--indigo-300);color:#475569;color:var(--slate-600);font-size:.84rem;padding:.5rem 1.05rem}.sub-name{color:#1e293b!important;color:var(--slate-800)!important;font-weight:600}.sub-father{color:#94a3b8;color:var(--slate-400);font-size:.76rem}.sub-cell{color:#475569;color:var(--slate-600)}.fee-breakdown-card{background:linear-gradient(135deg,#eef2ff,#f0f9ff);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:14px;border-radius:var(--r-lg);margin-bottom:1rem;padding:.82rem 1.05rem}.fbc-header{color:#3730a3;color:var(--indigo-800);font-size:.875rem;font-weight:700;margin-bottom:.55rem}.fbc-table{border-collapse:collapse;font-size:.84rem;width:100%}.fbc-table th{border-bottom:1px solid #e0e7ff;border-bottom:1px solid var(--indigo-100);color:#64748b;color:var(--slate-500);font-weight:600;padding:.18rem .45rem .18rem 0;text-align:left}.fbc-table td{border-bottom:1px solid #e0e7ff73;padding:.28rem .45rem .28rem 0}.fbc-table tr:last-child td{border-bottom:none}.fbc-table tr.fbc-active td{background:#6366f114;border-radius:4px}.fbc-table tr.fbc-active:hover td{background:#6366f121}.fbc-table tr.fbc-done td{opacity:.52}.fbc-paid-badge{background:#dcfce7;border-radius:9999px;border-radius:var(--r-full);color:#15803d;display:inline-flex;font-size:.67rem;font-weight:600;margin-left:5px;padding:1px 6px;vertical-align:middle}.old-due-priority-box{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:10px;border-radius:var(--r-md);font-size:.875rem;padding:.82rem 1.05rem}.odp-header{color:#9a3412;font-weight:700;margin-bottom:.38rem}.odp-remaining{color:#7c2d12;margin-bottom:.32rem}.odp-split{color:#334155;color:var(--slate-700);display:flex;flex-direction:column;gap:.18rem}.odp-note{color:#94a3b8;color:var(--slate-400);font-style:italic}.multi-old-due-note{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:10px;border-radius:var(--r-md);color:#7c2d12;font-size:.845rem;margin-bottom:.72rem;padding:.62rem .95rem}.multi-pay-list{display:flex;flex-direction:column;gap:.52rem}.mpl-row{align-items:center;background-clip:padding-box;background:#f8fafc;background:var(--slate-50);border:1px solid #0000;border-radius:14px;border-radius:var(--r-lg);box-shadow:0 0 0 1px #94a3b859;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;padding:.68rem .95rem;transition:box-shadow .15s,background .15s;transition:box-shadow var(--dur-fast),background var(--dur-fast)}.mpl-row.mpl-checked{background:#eef2ff;background:var(--indigo-50);box-shadow:0 0 0 1.5px #6366f166,0 2px 8px #6366f11a}.mpl-row.mpl-zero{opacity:.5}.mpl-check-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.48rem;min-width:120px}.mpl-name{color:#1e293b;color:var(--slate-800);font-size:.875rem;font-weight:600}.mpl-pending{color:#94a3b8;color:var(--slate-400);font-size:.74rem;margin-left:.22rem}.mpl-paid-tag{background:#dcfce7;color:#15803d;font-size:.68rem;font-weight:600}.mpl-custom-badge,.mpl-paid-tag{border-radius:9999px;border-radius:var(--r-full);margin-left:.32rem;padding:1px 6px}.mpl-custom-badge{background:#ede9fe;color:#6d28d9;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mpl-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.38rem}.mpl-subtype-select{background:#fff;background:var(--white);cursor:pointer;font-size:.84rem;padding:.3rem .55rem}.mpl-amount-input,.mpl-subtype-select{border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:10px;border-radius:var(--r-md);font-family:inherit;outline:none}.mpl-amount-input{font-size:.875rem;padding:.33rem .52rem;transition:border-color .15s,box-shadow .15s;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);width:106px}.mpl-amount-input:focus{border-color:#818cf8;border-color:var(--indigo-400);box-shadow:0 0 0 3px #6366f124}.mpl-amount-input:disabled{background:#f1f5f9;background:var(--slate-100);color:#94a3b8;color:var(--slate-400)}.mpl-extra-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:10px;border-radius:var(--r-md);font-family:inherit;font-size:.875rem;outline:none;padding:.33rem .52rem;width:128px}.multi-pay-total{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:14px;border-radius:var(--r-lg);font-size:1rem;margin-top:.95rem;padding:.72rem 1.05rem;text-align:right}.mps-header,.multi-pay-total{color:#14532d;font-weight:700}.mps-header{font-size:.92rem;margin-bottom:.82rem}.mps-table{border-collapse:collapse;width:100%}.mps-table td,.mps-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);font-size:.875rem;padding:.43rem .72rem;text-align:left}.mps-table th{background:#f8fafc;background:var(--slate-50);color:#64748b;color:var(--slate-500);font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.receipt{background:#fff;background:var(--white);border:2px solid #312e81;border:2px solid var(--indigo-900);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md);margin:0 auto;max-width:388px;padding:1.4rem}.receipt .school-name{color:#312e81;color:var(--indigo-900);font-size:1.08rem;font-weight:800;text-align:center}.receipt .school-sub{color:#64748b;color:var(--slate-500);font-size:.74rem;margin-bottom:10px;text-align:center}.receipt .divider{border:none;border-top:1px dashed #cbd5e1;border-top:1px dashed var(--slate-300);margin:9px 0}.receipt .receipt-title{background:linear-gradient(135deg,#312e81,#4338ca);background:linear-gradient(135deg,var(--indigo-900),var(--indigo-700));border-radius:10px;border-radius:var(--r-md);color:#fff;font-size:.875rem;font-weight:700;margin-bottom:13px;padding:5px 12px;text-align:center}.receipt .row{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:5px}.receipt .label{color:#64748b;color:var(--slate-500)}.receipt .value{color:#1e293b;color:var(--slate-800);font-weight:600}.receipt .amount-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:14px;border-radius:var(--r-lg);margin:13px 0;padding:11px;text-align:center}.receipt .amt{color:#14532d;font-size:1.45rem;font-weight:800}.receipt .footer{color:#94a3b8;color:var(--slate-400);font-size:.7rem;margin-top:11px;text-align:center}.receipt-no{color:#4338ca;color:var(--indigo-700);font-family:Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:.06em}.fee-templates-section{background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a,0 0 0 1px #6366f121;box-shadow:var(--shadow-xs),0 0 0 1px #6366f121;margin-top:1.65rem;padding:1.3rem 1.45rem}.tc-header{border-bottom:2px solid #312e81;border-bottom:2px solid var(--indigo-900);margin-bottom:1.45rem;padding-bottom:.95rem;text-align:center}.tc-school-name{color:#312e81;color:var(--indigo-900);font-size:1.55rem;font-weight:800;margin:0}.tc-school-sub{color:#64748b;color:var(--slate-500);margin:3px 0 9px}.tc-title{color:#3730a3;color:var(--indigo-800);font-size:.95rem;font-weight:700;letter-spacing:3px;margin:0;text-transform:uppercase}.tc-meta{color:#64748b;color:var(--slate-500);display:flex;font-size:.875rem;justify-content:space-between;margin-top:11px}.tc-table{border-collapse:collapse;margin:1.15rem 0;width:100%}.tc-table td{border:1px solid #e2e8f0;border:1px solid var(--slate-200);font-size:.9rem;padding:8px 13px}.tc-table td:first-child{background:#f8fafc;background:var(--slate-50);color:#64748b;color:var(--slate-500);font-weight:600;width:185px}.tc-body-text{color:#475569;color:var(--slate-600);font-size:.9rem;line-height:1.75;margin:.95rem 0 1.4rem}.tc-body-text p{margin-bottom:7px}.tc-footer{display:flex;justify-content:space-between;margin-top:2.4rem}.tc-sign-block{color:#64748b;color:var(--slate-500);font-size:.82rem;text-align:center}.tc-sign-line{font-size:1rem;letter-spacing:2px;margin-bottom:5px}.overdue-inst-row{background:#fff5f5!important}.overdue-inst-row td{color:#7f1d1d}.quick-actions-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:.5rem}.quick-action-btn{align-items:center;background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a,0 0 0 1px #6366f11f;box-shadow:var(--shadow-xs),0 0 0 1px #6366f11f;color:#334155;color:var(--slate-700);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.8rem;font-weight:600;gap:.45rem;padding:.9rem .7rem;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--dur-base) var(--ease)}.quick-action-btn:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d,0 0 0 1.5px #6366f152,0 4px 14px #6366f11f;box-shadow:var(--shadow-md),0 0 0 1.5px #6366f152,0 4px 14px #6366f11f;color:#4338ca;color:var(--indigo-700);transform:translateY(-2px)}.quick-action-btn:hover,.quick-action-icon{background:#eef2ff;background:var(--indigo-50)}.quick-action-icon{align-items:center;border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:14px;border-radius:var(--r-lg);display:flex;font-size:1.15rem;height:38px;justify-content:center;transition:background .15s;transition:background var(--dur-fast);width:38px}.quick-action-btn:hover .quick-action-icon{background:#e0e7ff;background:var(--indigo-100)}.daybook-summary-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.4rem}.daybook-summary-card{background:#fff;background:var(--white);background-clip:padding-box;border:1px solid #0000;border-radius:0;box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a,0 0 0 1px #6366f11f;box-shadow:var(--shadow-sm),0 0 0 1px #6366f11f;overflow:hidden;padding:1rem 1.15rem;position:relative;transition:box-shadow .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease)}.daybook-summary-card:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d,0 0 0 1.5px #6366f138;box-shadow:var(--shadow-md),0 0 0 1.5px #6366f138}.daybook-summary-card:before{border-radius:0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.daybook-summary-card.green:before{background:linear-gradient(90deg,#15803d,#4ade80)}.daybook-summary-card.blue:before{background:linear-gradient(90deg,#4f46e5,#818cf8);background:linear-gradient(90deg,var(--indigo-600),var(--indigo-400))}.daybook-summary-card.orange:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.daybook-summary-card.red:before{background:linear-gradient(90deg,#dc2626,#fb7185)}.daybook-summary-card.purple:before{background:linear-gradient(90deg,#7c3aed,#c084fc)}.dsc-label{color:#64748b;color:var(--slate-500);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.dsc-value{color:#0f172a;color:var(--slate-900);font-size:1.25rem;font-weight:800;letter-spacing:-.2px}.dsc-sub{color:#94a3b8;color:var(--slate-400);font-size:.73rem;margin-top:.18rem}@media print{body *{visibility:hidden}#tc-print-area,#tc-print-area *{visibility:visible}#tc-print-area{left:20px;position:fixed;right:20px;top:20px}.no-print{display:none!important}.progress-card-page,.progress-card-page *{visibility:visible!important}.progress-card-page{background:#fff!important;left:auto!important;padding:0!important;position:static!important;right:auto!important;top:auto!important}.progress-card-page button{display:none!important}}.lp-root{display:flex;font-family:Inter,Segoe UI,sans-serif;min-height:100vh}.lp-left{align-items:center;background:radial-gradient(ellipse at 20% 10%,#6366f173 0,#0000 45%),radial-gradient(ellipse at 80% 85%,#4f46e559 0,#0000 50%),linear-gradient(145deg,#0f172a,#1e1b4b 55%,#312e81);display:flex;flex:1 1 55%;justify-content:center;overflow:hidden;padding:3rem 2.5rem;position:relative}.lp-left-content{color:#fff;max-width:480px;position:relative;width:100%;z-index:2}.lp-brand{align-items:center;display:flex;gap:.72rem;margin-bottom:1.75rem}.lp-brand-icon{flex-shrink:0;height:44px;width:44px}.lp-brand-icon svg{display:block;height:100%;width:100%}.lp-brand-name{color:#ffffffe6;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lp-hero{margin-bottom:2.5rem}.lp-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.15;margin:0 0 1rem}.lp-hero-sub{color:#ffffffa6;font-size:.95rem;line-height:1.65;margin:0;max-width:380px}.lp-features{display:flex;flex-direction:column;gap:1.1rem;list-style:none;margin:0 0 1.4rem;padding:0}.lp-features li{gap:1rem}.lp-feat-icon,.lp-features li{align-items:center;display:flex}.lp-feat-icon{background:#ffffff1a;border:1px solid #ffffff26;border-radius:11px;color:#a5b4fc;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s,box-shadow .2s;width:40px}.lp-feat-icon svg{height:18px;width:18px}.lp-features li:hover .lp-feat-icon{box-shadow:0 4px 16px #00000040;transform:scale(1.12)}.lp-features li:first-child .lp-feat-icon{background:#6366f140;border-color:#a5b4fc4d;color:#a5b4fc}.lp-features li:nth-child(2) .lp-feat-icon{background:#14b8a633;border-color:#5eead44d;color:#5eead4}.lp-features li:nth-child(3) .lp-feat-icon{background:#a855f733;border-color:#d8b4fe4d;color:#d8b4fe}.lp-features li>div{display:flex;flex-direction:column;gap:.14rem}.lp-features li strong{color:#ffffffe6;font-size:.88rem;font-weight:600}.lp-features li span{color:#ffffff7a;font-size:.78rem}.lp-left-footer{color:#ffffff54;font-size:.74rem;letter-spacing:.3px}.lp-left-footer strong{color:#ffffff85}.lp-blob{border-radius:50%;pointer-events:none;position:absolute;z-index:1}.lp-blob-1{background:radial-gradient(circle,#6366f140 0,#0000 70%);height:400px;right:-100px;top:-120px;width:400px}.lp-blob-2{background:radial-gradient(circle,#4f46e533 0,#0000 70%);bottom:-80px;height:300px;left:-60px;width:300px}.lp-blob-3{background:radial-gradient(circle,#a5b4fc1f 0,#0000 70%);height:180px;right:8%;top:45%;width:180px}.lp-right{align-items:center;background:linear-gradient(170deg,#0d1526,#0f172a 60%,#0c1220);display:flex;flex:0 0 45%;justify-content:center;min-height:100vh;overflow:hidden;padding:2.5rem 2rem;position:relative}.lp-right-bg{background-image:radial-gradient(circle,#6366f11a 1px,#0000 0);background-size:28px 28px;inset:0;pointer-events:none;position:absolute;z-index:0}.lp-right-glow{background:radial-gradient(circle,#6366f117 0,#0000 70%);height:380px;right:-100px;top:-100px;width:380px}.lp-right-glow,.lp-right-glow2{border-radius:50%;pointer-events:none;position:absolute;z-index:0}.lp-right-glow2{background:radial-gradient(circle,#4f46e512 0,#0000 70%);bottom:-60px;height:260px;left:-60px;width:260px}.lp-form-wrap{max-width:400px;position:relative;width:100%;z-index:1}.lp-stats-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0 1.85rem}.lp-stat-chip{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:.06rem;padding:.55rem .85rem;transition:background .2s,border-color .2s,transform .2s}.lp-stat-chip:hover{background:#ffffff21;border-color:#ffffff38;transform:translateY(-2px)}.lp-sc-val{color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.3px}.lp-sc-lbl{color:#fff6;font-size:.64rem;white-space:nowrap}.lp-trust{align-items:center;color:#ffffff61;display:flex;font-size:.74rem;gap:.52rem;margin-bottom:1.4rem}.lp-trust-dot{animation:lpPulse 2.5s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade80bf;flex-shrink:0;height:6px;width:6px}@keyframes lpPulse{0%,to{opacity:1}50%{opacity:.3}}.lp-form-header{margin-bottom:2rem}.lp-welcome-tag{align-items:center;color:#818cf8;display:flex;font-size:.7rem;font-weight:700;gap:.5rem;letter-spacing:2px;margin:0 0 .6rem}.lp-welcome-tag:before{background:#818cf8;border-radius:2px;content:"";display:inline-block;height:2px;width:18px}.lp-form-title{color:#f1f5f9;font-size:1.75rem;font-weight:800;margin:0 0 .38rem}.lp-form-sub{color:#64748b;font-size:.84rem;margin:0}.lp-form{gap:1.22rem}.lp-field,.lp-form{display:flex;flex-direction:column}.lp-field{gap:.38rem}.lp-field label{color:#94a3b8;font-size:.67rem;font-weight:700;letter-spacing:1.2px}.lp-field small{color:#475569;font-size:.7rem}.lp-input-wrap{position:relative}.lp-input-icon,.lp-input-wrap{align-items:center;display:flex}.lp-input-icon{color:#475569;left:.82rem;pointer-events:none;position:absolute}.lp-input-icon,.lp-input-icon svg{height:16px;width:16px}.lp-input-wrap input{background:#1e293b;border:1.5px solid #334155;border-radius:10px;box-sizing:border-box;color:#f1f5f9;font-size:.91rem;outline:none;padding:.74rem .82rem .74rem 2.6rem;transition:border-color .2s,box-shadow .2s;width:100%}.lp-input-wrap input::placeholder{color:#475569}.lp-input-wrap input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.lp-pw-toggle{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;padding:4px;position:absolute;right:.72rem;transition:color .15s}.lp-pw-toggle:hover{color:#94a3b8}.lp-pw-toggle svg{height:16px;width:16px}.lp-error{align-items:center;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;color:#f87171;display:flex;font-size:.82rem;gap:.48rem;padding:.58rem .82rem}.lp-error svg{flex-shrink:0;height:14px;width:14px}.lp-slow-msg{align-items:center;color:#94a3b8;display:flex;font-size:.78rem;gap:.48rem}.lp-slow-msg svg{color:#818cf8;flex-shrink:0;height:14px;width:14px}.lp-submit{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 20px #6366f161;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:700;gap:.58rem;justify-content:center;letter-spacing:.8px;margin-top:.22rem;padding:.82rem 1rem;transition:box-shadow .2s,transform .1s,opacity .2s}.lp-submit:hover:not(:disabled){box-shadow:0 6px 26px #6366f185;transform:translateY(-1px)}.lp-submit:active:not(:disabled){transform:scale(.98)}.lp-submit:disabled{cursor:not-allowed;opacity:.65}.lp-spinner{animation:lpSpin .6s linear infinite;border:2px solid #ffffff52;border-radius:50%;border-top-color:#fff;height:15px;width:15px}@keyframes lpSpin{to{transform:rotate(1turn)}}.lp-divider{align-items:center;display:flex;font-size:.74rem;gap:.72rem;margin:1.45rem 0 .72rem}.lp-divider:after,.lp-divider:before{background:#1e293b;content:"";flex:1 1;height:1px}.lp-divider span{color:#475569;white-space:nowrap}.lp-register-row{color:#64748b;font-size:.8rem;margin:0 0 1.45rem;text-align:center}.lp-register-btn{background:none;border:none;color:#818cf8;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;transition:color .15s}.lp-register-btn:hover{color:#a5b4fc}.lp-copyright{color:#334155;font-size:.7rem;letter-spacing:.3px;margin:0;text-align:center}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.lp-root{flex-direction:column}.lp-left{flex:none;min-height:auto;padding:2.5rem 1.5rem}.lp-left-content{max-width:100%}.lp-hero-title{font-size:1.8rem}.lp-features,.lp-stats-row,.lp-trust{display:none}.lp-brand,.lp-hero{margin-bottom:1.5rem}.lp-left-footer{display:none}.lp-right{flex:none;min-height:auto;padding:2rem max(1.5rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}.lp-blob-1,.lp-blob-2,.lp-blob-3{display:none}}@media (max-width:480px){.lp-left{padding:1.75rem 1.1rem}.lp-hero-title{font-size:1.55rem}.lp-right{padding:1.75rem max(1.1rem,env(safe-area-inset-right)) max(2.5rem,env(safe-area-inset-bottom)) max(1.1rem,env(safe-area-inset-left))}.lp-input-wrap input{font-size:1rem;padding-bottom:.88rem;padding-top:.88rem}.lp-submit{font-size:.92rem;min-height:48px;padding:.9rem 1rem}}.cp-root{align-items:center;background:radial-gradient(ellipse at 20% 20%,#6366f14d 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#4f46e533 0,#0000 50%),linear-gradient(145deg,#0f172a,#1e1b4b 55%,#312e81);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.cp-card{animation:lpFadeUp .4s cubic-bezier(.4,0,.2,1) both;background:#fff;background:var(--white);border-radius:24px;box-shadow:0 24px 80px #00000061;max-width:460px;overflow:hidden;width:100%}.cp-header{align-items:flex-start;background:linear-gradient(135deg,#eef2ff,#f0f9ff);border-bottom:1px solid #e0e7ff;display:flex;gap:.95rem;padding:1.7rem 1.7rem 1.2rem}.cp-header-icon{align-items:center;background:linear-gradient(135deg,#4338ca,#6366f1);background:linear-gradient(135deg,var(--indigo-700),var(--indigo-500));border-radius:14px;box-shadow:0 4px 18px #6366f147;box-shadow:var(--shadow-indigo);color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.cp-header-icon svg{height:23px;width:23px}.cp-brand-tag{color:#6366f1;color:var(--indigo-500);font-size:.67rem;font-weight:700;letter-spacing:1.5px;margin:0 0 .18rem}.cp-title{color:#0f172a;color:var(--slate-900);font-size:1.28rem;font-weight:800;letter-spacing:-.2px;margin:0 0 .18rem}.cp-subtitle{color:#64748b;color:var(--slate-500);font-size:.8rem;margin:0}.cp-form{display:flex;flex-direction:column;gap:1.12rem;padding:1.45rem 1.7rem}.cp-forced-alert{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:10px;color:#78350f;display:flex;font-size:.845rem;gap:.58rem;padding:.68rem .95rem}.cp-forced-alert svg{color:#d97706;flex-shrink:0;height:16px;margin-top:1px;width:16px}.cp-field{display:flex;flex-direction:column;gap:.35rem}.cp-field label{color:#64748b;color:var(--slate-500);font-size:.67rem;font-weight:700;letter-spacing:1.2px}.cp-input-wrap{position:relative}.cp-input-icon,.cp-input-wrap{align-items:center;display:flex}.cp-input-icon{color:#94a3b8;color:var(--slate-400);left:.82rem;pointer-events:none;position:absolute}.cp-input-icon,.cp-input-icon svg{height:16px;width:16px}.cp-input-wrap input{background:#f8fafc;background:var(--slate-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:10px;color:#1e293b;color:var(--slate-800);font-family:inherit;font-size:.88rem;outline:none;padding:.7rem .82rem .7rem 2.6rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.cp-input-wrap input:focus{background:#fff;background:var(--white);border-color:#818cf8;border-color:var(--indigo-400);box-shadow:0 0 0 3px #6366f12b}.cp-eye-btn{align-items:center;background:none;border:none;color:#94a3b8;color:var(--slate-400);cursor:pointer;display:flex;padding:4px;position:absolute;right:.72rem;transition:color .15s}.cp-eye-btn:hover{color:#475569;color:var(--slate-600)}.cp-eye-btn svg{height:16px;width:16px}.cp-strength{align-items:center;display:flex;gap:.62rem;margin-top:.28rem}.cp-strength-bar{border-radius:9999px;height:4px;transition:width .3s,background .3s}.cp-strength-bar.weak{background:#ef4444}.cp-strength-bar.medium{background:#f59e0b}.cp-strength-bar.strong{background:#22c55e}.cp-strength-label{font-size:.7rem;font-weight:700}.cp-strength-label.weak{color:#ef4444}.cp-strength-label.medium{color:#f59e0b}.cp-strength-label.strong{color:#22c55e}.cp-mismatch{color:#ef4444;font-size:.73rem;font-weight:600;margin-top:.13rem}.cp-alert{align-items:flex-start;border-radius:10px;display:flex;font-size:.845rem;gap:.52rem;padding:.68rem .95rem}.cp-alert svg{flex-shrink:0;height:15px;margin-top:1px;width:15px}.cp-alert-error{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#7f1d1d}.cp-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #22c55e;color:#14532d}.cp-submit{align-items:center;background:linear-gradient(135deg,#4338ca,#6366f1);background:linear-gradient(135deg,var(--indigo-700),var(--indigo-500));border:none;border-radius:12px;box-shadow:0 4px 18px #6366f147;box-shadow:var(--shadow-indigo);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:700;gap:.52rem;justify-content:center;letter-spacing:.3px;padding:.8rem 1rem;transition:box-shadow .2s,transform .12s,opacity .2s}.cp-submit:hover:not(:disabled){box-shadow:0 8px 28px #6366f161;box-shadow:var(--shadow-indigo-lg);transform:translateY(-1px)}.cp-submit:active:not(:disabled){transform:scale(.97)}.cp-submit:disabled{cursor:not-allowed;opacity:.6}.cp-submit svg{height:17px;width:17px}.cp-spinner{animation:lpSpin .6s linear infinite;border:2px solid #ffffff52;border-radius:50%;border-top-color:#fff;display:inline-block;height:15px;width:15px}.cp-footer{background:#f8fafc;background:var(--slate-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);color:#94a3b8;color:var(--slate-400);font-size:.7rem;padding:.88rem 1.7rem 1.05rem;text-align:center}@media (max-width:768px){:root{--sidebar-w:260px}.sidebar{-webkit-overflow-scrolling:touch;height:100vh;height:100dvh;overflow-y:auto;transform:translateX(-100%);will-change:transform}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{animation:overlayIn .15s cubic-bezier(.4,0,.2,1);animation:overlayIn var(--dur-fast) var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;display:block;inset:0;position:fixed;touch-action:none;z-index:299}.app-main{margin-left:0!important}.menu-toggle{display:flex}.sidebar-collapse-btn{display:none}.top-header{padding:0 1rem}.main-content{padding:1rem}.header-school-chip{display:none}.stats-grid{gap:.7rem;grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.school-hero{padding:1.2rem}.school-hero-name{font-size:1.3rem}.hero-logo{height:58px;width:58px}.top-header-page{font-size:1rem}.filter-search,.filter-select,.search-box-wrap,.search-input{min-width:0;width:100%}.daybook-summary-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{gap:.58rem;grid-template-columns:1fr 1fr}.stat-card{padding:.88rem .95rem}.stat-value{font-size:1.18rem}.school-hero{padding:.95rem}.school-hero-name{font-size:1.12rem}.principal-card{display:none}.main-content{padding:.82rem}.modal-body{padding:.95rem 1.05rem}.modal-header{padding:.95rem 1.05rem .78rem}.modal-actions{padding:.72rem 1.05rem}.daybook-summary-grid{grid-template-columns:1fr 1fr}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--slate-200) 25%,var(--slate-100) 50%,var(--slate-200) 75%);background-size:600px 100%;border-radius:10px;border-radius:var(--r-md)}.skeleton-text{height:14px;margin-bottom:.45rem;width:100%}.skeleton-title{height:22px;margin-bottom:.7rem;width:55%}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:42px;width:42px}.skeleton-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.5rem;padding:1.2rem}.skeleton-table-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);display:flex;gap:1rem;padding:.7rem .82rem}.skeleton-table-row .skeleton{flex:1 1;height:12px}.empty-state{flex-direction:column;gap:.85rem;padding:3.5rem 2rem;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);background:linear-gradient(135deg,var(--indigo-50),var(--indigo-100));border:1.5px solid #e0e7ff;border:1.5px solid var(--indigo-100);border-radius:24px;border-radius:var(--r-2xl);font-size:1.85rem;height:68px;margin-bottom:.2rem;width:68px}.empty-state-title{color:#1e293b;color:var(--slate-800);font-size:1.05rem;font-weight:700}.empty-state-sub{color:#94a3b8;color:var(--slate-400);font-size:.84rem;line-height:1.6;max-width:300px}.empty-state-action{margin-top:.35rem}.analytics-strip{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.25rem}.analytics-chip{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);display:flex;gap:.65rem;padding:.75rem 1rem;transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.analytics-chip:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-chip-icon{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.analytics-chip-body{display:flex;flex-direction:column;min-width:0}.analytics-chip-value{color:#0f172a;color:var(--slate-900);font-size:1.12rem;font-weight:800;letter-spacing:-.2px}.analytics-chip-label{color:#64748b;color:var(--slate-500);font-size:.68rem;font-weight:500;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.report-collection-bar{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1.1rem}.rcb-label{color:#475569;color:var(--slate-600);font-size:.78rem;font-weight:600;white-space:nowrap}.rcb-bar{background:#e2e8f0;background:var(--slate-200);flex:1 1;height:8px;min-width:120px;overflow:hidden}.rcb-bar,.rcb-fill{border-radius:9999px;border-radius:var(--r-full)}.rcb-fill{background:linear-gradient(90deg,#16a34a,#818cf8);background:linear-gradient(90deg,var(--success),var(--indigo-400));height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);transition:width 1s var(--ease)}.rcb-pct{color:#4f46e5;color:var(--indigo-600);font-size:.9rem;font-weight:800;min-width:46px;text-align:right;white-space:nowrap}.ops-section{margin-bottom:2rem}.ops-section-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);display:flex;gap:.6rem;margin-bottom:.9rem;padding-bottom:.6rem}.ops-section-icon{align-items:center;background:linear-gradient(135deg,#e0e7ff,#eef2ff);background:linear-gradient(135deg,var(--indigo-100),var(--indigo-50));border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:10px;border-radius:var(--r-md);display:flex;font-size:.95rem;height:32px;justify-content:center;width:32px}.ops-section-title{color:#0f172a;color:var(--slate-900);font-size:.95rem;font-weight:700}.ops-section-sub{color:#64748b;color:var(--slate-500);font-size:.78rem;margin-left:auto}.ops-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ops-card{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.6rem;overflow:hidden;padding:1.25rem 1.35rem;position:relative;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.ops-card:before{background:linear-gradient(90deg,#4f46e5,#818cf8);background:linear-gradient(90deg,var(--indigo-600),var(--indigo-400));border-radius:18px 18px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .22s;transition:opacity var(--dur-base)}.ops-card:hover{border-color:#c7d2fe;border-color:var(--indigo-200);box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ops-card:hover:before{opacity:1}.ops-card-icon{align-items:center;background:#eef2ff;background:var(--indigo-50);border:1.5px solid #e0e7ff;border:1.5px solid var(--indigo-100);border-radius:14px;border-radius:var(--r-lg);display:flex;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;width:44px}.ops-card.green .ops-card-icon{background:#dcfce7;background:var(--success-light);border-color:#86efac;border-color:var(--success-border)}.ops-card.orange .ops-card-icon{background:#fef3c7;background:var(--warning-light);border-color:#fde68a;border-color:var(--warning-border)}.ops-card.red .ops-card-icon{background:#fee2e2;background:var(--danger-light);border-color:#fca5a5;border-color:var(--danger-border)}.ops-card-title{color:#0f172a;color:var(--slate-900);font-size:.92rem;font-weight:700}.ops-card-desc{color:#64748b;color:var(--slate-500);flex:1 1;font-size:.8rem;line-height:1.55}.ops-card-footer{display:flex;justify-content:flex-end;padding-top:.4rem}.exam-analytics-row{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:1.25rem}.exam-kpi{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-xs);padding:.9rem 1rem;text-align:center;transition:box-shadow .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease)}.exam-kpi:hover{box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md)}.exam-kpi-value{color:#0f172a;color:var(--slate-900);font-size:1.5rem;font-weight:800;letter-spacing:-.4px}.exam-kpi-label{color:#94a3b8;color:var(--slate-400);font-size:.68rem;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.exam-kpi.pass .exam-kpi-value{color:#16a34a;color:var(--success)}.exam-kpi.fail .exam-kpi-value{color:#dc2626;color:var(--danger)}.exam-kpi.grade .exam-kpi-value{color:#4f46e5;color:var(--indigo-600)}.exam-kpi.avg .exam-kpi-value{color:#d97706;color:var(--warning)}.grade-pill{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.72rem;font-weight:800;height:22px;justify-content:center;letter-spacing:.3px;min-width:32px;padding:0 .45rem}.grade-pill.Ap{color:#14532d}.grade-pill.A,.grade-pill.Ap{background:#dcfce7;border:1px solid #86efac}.grade-pill.A{color:#15803d}.grade-pill.Bp{background:#ecfccb;border:1px solid #bef264;color:#3f6212}.grade-pill.B{background:#fefce8;border:1px solid #fde68a;color:#92400e}.grade-pill.C{background:#fff7ed;border:1px solid #fdba74;color:#c2410c}.grade-pill.D{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.grade-pill.F{background:#fee2e2;border:1px solid #f87171;color:#991b1b;font-size:.68rem}.att-rate-badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:.72rem;font-weight:700;justify-content:center;min-width:48px;padding:.18rem .52rem}.att-rate-badge.high{background:#dcfce7;border:1px solid #86efac;color:#15803d}.att-rate-badge.mid{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.att-rate-badge.low{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.page{animation:pageIn .28s cubic-bezier(.4,0,.2,1) both;animation:pageIn .28s var(--ease) both}.card{transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.tab{overflow:hidden;position:relative}.tab:after{background:#6366f112;border-radius:14px;border-radius:var(--r-lg);content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s;transition:opacity var(--dur-fast)}.tab:hover:not(.active):after{opacity:1}.btn:focus-visible{outline:3px solid #6366f173;outline-offset:2px}.hero-logo{height:60px;width:60px}.school-hero-name{font-size:1.35rem}.section-divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--slate-200);margin:1.5rem 0}.info-chip{align-items:center;background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:9999px;border-radius:var(--r-full);color:#4338ca;color:var(--indigo-700);display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;padding:.18rem .65rem}.asr-branding{color:#94a3b8;color:var(--slate-400);font-size:.7rem;letter-spacing:.4px;padding:1rem;text-align:center}.asr-branding a{color:#818cf8;color:var(--indigo-400);font-weight:600;text-decoration:none}.asr-branding a:hover{color:#a5b4fc;color:var(--indigo-300)}@media (max-width:768px){.analytics-strip{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}.exam-analytics-row{grid-template-columns:repeat(2,1fr)}.report-collection-bar{align-items:stretch;flex-direction:column}}@media (max-width:480px){.analytics-strip{gap:.45rem}.analytics-strip,.exam-analytics-row{grid-template-columns:repeat(2,1fr)}.analytics-chip{padding:.6rem .75rem}.analytics-chip-value{font-size:.95rem}}.cert-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.4rem}.cert-card{align-items:center;background:#f5f3ff;background:var(--cert-bg,#f5f3ff);border:1.5px solid #c4b5fd;border-left:5px solid #7c3aed;border:1.5px solid var(--cert-border,#c4b5fd);border-left:5px solid var(--cert-color,#7c3aed);border-radius:18px;border-radius:var(--r-xl);box-shadow:0 2px 8px #00000012,0 1px 3px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1.1rem;padding:1.2rem 1rem 1.2rem 1.2rem;text-align:left;transition:box-shadow .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);width:100%}.cert-card:hover{border-color:var(--cert-color);box-shadow:0 6px 24px #0000001c,0 2px 8px #0000000f;transform:translateY(-2px)}.cert-card-icon-wrap{align-items:center;background:var(--cert-color);border-radius:14px;border-radius:var(--r-lg);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.cert-card-info{flex:1 1;min-width:0}.cert-card-title{color:#0f172a;color:var(--slate-900);font-size:.97rem;font-weight:700;margin-bottom:.2rem}.cert-card-desc{color:#64748b;color:var(--slate-500);font-size:.8rem;line-height:1.5}.cert-card-arrow{color:var(--cert-color);flex-shrink:0;opacity:.7;transition:opacity .15s,transform .15s;transition:opacity var(--dur-fast),transform var(--dur-fast)}.cert-card:hover .cert-card-arrow{opacity:1;transform:translateX(3px)}.cert-info-banner{align-items:flex-start;background:#eef2ff;background:var(--indigo-50);border:1px solid #c7d2fe;border:1px solid var(--indigo-200);border-radius:10px;border-radius:var(--r-md);color:#475569;color:var(--slate-600);display:flex;font-size:.82rem;gap:.5rem;line-height:1.55;padding:.85rem 1rem}.cert-vars-modal{max-width:700px!important;width:95vw}.cert-modal-tabs{background:#f8fafc;background:var(--slate-50);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--slate-200);display:flex;padding:0 1.2rem}.cert-modal-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:#64748b;color:var(--slate-500);cursor:pointer;font-size:.85rem;font-weight:600;margin-bottom:-1.5px;padding:.65rem 1.1rem;transition:color .15s,border-color .15s;transition:color var(--dur-fast),border-color var(--dur-fast)}.cert-modal-tab.active,.cert-modal-tab:hover{color:#4f46e5;color:var(--indigo-600)}.cert-modal-tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--indigo-600)}.cert-fields-body{max-height:58vh;overflow-y:auto}.cert-fields-note{background:#eef2ff;background:var(--indigo-50);border:1px solid #e0e7ff;border:1px solid var(--indigo-100);border-radius:6px;border-radius:var(--r-sm);color:#475569;color:var(--slate-600);font-size:.8rem;margin-bottom:1rem;padding:.6rem .85rem}.cert-preview-body{background:#f1f5f9;background:var(--slate-100);max-height:62vh;overflow-y:auto;padding:1rem!important}.cert-preview-wrap{background:#fff;border:2.5px double #8b0000;box-shadow:0 4px 16px #00000017,0 2px 6px #0000000d;box-shadow:var(--shadow-md);color:#111;font-family:Times New Roman,Times,serif;margin:0 auto;max-width:640px;padding:22px 28px}.cert-header-block{margin-bottom:14px;text-align:center}.cert-header-inner{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:8px}.cert-school-logo{height:64px;object-fit:contain;width:64px}.cert-school-info{text-align:center}.cert-school-name{color:#8b0000;font-size:1.35rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.cert-school-affil{color:#555;font-size:.7rem;font-style:italic;margin-top:3px}.cert-school-affil2{color:#666;font-size:.66rem;margin-top:1px}.cert-subtitle-bar{background:#8b0000;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:3px;margin:8px 0 4px;padding:6px 0;text-align:center;text-transform:uppercase}.cert-body{padding:4px 0}.cert-serial{color:#444;font-size:.78rem;margin-bottom:12px;text-align:right}.cert-para{font-size:.83rem;line-height:2;margin-bottom:10px;text-align:justify}.cert-tc-table{border-collapse:collapse;font-size:.8rem;margin:8px 0;width:100%}.cert-tc-table td{line-height:1.8;padding:4px 6px;vertical-align:top}.cert-tc-table td:first-child{color:#666;width:24px}.cert-tc-table td:nth-child(2){width:220px}.cert-tc-table td:nth-child(3){width:14px}.cert-meta-row{color:#333;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:12px}.cert-underline{border-bottom:1px solid #333;display:inline-block;min-width:180px}.cert-signature-row{align-items:flex-end;display:flex;justify-content:space-between;margin-top:40px}.cert-sig-block{color:#333;font-size:.75rem;text-align:left}.cert-sig-line{border-top:1px solid #333;margin:0 0 5px;width:130px}.cert-sig-right{text-align:right}.cert-sig-right .cert-sig-line{margin:0 0 5px auto}.cert-issue-date{font-size:.75rem;margin-bottom:4px}.cert-seal-text{color:#888;font-size:.68rem;font-style:italic}.cert-footer-note{border-top:1px solid #ccc;color:#888;font-size:.66rem;font-style:italic;margin-top:14px;padding-top:6px;text-align:center}.cert-print-btn{gap:0}@media (max-width:600px){.cert-grid{grid-template-columns:1fr}.cert-card{padding:1rem}.cert-vars-modal{max-width:100%!important}.cert-preview-wrap{padding:16px 14px}.cert-school-name{font-size:1rem}}
/*# sourceMappingURL=main.ea131d6d.css.map*/