:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-800: #1e293b;--slate-900: #0f172a;--emerald-500: #10b981;--rose-500: #f43f5e;--amber-500: #f59e0b;--sidebar-width: 80px;--header-height: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--slate-50);color:var(--slate-900);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;color:var(--slate-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.premium-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--slate-200);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.premium-card:hover{box-shadow:var(--shadow-md)}.glass-morphism{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.btn-primary{background:var(--primary-600);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--primary-600);border:1px solid var(--primary-500);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--primary-50);transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-passive{background:#ffffff0d;color:var(--slate-800);border:1px solid var(--slate-200);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-passive:hover{background:var(--slate-100);transform:translateY(-1px)}.drawer-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-end}.drawer-card{width:500px;max-width:90vw;height:100vh;background:#fff;box-shadow:-10px 0 30px #00000026;display:flex;flex-direction:column;animation:drawer-slide-in .3s cubic-bezier(.16,1,.3,1)}.drawer-card.drawer-wide{width:780px}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between}.drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--slate-200);background:var(--slate-50);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-zoom-in{animation:zoom-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.75rem!important}.mt-6{margin-top:2.25rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.75rem!important}.admin-page,.portal-page,.content-single,.profile-container,.main-content,.dashboard-container{max-width:95%!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.admin-page .form-container,.admin-page .registration-layout,.portal-page .form-container{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}.table-responsive{max-height:calc(100vh - 280px)!important;min-height:200px;overflow:auto!important;position:relative!important;border-collapse:separate!important}.table-responsive thead th,.table-responsive th,.table-responsive .data-table th,.table-responsive table th{position:sticky!important;top:0!important;z-index:12!important;background-color:var(--slate-50)!important;box-shadow:inset 0 -2px 0 var(--slate-200),inset 0 1px 0 var(--slate-200)!important}.table-responsive tbody td,.table-responsive td,.table-responsive table td,.table-responsive .data-table td{position:relative;z-index:1}.table-responsive::-webkit-scrollbar{width:10px!important;height:10px!important}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:6px!important}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:6px!important;border:2px solid #f1f5f9!important}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.mobile-only-list,.mobile-filter-trigger-bar,.mobile-only{display:none}.desktop-only-table,.desktop-only-filter{display:block}@media(min-width:768px){.page-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:1rem!important}}.stats-overview,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-bottom:1.5rem}.stats-overview .stat-card,.stats-grid .stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:16px;background:#fff;border:1px solid var(--slate-100, #e2e8f0);box-shadow:0 4px 14px #00000008;transition:all .2s ease-in-out}.stats-overview .stat-card:hover,.stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.stats-overview .stat-icon,.stats-grid .stat-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-overview .stat-icon .material-icons,.stats-grid .stat-icon .material-icons{font-size:1.5rem}.icon-blue{background:#eff6ff;color:#2563eb}.icon-amber,.icon-yellow{background:#fffbeb;color:#d97706}.icon-emerald,.icon-green{background:#ecfdf5;color:#059669}.icon-purple,.icon-indigo{background:#f3e8ff;color:#7c3aed}.icon-rose,.icon-red{background:#fff1f2;color:#e11d48}.stats-overview .stat-content,.stats-grid .stat-content{display:flex;flex-direction:column;justify-content:center}.stats-overview .stat-value,.stats-grid .stat-value{font-size:1.6rem;font-weight:800;color:#0f172a;line-height:1.2}.stats-overview .stat-label,.stats-grid .stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:.15rem}@media(max-width:992px){.admin-page,.portal-page,.dashboard-container,.page-container,.content-area,.main-content,.profile-container{max-width:100vw!important;width:100%!important;padding:.65rem .5rem!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.drawer-card,.drawer-card.drawer-wide{width:100vw!important;max-width:100vw!important}}@media(max-width:768px){.admin-page,.portal-page,.content-single,.profile-container,.main-content,.dashboard-container,.page-container{padding:.5rem .4rem!important}.premium-card,.card-container,.panel-card,.dashboard-card,.content-card{padding:.65rem .75rem!important;border-radius:12px!important;margin-top:.5rem!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-bottom:.75rem!important}.page-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.page-title{font-size:1.25rem!important;margin-bottom:.15rem!important;line-height:1.25!important}.page-subtitle,.page-header p,.page-title-row p,.page-header .text-slate-500,.premium-card>div>p.text-slate-500,.card-subtitle+p,.card-header-desc,.section-desc{display:none!important}.header-actions,.page-actions,.toolbar-actions,.action-bar{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.4rem!important}.header-actions button,.header-actions .btn-primary,.header-actions .date-picker,.header-actions .btn-secondary,.page-actions button,.toolbar-actions button{flex:1 1 auto!important;min-height:38px!important;justify-content:center!important;font-size:.82rem!important;padding:.45rem .75rem!important}.tabs-header,.nav-tabs,.sub-nav-tabs,.tab-list,.tabs-container,.sub-tabs,.category-tabs,.filter-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;width:100%!important;padding-bottom:4px!important;margin-bottom:.75rem!important;box-sizing:border-box!important}.tabs-header::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar,.sub-nav-tabs::-webkit-scrollbar,.tab-list::-webkit-scrollbar,.tabs-container::-webkit-scrollbar,.sub-tabs::-webkit-scrollbar,.category-tabs::-webkit-scrollbar,.filter-tabs::-webkit-scrollbar{display:none!important}.tabs-header button,.tabs-header a,.nav-tabs button,.nav-tabs a,.sub-nav-tabs button,.tab-list button,.tabs-container button,.sub-tabs button,.category-tabs button,.filter-tabs button{flex-shrink:0!important;white-space:nowrap!important;font-size:.8rem!important;padding:.45rem .75rem!important}.filters-panel,.filter-panel,.filters-card,.filters-container,.search-filters,.filter-section,.filter-bar,.controls-bar,.toolbar-card,.filter-strip{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;padding:.65rem!important;border-radius:12px!important;margin-bottom:.65rem!important}.search-group,.search-wrapper,.search-input-wrapper,.filter-strip>.search-group,.filters-panel>.search-group,.filters-panel>.search-input-wrapper,.filters-panel>.filter-group{grid-column:1 / -1!important;width:100%!important}.actions-group,.filter-actions,.filter-strip>.actions-group,.filters-panel>.actions-group{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:.35rem!important;width:100%!important;margin-top:.25rem!important}.actions-group>button,.actions-group>.btn-outline,.actions-group>.btn-primary,.actions-group>.export-dropdown-container,.filter-actions>button{flex:1 1 0px!important;min-width:0!important;width:0!important;justify-content:center!important;font-size:.78rem!important;padding:.45rem .25rem!important;min-height:36px!important;white-space:nowrap!important;box-sizing:border-box!important}.export-dropdown-container>button{width:100%!important;justify-content:center!important;min-height:36px!important}.page-header .flex-row,.page-header .header-actions,.page-header .page-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;padding-bottom:4px!important;scrollbar-width:none!important;gap:.4rem!important}.page-header .flex-row::-webkit-scrollbar,.page-header .header-actions::-webkit-scrollbar{display:none!important}.page-header .flex-row button,.page-header .header-actions button{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;font-size:.8rem!important;padding:.4rem .75rem!important}.filters-grid,.filter-grid,.form-grid,.form-grid-2col,.form-grid-3col,.form-grid-4col,.modal-form-grid,.dashboard-grid,.grid-2col,.grid-3col,.grid-4col,.cards-grid,.config-grid{grid-template-columns:1fr!important;gap:.6rem!important}.stats-overview,.stats-grid,.class-cards-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important;width:100%!important;margin-bottom:.75rem!important}.stats-overview .stat-card,.stats-grid .stat-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:.55rem .3rem!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--slate-100, #f1f5f9)!important;box-shadow:0 2px 4px #00000005!important;box-sizing:border-box!important;min-width:0!important}.stats-overview .stat-icon,.stats-grid .stat-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.25rem!important}.stats-overview .stat-icon .material-icons,.stats-grid .stat-icon .material-icons{font-size:1.1rem!important}.stats-overview .stat-content,.stats-grid .stat-content{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.stats-overview .stat-label,.stats-grid .stat-label{font-size:.6rem!important;letter-spacing:-.2px!important;font-weight:700!important;text-transform:uppercase!important;color:var(--slate-500, #64748b)!important;margin:0 0 .1rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.stats-overview .stat-value,.stats-grid .stat-value{font-size:1.1rem!important;font-weight:800!important;color:var(--slate-900, #0f172a)!important;margin:0!important;line-height:1.1!important}.stats-overview .stat-subtext,.stats-grid .stat-subtext{font-size:.6rem!important;color:var(--slate-400, #94a3b8)!important;margin:.1rem 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.stats-overview .stat-action,.stats-grid .stat-action{display:none!important}.form-group,.filter-group{gap:.2rem!important;margin-bottom:.35rem!important}label{font-size:.73rem!important;margin-bottom:.1rem!important;font-weight:600!important}.premium-select,.form-select,select,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],textarea,.date-picker,.form-control{padding:.5rem .65rem!important;font-size:.82rem!important;border-radius:8px!important;min-height:38px!important;box-sizing:border-box!important;width:100%!important}.search-wrapper input,.search-input-wrapper input,.search-group input,.search-box input,.payroll-search-wrapper input,.payroll-search-input,.search-input{padding-left:2.75rem!important}.pagination-container{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;width:100%!important;padding-top:.75rem!important;box-sizing:border-box!important}.pagination-info{text-align:center!important;font-size:.82rem!important;width:100%!important}.pagination-controls-wrapper{flex-direction:column!important;align-items:center!important;gap:.6rem!important;width:100%!important;margin-left:0!important}.page-size-selector{justify-content:center!important;font-size:.82rem!important}.pagination-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important;width:100%!important;flex-wrap:nowrap!important}.page-indicator{font-size:.82rem!important;white-space:nowrap!important}.mobile-filter-trigger-bar{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin-bottom:.75rem!important}.mobile-filter-trigger-bar .search-wrapper,.mobile-filter-trigger-bar .search-box{flex:1!important;min-width:0!important;width:auto!important}.mobile-filter-trigger-bar select{width:auto!important;min-width:95px!important;max-width:130px!important;flex-shrink:0!important}.mobile-filter-pop-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;padding:.5rem .85rem!important;height:40px!important;min-height:40px!important;border-radius:10px!important;font-size:.82rem!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important;background:var(--primary-700, #1d4ed8)!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #1d4ed840!important;cursor:pointer!important}.filter-count-badge{background:#ef4444!important;color:#fff!important;border-radius:9999px!important;font-size:.7rem!important;font-weight:700!important;padding:.15rem .45rem!important;line-height:1!important}.mobile-filter-overlay{position:fixed!important;inset:0!important;background:#0f172a99!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:99999!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}.mobile-filter-sheet{width:100%!important;max-width:500px!important;background:#fff!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;padding:1.25rem!important;box-shadow:0 -10px 35px #00000040!important;animation:slideUpMobile .25s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important}.filter-sheet-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:.75rem!important;border-bottom:1px solid var(--slate-200, #e2e8f0)!important;margin-bottom:1rem!important}.filter-sheet-header h3{margin:0!important;font-size:1.1rem!important;font-weight:700!important;color:var(--slate-900, #0f172a)!important}.filter-sheet-body{display:flex!important;flex-direction:column!important;gap:.85rem!important;max-height:60vh!important;overflow-y:auto!important}.filter-sheet-footer{display:flex!important;gap:.75rem!important;margin-top:1.25rem!important;padding-top:.75rem!important;border-top:1px solid var(--slate-200, #e2e8f0)!important}.filter-sheet-footer button{flex:1!important;min-height:42px!important;font-weight:600!important;border-radius:10px!important}.mobile-only-list{display:flex!important;flex-direction:column!important;gap:.6rem!important}.desktop-only-table,.desktop-only-filter{display:none!important}app-school-profile .profile-layout-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:1rem!important}app-school-profile .brand-preview-pane,app-school-profile .editing-form-pane{width:100%!important;max-width:100%!important;box-sizing:border-box!important}app-school-profile .branding-card-sticky{position:static!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:16px!important}app-school-profile .branding-header-gradient{height:110px!important;position:relative!important;width:100%!important}app-school-profile .logo-seal-container{width:80px!important;height:80px!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important;bottom:-35px!important;margin:0!important;z-index:10!important}app-school-profile .branding-card-content{padding:2.75rem 1rem 1.25rem!important;text-align:center!important;width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important}app-school-profile .branding-school-name{font-size:1.1rem!important;text-align:center!important;word-break:break-word!important;width:100%!important;margin:0!important}app-school-profile .branding-badge-row{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;flex-wrap:wrap!important}app-school-profile .branding-details-grid{width:100%!important;box-sizing:border-box!important}app-school-profile .detail-item{width:100%!important}app-school-profile .glass-tabs-container{width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;flex-wrap:nowrap!important}.mobile-student-fee-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:.6rem!important;padding:.85rem!important;background:#fff!important;border:1px solid var(--slate-100, #f1f5f9)!important;border-radius:14px!important;box-shadow:0 2px 6px #00000005!important;box-sizing:border-box!important;width:100%!important}.fee-card-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:.5rem!important;border-bottom:1px dashed var(--slate-200, #e2e8f0)!important;padding-bottom:.45rem!important;width:100%!important}.fee-card-header .student-name{margin:0!important;font-size:.95rem!important;font-weight:700!important;color:var(--slate-900, #0f172a)!important}.fee-card-header .student-id{font-size:.74rem!important;color:var(--slate-500, #64748b)!important;margin-top:.1rem!important}.fee-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important;background:var(--slate-50, #f8fafc)!important;padding:.55rem!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important}.fee-card-grid .grid-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.fee-card-grid .grid-label{color:var(--slate-500, #64748b)!important;font-size:.62rem!important;font-weight:700!important;text-transform:uppercase!important;white-space:nowrap!important}.fee-card-grid .grid-value{font-weight:800!important;font-size:.88rem!important;margin-top:.1rem!important}.fee-card-grid .val-danger{color:#e11d48!important}.fee-card-grid .val-success{color:#047857!important}.fee-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;width:100%!important}.btn-toggle-breakdown{background:none!important;border:none!important;color:var(--primary-600, #2563eb)!important;font-size:.78rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:.2rem!important;padding:.2rem 0!important;cursor:pointer!important}.paid-indicator-pill{font-size:.78rem!important;color:#047857!important;font-weight:600!important;background:#ecfdf5!important;padding:.25rem .65rem!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.25rem!important}.btn-collect-mobile{padding:.45rem .85rem!important;font-size:.78rem!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.25rem!important}.mobile-installments-list{display:flex!important;flex-direction:column!important;gap:.45rem!important;margin-top:.4rem!important;border-top:1px solid var(--slate-100, #f1f5f9)!important;padding-top:.5rem!important;width:100%!important}.installment-card-item{background:#fff!important;border:1px solid var(--slate-200, #e2e8f0)!important;border-radius:8px!important;padding:.5rem .65rem!important}.mobile-tc-settlement-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:.65rem!important;padding:.85rem!important;background:#fff!important;border:1px solid var(--slate-100, #f1f5f9)!important;border-radius:14px!important;box-shadow:0 2px 6px #00000005!important;box-sizing:border-box!important;width:100%!important}.tc-card-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:.5rem!important;border-bottom:1px dashed var(--slate-200, #e2e8f0)!important;padding-bottom:.5rem!important;width:100%!important}.tc-number{font-size:.9rem!important;font-weight:700!important;color:var(--slate-900, #0f172a)!important}.tc-date{font-size:.72rem!important;color:var(--slate-500, #64748b)!important;margin-top:.1rem!important}.tc-card-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;width:100%!important}.tc-card-body .student-name{margin:0!important;font-size:.95rem!important;font-weight:700!important;color:var(--slate-900, #0f172a)!important}.tc-card-body .student-admn{font-size:.76rem!important;color:var(--slate-500, #64748b)!important;margin-top:.15rem!important}.tc-card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important;background:var(--slate-50, #f8fafc)!important;padding:.6rem!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important}.tc-card-grid .grid-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.tc-card-grid .grid-label{color:var(--slate-500, #64748b)!important;font-size:.65rem!important;font-weight:700!important;text-transform:uppercase!important}.tc-card-grid .grid-value{font-weight:800!important;font-size:.9rem!important;margin-top:.1rem!important}.tc-card-grid .val-danger{color:#e11d48!important}.tc-card-grid .val-success{color:#047857!important}.tc-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-top:.1rem!important;width:100%!important}.tc-card-footer .dues-block{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.tc-card-footer .dues-label{font-size:.65rem!important;color:var(--slate-500, #64748b)!important;font-weight:700!important;text-transform:uppercase!important}.tc-card-footer .dues-amount{font-size:.95rem!important;font-weight:800!important;margin-top:.1rem!important}.tc-card-footer .action-block{display:flex!important;align-items:center!important}.tc-card-footer .cleared-pill{font-size:.75rem!important;color:var(--slate-600, #475569)!important;font-weight:600!important;background:var(--slate-100, #f1f5f9)!important;padding:.3rem .65rem!important;border-radius:8px!important;white-space:nowrap!important}.mobile-student-card-tile,.mobile-list-card-tile{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.65rem .75rem!important;background:#fff!important;border:1px solid var(--slate-100, #f1f5f9)!important;border-radius:12px!important;box-shadow:0 2px 4px #00000005!important;cursor:pointer!important;transition:all .15s ease!important;box-sizing:border-box!important;width:100%!important}.mobile-student-card-tile:active,.mobile-list-card-tile:active{background:var(--slate-50, #f8fafc)!important;transform:scale(.99)!important}.mobile-card-avatar{width:42px!important;height:42px!important;border-radius:50%!important;overflow:hidden!important;background:var(--primary-50, #eff6ff)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.mobile-card-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.mobile-card-info{flex:1!important;min-width:0!important}.mobile-card-top-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important}.mobile-card-title{margin:0!important;font-size:.9rem!important;font-weight:700!important;color:var(--slate-900, #0f172a)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-card-meta-line{display:flex!important;align-items:center!important;gap:.4rem!important;flex-wrap:wrap!important;margin-top:.2rem!important;font-size:.76rem!important;color:var(--slate-600, #475569)!important}.mobile-meta-pill{background:#f1f5f9!important;padding:.1rem .4rem!important;border-radius:6px!important;font-size:.72rem!important}.mobile-card-submeta-line{font-size:.72rem!important;color:var(--slate-400, #94a3b8)!important;margin-top:.2rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-card-arrow{color:var(--slate-400, #94a3b8)!important;display:flex!important;align-items:center!important}.table-responsive,.table-container,.workspace-table-wrapper,.data-table-wrapper{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:10px!important;max-height:none!important;margin-top:.5rem!important;box-sizing:border-box!important}.table-responsive .data-table,.table-responsive .workspace-table,.table-responsive table,.table-container table{min-width:520px!important;width:100%!important}.data-table th,.data-table td,.workspace-table th,.workspace-table td,table th,table td{padding:.5rem .55rem!important;font-size:.78rem!important}.data-table td span,.workspace-table td span,table td span{white-space:nowrap!important}.pagination-container,.pagination-bar,.table-footer{flex-direction:column!important;align-items:center!important;gap:.5rem!important;width:100%!important;text-align:center!important;padding:.5rem!important}.pagination-info,.pagination-controls,.pagination-actions{width:100%!important;justify-content:center!important;flex-wrap:wrap!important;gap:.35rem!important}.badge,.status-badge,.priority-pill{padding:.18rem .5rem!important;font-size:.7rem!important;white-space:nowrap!important}.modal-card,.custom-dialog-card,.dialog-card,.modal-container,.auto-schedule-modal{width:95vw!important;max-width:95vw!important;padding:.85rem!important;border-radius:14px!important;max-height:90vh!important;margin:0 auto!important;box-sizing:border-box!important}.modal-body,.dialog-body,.modal-content{max-height:calc(90vh - 110px)!important;overflow-y:auto!important;padding-right:2px!important}.modal-footer,.dialog-actions,.modal-actions{flex-direction:row!important;justify-content:flex-end!important;gap:.4rem!important;flex-wrap:wrap!important;margin-top:.75rem!important}}@media(max-width:480px){.page-title{font-size:1.15rem!important}.compact-grid-2col-mobile{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.modal-card,.custom-dialog-card{padding:.75rem!important;width:96vw!important}}