@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-dark: #16232E;--primary: #3D5566;--primary-hover: #324755;--secondary: #6C8494;--accent-light: #B8C4CE;--bg: #F7F9FB;--surface: #FFFFFF;--success: #22C55E;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--text: #1F2937;--text-2: #374151;--text-3: #6B7280;--text-4: #9CA3AF;--border: #E5E7EB;--border-2: #F3F4F6;--bg-2: #F3F4F6;--white: #FFFFFF;--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--shadow-sm: 0 1px 2px rgba(22, 35, 46, .04);--shadow: 0 4px 16px rgba(22, 35, 46, .06);--shadow-lg: 0 12px 32px rgba(22, 35, 46, .1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--blue: var(--primary);--blue-dark: var(--primary-dark);--blue-hover: var(--primary-hover);--blue-light: #EEF2F5;--green: var(--success);--green-light: var(--success-light);--red: var(--danger);--red-light: var(--danger-light);--amber: var(--warning);--amber-light: var(--warning-light);--purple: #6366F1;--purple-light: #EEF2FF}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-layout{display:flex;min-height:100vh;background:var(--bg)}.main-area{margin-left:var(--sidebar-w);flex:1;min-width:0;transition:margin-left var(--transition)}.main-area.sidebar-collapsed{margin-left:var(--sidebar-w-collapsed)}.sidebar{width:var(--sidebar-w);background:var(--primary-dark);height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:200;transition:width var(--transition),transform var(--transition);box-shadow:4px 0 24px #16232e1f}.sidebar.collapsed .nav-item{justify-content:center;padding:11px;margin:2px 8px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#16232e80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;animation:fadeIn .2s ease}.sidebar-logo-icon{width:38px;height:38px;background:var(--primary);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #0003}.nav-section{padding:.5rem 1.25rem .35rem;font-size:10px;font-weight:700;color:#ffffff59;letter-spacing:1.1px;text-transform:uppercase;margin-top:.5rem;transition:opacity var(--transition)}.nav-item:hover{background:var(--secondary);color:#fff}.nav-item.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #00000026}.user-avatar{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.75rem;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-right{display:flex;align-items:center;gap:10px}.hamburger{display:none;width:40px;height:40px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-2);font-size:20px;align-items:center;justify-content:center;transition:all var(--transition)}.hamburger:hover{background:var(--border-2);border-color:var(--accent-light)}.topbar-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.3px}.topbar-breadcrumb{font-size:12px;color:var(--text-3);margin-top:1px}.topbar-pill{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:7px 14px;font-size:12px;font-weight:500;color:var(--text-3);display:flex;align-items:center;gap:6px;transition:all var(--transition)}.topbar-pill:hover{border-color:var(--accent-light)}.topbar-pill.accent{background:var(--blue-light);border-color:transparent;color:var(--primary);font-weight:600}.notif-btn{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-3);font-size:18px;transition:all var(--transition)}.notif-btn:hover{background:var(--border-2);color:var(--text)}.notif-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;position:absolute;top:8px;right:8px;border:2px solid var(--surface)}.content{padding:1.75rem;max-width:1440px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1.3}.page-sub{font-size:14px;color:var(--text-3);margin-top:4px}.header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dashboard-welcome{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:var(--radius);padding:1.75rem 2rem;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-80px;right:-60px;pointer-events:none}.dashboard-welcome h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.dashboard-welcome p{font-size:14px;opacity:.85;max-width:480px}.dashboard-welcome-date{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xs);padding:10px 16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.events-card{margin-bottom:0}.events-list{display:flex;flex-direction:column;gap:0}.event-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-2);transition:background var(--transition)}.event-item:last-child{border-bottom:none;padding-bottom:0}.event-item:first-child{padding-top:0}.event-date{width:44px;height:44px;background:var(--blue-light);border-radius:var(--radius-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.event-date-day{font-size:16px;font-weight:800;color:var(--primary);line-height:1}.event-date-mon{font-size:9px;font-weight:700;color:var(--secondary);text-transform:uppercase;margin-top:2px}.event-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.event-desc{font-size:12px;color:var(--text-3)}.dashboard-grid-3{display:grid;grid-template-columns:1fr 1fr 340px;gap:16px;margin-top:16px}.dashboard-grid-3 .span-2{grid-column:span 2}.btn,.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all var(--transition);white-space:nowrap;box-shadow:0 2px 8px #3d556640}.btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3d55664d}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;background:var(--surface);color:var(--text-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all var(--transition);white-space:nowrap}.btn-outline:hover{border-color:var(--accent-light);background:var(--bg)}.btn-ghost{background:var(--bg);border:none;color:var(--text-3);font-size:13px;font-weight:500;padding:8px 12px;border-radius:var(--radius-xs);transition:all var(--transition)}.btn-ghost:hover{background:var(--border-2);color:var(--text)}.btn-danger{background:var(--danger-light);color:#b91c1c;box-shadow:none}.btn-danger:hover{background:#fecaca}.btn-success{background:var(--success-light);color:#15803d;box-shadow:none}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%;justify-content:center}.btn-cancel{padding:10px 18px;background:var(--bg);color:var(--text-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all var(--transition)}.btn-cancel:hover{background:var(--border-2)}.btn-save{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;box-shadow:0 2px 8px #3d556640;transition:all var(--transition)}.btn-save:hover{background:var(--primary-hover)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:1.5rem}.stat-card{background:var(--surface);border-radius:var(--radius);padding:1.25rem 1.35rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.stat-icon{width:42px;height:42px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.si-blue{background:var(--blue-light);color:var(--primary)}.si-green{background:var(--success-light);color:var(--success)}.si-red{background:var(--danger-light);color:var(--danger)}.si-amber{background:var(--warning-light);color:var(--warning)}.si-purple{background:var(--purple-light);color:var(--purple)}.stat-value{font-size:26px;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.5px}.stat-label{font-size:13px;color:var(--text-3);font-weight:500;margin-bottom:6px}.stat-trend{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;margin-top:8px}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-neutral{color:var(--text-3)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.card-hover:hover{box-shadow:var(--shadow)}.card-head{padding:1.1rem 1.35rem;border-bottom:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface)}.card-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px}.card-body{padding:1.35rem}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{overflow-x:auto;border-radius:0 0 var(--radius) var(--radius);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}thead th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}tbody td{padding:13px 16px;border-bottom:1px solid var(--border-2);color:var(--text-2);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--bg)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-2);font-size:12px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--success-light);color:#15803d}.badge-red{background:var(--danger-light);color:#b91c1c}.badge-blue{background:var(--info-light);color:#1d4ed8}.badge-gray{background:var(--bg-2);color:var(--text-3)}.badge-amber{background:var(--warning-light);color:#b45309}.badge-purple{background:var(--purple-light);color:#4338ca}.act-btn{padding:5px 12px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;border:none;white-space:nowrap;transition:all var(--transition)}.act-edit{background:var(--blue-light);color:var(--primary)}.act-edit:hover{background:#e2e8f0}.act-del{background:var(--danger-light);color:#b91c1c}.act-del:hover{background:#fecaca}.act-paid{background:var(--success-light);color:#15803d}.act-unpaid{background:var(--danger-light);color:#b91c1c}.act-gap{display:flex;gap:6px;align-items:center}.filter-bar{display:flex;gap:10px;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.search-wrap{position:relative;flex:1;min-width:180px;max-width:360px}.search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-4);font-size:16px;pointer-events:none}.search-wrap input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.search-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d55661f}.filter-select{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--surface);color:var(--text-2);min-width:140px;transition:border-color var(--transition)}.filter-select:focus{border-color:var(--primary)}.form-group{margin-bottom:1.15rem}.form-group label,label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:7px;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea,input,select,textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;background:var(--surface);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d55661a}input::placeholder{color:var(--text-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-icon{position:relative}.input-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-4);font-size:17px;pointer-events:none}.input-icon input{padding-left:40px}.form-error{background:var(--danger-light);color:#b91c1c;padding:11px 14px;border-radius:var(--radius-xs);font-size:13px;margin-bottom:1rem;font-weight:500;border:1px solid #FECACA}.form-hint{margin-top:1.25rem;padding:12px 14px;background:var(--bg);border-radius:var(--radius-xs);font-size:12px;color:var(--text-3);border:1px solid var(--border)}.form-hint a{color:var(--primary);font-weight:600;text-decoration:none}.form-hint a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16232e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--surface);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:480px;animation:slideUp .25s ease;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal-title{font-size:18px;font-weight:700;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:var(--text);letter-spacing:-.3px}.modal-close{background:var(--bg);border:none;color:var(--text-3);font-size:18px;width:32px;height:32px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--border-2);color:var(--text)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.progress-bar{height:8px;background:var(--bg-2);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill.danger{background:var(--danger)}.fee-summary-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.fee-stat{text-align:center;flex:1;min-width:80px}.fee-stat-val{font-size:22px;font-weight:800;letter-spacing:-.3px}.fee-stat-label{font-size:12px;color:var(--text-3);margin-top:3px;font-weight:500}.fee-divider{width:1px;height:44px;background:var(--border);flex-shrink:0}.fee-progress{flex:2;min-width:180px}.fee-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3);margin-bottom:8px;font-weight:500}.fee-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem}.summary-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.35rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition)}.summary-card:hover{transform:translateY(-2px)}.summary-card h3{font-size:13px;font-weight:600;color:var(--text-3);margin-bottom:8px}.summary-number{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.5px}.summary-card.warning{background:var(--warning-light);border-color:#fde68a}.summary-card.warning .summary-number{color:#b45309}.summary-card.success{background:var(--success-light);border-color:#86efac}.summary-card.success .summary-number{color:#15803d}.summary-card.danger{background:var(--danger-light);border-color:#fca5a5}.summary-card.danger .summary-number{color:#b91c1c}.summary-card.primary{background:var(--blue-light);border-color:#d1dde6}.summary-card.primary .summary-number{color:var(--primary)}.fee-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.fee-badge.Paid{background:var(--success-light);color:#15803d}.fee-badge.Pending{background:var(--warning-light);color:#b45309}.fee-badge.Future{background:var(--info-light);color:#1d4ed8}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem}.rep-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.rep-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.rep-num{font-size:26px;font-weight:800;margin:.5rem 0;letter-spacing:-.4px}.rep-label{font-size:13px;color:var(--text-3);font-weight:500}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:140px;padding:8px 4px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end;height:100%}.bar{width:100%;max-width:40px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--secondary),var(--primary));transition:height .6s cubic-bezier(.4,0,.2,1),filter var(--transition)}.bar-col:hover .bar{filter:brightness(1.08)}.bar-v{font-size:10px;font-weight:700;color:var(--primary)}.bar-lbl{font-size:11px;color:var(--text-3);font-weight:500}.bar-chart-v2{display:flex;align-items:flex-end;gap:14px;height:160px;padding:4px 4px 0}.bar-col-v2{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar-v2{width:100%;max-width:36px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--secondary),var(--primary));transition:height .6s cubic-bezier(.4,0,.2,1)}.bar-lbl-v2{font-size:11px;color:var(--text-3);font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;text-align:center;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.quick-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #3d55661f}.quick-icon{width:44px;height:44px;border-radius:var(--radius-xs);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:21px}.quick-label{font-size:13px;font-weight:600;color:var(--text-2)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-sm)}.settings-card h3{font-size:12px;font-weight:700;color:var(--text);margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-2);text-transform:uppercase;letter-spacing:.5px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-2)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:14px;color:var(--text-2);font-weight:500}.toggle-sub{font-size:12px;color:var(--text-4);margin-top:2px}.toggle-switch{width:40px;height:22px;background:var(--primary);border-radius:99px;cursor:pointer;position:relative;flex-shrink:0;transition:background var(--transition);border:none}.toggle-switch:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:3px;right:3px;transition:transform var(--transition);box-shadow:0 1px 3px #00000026}.toggle-switch.off{background:var(--border)}.toggle-switch.off:after{transform:translate(-18px)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state i{font-size:42px;opacity:.35;color:var(--secondary)}.empty-state p{font-size:14px;font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:14px;color:var(--text-3)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:1.75rem;right:1.75rem;background:var(--primary-dark);color:#fff;padding:13px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;z-index:999;display:flex;align-items:center;gap:10px;max-width:340px;animation:toastIn .3s ease;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)}.toast i{color:var(--accent-light);font-size:17px}.toast.error{background:var(--danger);border-color:transparent}.toast.success{background:#15803d;border-color:transparent}@keyframes toastIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-wrap{min-height:100vh;display:flex}.auth-left{width:44%;min-width:380px;background:var(--primary-dark);display:flex;flex-direction:column;justify-content:center;padding:3rem;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#16232e,#2a4050,#3d5566)}.auth-left:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 65%);bottom:-100px;left:-100px}.auth-left-content{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:2.5rem}.auth-brand-icon{width:46px;height:46px;background:#ffffff1a;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;border:1px solid rgba(255,255,255,.15)}.auth-brand-name{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.4px}.auth-hero-title{font-size:30px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:1rem;letter-spacing:-.6px}.auth-hero-sub{font-size:15px;color:#ffffffb3;line-height:1.7;margin-bottom:2rem}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feat{display:flex;align-items:center;gap:12px;color:#ffffffd9;font-size:14px;font-weight:500}.auth-feat i{width:22px;height:22px;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.auth-info-box{margin-top:2rem;padding:14px 16px;background:#ffffff14;border-radius:var(--radius-xs);font-size:13px;color:#ffffffa6;border:1px solid rgba(255,255,255,.1);line-height:1.5}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--bg)}.auth-card{background:var(--surface);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .35s ease}.auth-title{font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.4px}.auth-sub{font-size:14px;color:var(--text-3);margin-bottom:1.75rem}.auth-btn{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all var(--transition);margin-top:.5rem;box-shadow:0 4px 12px #3d55664d}.auth-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.auth-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:1.5rem;font-size:13px;color:var(--text-3)}.auth-switch a{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.welcome-card{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:1.75rem 2rem;border-radius:var(--radius);margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.welcome-card h2{font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.welcome-card p{font-size:14px;opacity:.88}.section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.35rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:1rem}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem}.attendance-list{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:.5rem 1rem;box-shadow:var(--shadow-sm)}.attendance-day{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--border-2)}.attendance-day:last-child{border-bottom:none}.day-date{font-size:14px;font-weight:600;color:var(--text)}.day-name{font-size:12px;color:var(--text-3);margin-top:2px}.day-status{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600}.day-status.Present{background:var(--success-light);color:#15803d}.day-status.Absent{background:var(--danger-light);color:#b91c1c}.day-status.Holiday{background:var(--info-light);color:#1d4ed8}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.child-detail-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.35rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm)}.child-detail-info h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.child-detail-info p{font-size:13px;color:var(--text-3);margin-bottom:4px}.profile-field{padding:14px 16px;background:var(--bg);border-radius:var(--radius-xs);border:1px solid var(--border-2)}.profile-field-label{font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.profile-field-value{font-weight:600;margin-top:5px;color:var(--text);font-size:14px}.stat-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:1.5rem}.stat-mini-card{padding:1.35rem;text-align:center}.stat-mini-value{font-size:28px;font-weight:800;letter-spacing:-.4px}.stat-mini-label{font-size:13px;color:var(--text-3);margin-top:6px;font-weight:500}.avatar-lg{width:52px;height:52px;border-radius:50%;background:var(--blue-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 12px;overflow:hidden}.avatar-xl{width:90px;height:90px;border-radius:50%;background:var(--blue-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;flex-shrink:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .35s ease}@media (max-width: 1200px){.dashboard-grid-3{grid-template-columns:1fr 1fr}.dashboard-grid-3 .span-2,.dashboard-grid-3 .events-card{grid-column:span 2}}@media (max-width: 1024px){.stats-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.fee-summary{grid-template-columns:repeat(2,1fr)}.auth-left{width:40%;min-width:320px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:var(--sidebar-w)!important}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-w)!important}.main-area,.main-area.sidebar-collapsed{margin-left:0}.hamburger{display:flex!important}.sidebar-collapse-btn,.auth-left{display:none}.auth-right{width:100%;padding:1.5rem}.stats-grid{grid-template-columns:1fr 1fr}.row-2,.dashboard-grid-3{grid-template-columns:1fr}.dashboard-grid-3 .span-2,.dashboard-grid-3 .events-card{grid-column:span 1}.quick-grid{grid-template-columns:1fr 1fr}.report-grid,.fee-summary,.attendance-summary{grid-template-columns:1fr}.content{padding:1.25rem}.topbar{padding:0 1.25rem}.form-row{grid-template-columns:1fr}.topbar-pill:not(.accent){display:none}.fee-summary-bar{gap:10px}.page-header{flex-direction:column;align-items:flex-start}.dashboard-welcome{padding:1.35rem}.dashboard-welcome h1{font-size:20px}}@media (max-width: 480px){.stats-grid,.quick-grid{grid-template-columns:1fr}.stat-value{font-size:22px}.page-title{font-size:19px}.auth-card{padding:1.75rem 1.35rem}}.ap-page{min-height:100vh;background:#eef1e8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.ap-card-shell{display:flex;width:100%;max-width:1080px;min-height:660px;background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -20px #2a3d1a59}.ap-left{width:42%;min-width:320px;background:linear-gradient(160deg,#2a3d1a,#5c7a3e);position:relative;padding:2.5rem;display:flex;align-items:center;overflow:hidden}.ap-dots{position:absolute;top:2rem;right:2rem;width:60px;height:60px;background-image:radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 1.5px);background-size:12px 12px}.ap-left:after{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);bottom:-100px;left:-80px}.ap-left-content{position:relative;z-index:1;width:100%}.ap-brand{display:flex;align-items:center;gap:12px;margin-bottom:2.5rem}.ap-brand-icon{width:48px;height:48px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.ap-brand-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.ap-brand-sub{font-size:11px;color:#fff9;margin-top:1px}.ap-hero-title{font-size:27px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:1rem}.ap-hero-underline{width:48px;height:4px;background:#c9d9b8;border-radius:99px;margin-bottom:1.25rem}.ap-hero-sub{font-size:14px;color:#ffffffb8;line-height:1.7;margin-bottom:1.75rem;max-width:320px}.ap-illustration{max-width:240px;margin:0 auto 2rem}.ap-illustration svg{width:100%;height:auto;display:block}.ap-features{display:flex;flex-direction:column;gap:20px}.ap-feat-row{display:flex;align-items:flex-start;gap:14px}.ap-feat-icon{width:42px;height:42px;background:#ffffff24;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.ap-feat-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:2px}.ap-feat-sub{font-size:12px;color:#fff9;line-height:1.5}.ap-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--surface)}.ap-right-content{width:100%;max-width:380px}.ap-icon-circle{width:68px;height:68px;background:#eaf0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5c7a3e;font-size:30px;margin:0 auto 1.25rem}.ap-title{font-size:24px;font-weight:800;color:var(--text);text-align:center;letter-spacing:-.4px}.ap-sub{font-size:13.5px;color:var(--text-3);text-align:center;margin-bottom:1.75rem}.ap-password-wrap.input-icon{position:relative}.ap-password-wrap.input-icon input{padding-right:44px!important}.ap-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-4);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;z-index:2}.ap-eye-btn:hover{color:var(--text-2)}.ap-signin-btn{width:100%;padding:13px;background:linear-gradient(135deg,#5c7a3e,#2a3d1a);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);box-shadow:0 6px 16px #2a3d1a4d;margin-top:.5rem}.ap-signin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2a3d1a59}.ap-signin-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ap-switch{text-align:center;margin-top:1.5rem;font-size:13px;color:var(--text-3)}.ap-switch a{color:#5c7a3e;cursor:pointer;font-weight:700;text-decoration:none}.ap-switch a:hover{text-decoration:underline}.ap-footer{display:flex;align-items:center;gap:6px;margin-top:1.5rem;font-size:12.5px;color:var(--text-3)}.ap-footer i{color:#5c7a3e}@media (max-width: 900px){.ap-card-shell{flex-direction:column;min-height:auto;max-width:480px}.ap-left{width:100%;padding:2rem}.ap-illustration{max-width:180px;margin-bottom:1.5rem}.ap-features{display:none}.ap-right{padding:2rem}}.ta-page{min-height:100vh;background:#eef1e8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.ta-card-shell{display:flex;width:100%;max-width:1080px;min-height:660px;background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -20px #2a3d1a59}.ta-left{width:42%;min-width:320px;background:linear-gradient(160deg,#2a3d1a,#5c7a3e);position:relative;padding:2.5rem;display:flex;align-items:center;overflow:hidden}.ta-dots{position:absolute;top:2rem;right:2rem;width:60px;height:60px;background-image:radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 1.5px);background-size:12px 12px}.ta-left:after{content:"";position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);bottom:-100px;left:-80px}.ta-left-content{position:relative;z-index:1;width:100%}.ta-brand{display:flex;align-items:center;gap:12px;margin-bottom:2.5rem}.ta-brand-icon{width:48px;height:48px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.ta-brand-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.ta-brand-sub{font-size:11px;color:#fff9;margin-top:1px}.ta-welcome{font-size:30px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:1rem}.ta-welcome span{color:#c9d9b8}.ta-welcome-underline{width:48px;height:4px;background:#c9d9b8;border-radius:99px;margin-bottom:1.25rem}.ta-welcome-text{font-size:14px;color:#ffffffb8;line-height:1.7;margin-bottom:1.75rem;max-width:320px}.ta-illustration{max-width:230px;margin:0 auto 2rem}.ta-illustration svg{width:100%;height:auto;display:block}.ta-features{display:flex;flex-direction:column;gap:20px}.ta-feat-row{display:flex;align-items:flex-start;gap:14px}.ta-feat-icon{width:42px;height:42px;background:#ffffff24;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.ta-feat-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:2px}.ta-feat-sub{font-size:12px;color:#fff9;line-height:1.5}.ta-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--surface)}.ta-right-content{width:100%;max-width:380px}.ta-icon-circle{width:68px;height:68px;background:#eaf0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5c7a3e;font-size:30px;margin:0 auto 1.25rem}.ta-title{font-size:24px;font-weight:800;color:var(--text);text-align:center;letter-spacing:-.4px}.ta-sub{font-size:13.5px;color:var(--text-3);text-align:center;margin-bottom:1.75rem}.ta-error{background:var(--danger-light);color:#b91c1c;padding:10px 12px;border-radius:var(--radius-xs);font-size:13px;margin-bottom:1rem;font-weight:500;text-align:center}.ta-password-wrap.input-icon{position:relative}.ta-password-wrap.input-icon input{padding-right:44px!important}.ta-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-4);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;z-index:2}.ta-eye-btn:hover{color:var(--text-2)}.ta-forgot{text-align:right;margin:-.5rem 0 1.25rem}.ta-forgot a{font-size:12.5px;color:#5c7a3e;font-weight:600;text-decoration:none}.ta-forgot a:hover{text-decoration:underline}.ta-signin-btn{width:100%;padding:13px;background:linear-gradient(135deg,#5c7a3e,#2a3d1a);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);box-shadow:0 6px 16px #2a3d1a4d}.ta-signin-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2a3d1a59}.ta-signin-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ta-divider{display:flex;align-items:center;gap:12px;margin:1.5rem 0;color:var(--text-4);font-size:12.5px}.ta-divider:before,.ta-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ta-google-btn{width:100%;padding:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.ta-google-btn:hover{background:var(--bg);border-color:var(--accent-light)}.ta-google-btn i{color:#4285f4;font-size:17px}.ta-google-note{text-align:center;font-size:11.5px;color:var(--text-4);margin-top:8px}.ta-contact{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:1.5rem}.ta-contact a{color:#5c7a3e;font-weight:600;text-decoration:none}.ta-contact a:hover{text-decoration:underline}.ta-admin-link{text-align:center;font-size:12px;color:var(--text-4);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-2)}.ta-admin-link a{color:var(--text-3);font-weight:600;text-decoration:none}.ta-admin-link a:hover{color:#5c7a3e}.ta-footer{display:flex;align-items:center;gap:6px;margin-top:1.5rem;font-size:12.5px;color:var(--text-3)}.ta-footer i{color:#5c7a3e}@media (max-width: 900px){.ta-card-shell{flex-direction:column;min-height:auto;max-width:480px}.ta-left{width:100%;padding:2rem}.ta-illustration{max-width:180px;margin-bottom:1.5rem}.ta-features{display:none}.ta-right{padding:2rem}}.pa-wrap{min-height:100vh;display:flex}.pa-left{width:40%;min-width:360px;background:linear-gradient(165deg,#16210c,#2a3d1a 55%,#5c7a3e);display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;position:relative;overflow:hidden}.pa-left:before{content:"";position:absolute;width:340px;height:340px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);top:-100px;right:-100px}.pa-left-content{position:relative;z-index:1}.pa-brand{display:flex;align-items:center;gap:12px;margin-bottom:2.5rem}.pa-brand-icon{width:46px;height:46px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px}.pa-brand-name{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px}.pa-brand-sub{font-size:11px;color:#fff9;margin-top:1px}.pa-hero-title{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.6px;margin-bottom:1rem}.pa-hero-underline{width:48px;height:4px;background:#c9d9b8;border-radius:99px;margin-bottom:1.25rem}.pa-hero-sub{font-size:14.5px;color:#ffffffb8;line-height:1.7;margin-bottom:1.75rem;max-width:300px}.pa-illustration{max-width:220px;margin:0 auto 2rem}.pa-illustration svg{width:100%;height:auto;display:block}.pa-features{display:flex;flex-direction:column;gap:22px}.pa-feat-row{display:flex;align-items:flex-start;gap:14px}.pa-feat-icon{width:44px;height:44px;background:#ffffff24;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;flex-shrink:0}.pa-feat-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.pa-feat-sub{font-size:12px;color:#fff9;line-height:1.5;max-width:240px}.pa-safe-strip{position:relative;z-index:1;display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xs);padding:12px 14px;margin-top:1.5rem}.pa-safe-strip i{color:#c9d9b8;font-size:20px;flex-shrink:0}.pa-safe-title{font-size:12.5px;font-weight:700;color:#fff}.pa-safe-sub{font-size:11px;color:#fff9;margin-top:1px}.pa-right{flex:1;background:#f1f3ec;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem}.pa-card{background:var(--surface);border-radius:22px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 50px -18px #2a3d1a47;animation:slideUp .35s ease}.pa-icon-circle{width:78px;height:78px;background:#eaf0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5c7a3e;font-size:34px;margin:0 auto 1.25rem}.pa-title{font-size:25px;font-weight:800;color:var(--text);text-align:center;letter-spacing:-.4px}.pa-sub{font-size:13.5px;color:var(--text-3);text-align:center;margin:6px 0 1.75rem;line-height:1.5}.pa-error{background:var(--danger-light);color:#b91c1c;padding:10px 12px;border-radius:var(--radius-xs);font-size:13px;margin-bottom:1rem;font-weight:500;text-align:center}.pa-password-wrap.input-icon{position:relative}.pa-password-wrap.input-icon input{padding-right:44px!important}.pa-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-4);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;z-index:2}.pa-eye-btn:hover{color:var(--text-2)}.pa-row-between{display:flex;align-items:center;justify-content:space-between;margin:-.25rem 0 1.25rem}.pa-remember{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);font-weight:500;cursor:pointer}.pa-remember input{width:auto;padding:0;accent-color:#5C7A3E;cursor:pointer}.pa-forgot{font-size:12.5px;color:#5c7a3e;font-weight:600;text-decoration:none}.pa-forgot:hover{text-decoration:underline}.pa-login-btn{width:100%;padding:13px;background:linear-gradient(135deg,#5c7a3e,#2a3d1a);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14.5px;font-weight:700;cursor:pointer;transition:all var(--transition);box-shadow:0 6px 16px #2a3d1a4d}.pa-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #2a3d1a59}.pa-login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.pa-divider{display:flex;align-items:center;gap:12px;margin:1.5rem 0;color:var(--text-4);font-size:12.5px}.pa-divider:before,.pa-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pa-google-btn{width:100%;padding:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.pa-google-btn:hover{background:var(--bg);border-color:var(--accent-light)}.pa-google-btn i{color:#4285f4;font-size:17px}.pa-google-note{text-align:center;font-size:11.5px;color:var(--text-4);margin-top:8px}.pa-contact{text-align:center;font-size:12.5px;color:var(--text-3);margin-top:1.5rem}.pa-contact a{color:#5c7a3e;font-weight:600;text-decoration:none}.pa-contact a:hover{text-decoration:underline}.pa-admin-link{text-align:center;font-size:12px;color:var(--text-4);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-2)}.pa-admin-link a{color:var(--text-3);font-weight:600;text-decoration:none}.pa-admin-link a:hover{color:#5c7a3e}.pa-footer{text-align:center;font-size:12px;color:var(--text-3);line-height:1.6;margin-top:1.75rem}@media (max-width: 900px){.pa-wrap{flex-direction:column}.pa-left{width:100%;min-width:0;padding:2rem}.pa-illustration{max-width:170px;margin-bottom:1.5rem}.pa-features{display:none}.pa-safe-strip{margin-top:1.5rem}.pa-right{padding:2rem 1.25rem}.pa-card{padding:2rem 1.5rem}}.dash{--p1: #C9D9B8;--p2: #8FA870;--p3: #5C7A3E;--p4: #2A3D1A;--bg: #F6F8F4;--surface: #FFFFFF;--line: #E4E9DE;--text: #1E2A14;--text-2: #45543A;--text-3: #6E7C63;--text-4: #97A18C;--red: #D9534F;--red-soft: #FBEAEA;--radius: 16px;--radius-sm: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);min-width:0;max-width:100%;overflow-x:hidden}.dash .dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.dash .dash-title{font-size:23px;font-weight:700;margin:0;letter-spacing:-.01em;color:var(--text)}.dash .dash-sub{font-size:13px;color:var(--text-3);margin:5px 0 0}.dash .dash-date-badge{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 16px;font-size:13px}.dash .dash-date-badge i{font-size:18px;color:var(--p3)}.dash .dash-date-day{font-weight:700;color:var(--text)}.dash .dash-date-weekday{font-size:11.5px;color:var(--text-3)}.dash .dash-actions{display:flex;gap:10px}.dash .btn-ghost,.dash .btn-primary{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 15px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line);transition:all .15s ease;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dash .btn-ghost{background-color:var(--surface)!important;color:var(--text-2)!important}.dash .btn-ghost i{color:var(--text-2)!important}.dash .btn-ghost:hover{border-color:var(--p2);color:var(--p3)!important}.dash .btn-ghost:hover i{color:var(--p3)!important}.dash .btn-primary{background-color:var(--p3)!important;color:#fff!important;border-color:var(--p3)}.dash .btn-primary i{color:#fff!important}.dash .btn-primary:hover{background-color:var(--p4)!important;border-color:var(--p4)}.dash .stat-tile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;min-width:0}.dash .stat-tile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.15rem;display:flex;align-items:flex-start;gap:12px;min-width:0}.dash .stat-tile-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.dash .stat-tile-icon.st-1{background:var(--p3)}.dash .stat-tile-icon.st-2{background:var(--p2)}.dash .stat-tile-icon.st-3{background:var(--p4)}.dash .stat-tile-icon.st-4{background:#3e5a28}.dash .stat-tile-label{font-size:12px;color:var(--text-3);font-weight:500;margin-bottom:4px}.dash .stat-tile-value{font-size:20px;font-weight:800;color:var(--text);line-height:1.15}.dash .stat-tile-trend{font-size:11px;font-weight:600;margin-top:5px;display:flex;align-items:center;gap:3px}.dash .stat-tile-trend.up{color:var(--p3)}.dash .stat-tile-trend.neutral{color:var(--text-3)}.dash .bento{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start;min-width:0}.dash .bento-main,.dash .bento-side{display:flex;flex-direction:column;gap:18px;min-width:0}.dash .bento-side{position:sticky;top:16px}.dash .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.dash .card-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.dash .card-title{font-size:14px;font-weight:700;color:var(--text)}.dash .card-subtitle{font-size:11.5px;color:var(--text-4);margin-top:3px}.dash .card-body{padding:18px}.dash .badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.dash .badge-green{background:#e7f0df;color:var(--p3)}.dash .badge-red{background:var(--red-soft);color:var(--red)}.dash .link-view-all{font-size:12px;font-weight:600;color:var(--p3);cursor:pointer}.dash .link-view-all:hover{text-decoration:underline}.dash .dash-range-select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 12px;font-size:12.5px;color:var(--text-2);background:var(--surface)}.dash .att-chart-svg{width:100%;height:160px;display:block}.dash .att-chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-4)}.dash .dash-chart-loading{display:flex;align-items:center;justify-content:center;height:160px;color:var(--text-4);font-size:13px}.dash .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.dash table{width:100%;border-collapse:collapse;font-size:13px}.dash th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-4);padding:0 18px 10px}.dash td{padding:11px 18px;border-top:1px solid var(--line);color:var(--text-2)}.dash tr:hover td{background:#fafbf8}.dash .table-empty{text-align:center;color:var(--text-4);padding:24px!important}.dash .cell-user{display:flex;align-items:center;gap:10px}.dash .mini-avatar{width:28px;height:28px;border-radius:50%;background:var(--p1);color:var(--p4);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0}.dash .notices-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.25rem;color:var(--text-3);gap:6px}.dash .notices-empty i{font-size:30px;color:var(--p2);opacity:.6;margin-bottom:4px}.dash .notices-empty p{font-size:13.5px;font-weight:600;color:var(--text-2)}.dash .notices-empty span{font-size:11.5px;color:var(--text-4)}.dash .donut-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.dash .donut-ring{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.dash .donut-ring:before{content:"";position:absolute;width:98px;height:98px;background:var(--surface);border-radius:50%}.dash .donut-center{position:relative;z-index:1;text-align:center}.dash .donut-center-value{font-size:19px;font-weight:800;color:var(--text)}.dash .donut-center-label{font-size:10.5px;color:var(--text-3);margin-top:2px}.dash .donut-legend{width:100%;display:flex;flex-direction:column;gap:10px}.dash .donut-legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px}.dash .donut-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dash .donut-legend-label{flex:1;color:var(--text-2);font-weight:500}.dash .donut-legend-value{font-weight:700;color:var(--text)}@media (max-width: 1100px){.dash .bento{grid-template-columns:1fr}.dash .bento-side{position:static}.dash .stat-tile-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dash .dash-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.dash .dash-title{font-size:19px}.dash .dash-sub{font-size:12.5px}.dash .dash-date-badge{align-self:flex-start}.dash .stat-tile-row{gap:10px}.dash .stat-tile-card{padding:.9rem 1rem}.dash .stat-tile-value{font-size:18px}.dash .card-head{padding:14px 15px}.dash .card-body{padding:15px}.dash .bento,.dash .bento-main,.dash .bento-side{gap:14px}.dash .att-chart-svg,.dash .dash-chart-loading{height:130px}.dash .donut-ring{width:120px;height:120px}.dash .donut-ring:before{width:84px;height:84px}.dash th,.dash td{padding:9px 12px}.dash table{font-size:12.5px}}@media (max-width: 640px){.dash .dash-header{flex-direction:column}.dash .stat-tile-row{grid-template-columns:1fr}}@media (max-width: 480px){.dash{font-size:13px}.dash .dash-title{font-size:17px}.dash .dash-date-badge{width:100%;padding:8px 12px}.dash .stat-tile-card{flex-direction:row;align-items:center}.dash .stat-tile-icon{width:38px;height:38px;font-size:17px}.dash .card-head{flex-direction:column;align-items:flex-start;gap:8px}.dash .dash-range-select{width:100%}.dash .card-title{font-size:13px}.dash .card-subtitle{font-size:11px}.dash table{min-width:480px}.dash .donut-wrap{gap:14px}.dash .donut-legend-item{font-size:12px}.dash .notices-empty{padding:1.5rem 1rem}.dash .notices-empty i{font-size:26px}}.st-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:1.5rem}.st-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.15rem;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.st-tile-icon{width:44px;height:44px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.st-tile-icon.tile-1{background:#5c7a3e}.st-tile-icon.tile-2{background:#8fa870}.st-tile-icon.tile-3{background:#2a3d1a}.st-tile-icon.tile-4{background:#3e5a28}.st-tile-label{font-size:12px;color:var(--text-3);font-weight:500;margin-bottom:4px}.st-tile-value{font-size:22px;font-weight:800;color:var(--text);line-height:1.1}.st-filter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.st-filter-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr auto;gap:14px;align-items:end}.st-filter-grid label{display:block;font-size:11px;font-weight:600;color:var(--text-3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.st-search-wrap .search-wrap{min-width:0;max-width:none}.st-filter-actions{display:flex}.st-filter-actions button{height:42px;width:100%}.st-avatar{width:32px;height:32px;border-radius:50%;background:#eaf0e1;color:#5c7a3e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;overflow:hidden;flex-shrink:0}.st-avatar img{width:100%;height:100%;object-fit:cover}.st-muted{color:var(--text-4);font-size:12.5px}.st-action-gap{display:flex;gap:6px;align-items:center}.st-icon-btn{width:30px;height:30px;border:none;border-radius:var(--radius-xs);background:var(--blue-light);color:#5c7a3e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all var(--transition)}.st-icon-btn:hover{background:#c9d9b8}.st-icon-btn.st-icon-danger{background:var(--danger-light);color:#b91c1c}.st-icon-btn.st-icon-danger:hover{background:#fecaca}.st-modal-subhead{margin:12px 0 8px;font-size:11px;color:var(--text-4);text-transform:uppercase;letter-spacing:1px;font-weight:700;padding-top:8px;border-top:1px solid var(--border-2)}.st-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--border-2);flex-wrap:wrap;gap:12px}.st-pagination-info{font-size:12.5px;color:var(--text-3)}.st-pagination-controls{display:flex;gap:6px;flex-wrap:wrap}.st-page-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xs);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.st-page-btn:hover:not(:disabled){background:var(--bg);border-color:var(--accent-light)}.st-page-btn:disabled{opacity:.4;cursor:not-allowed}.st-page-btn.st-page-active{background:#5c7a3e;color:#fff;border-color:#5c7a3e}.st-rows-select{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}.st-rows-select select{width:auto;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12.5px}@media (max-width: 1200px){.st-tile-grid{grid-template-columns:repeat(2,1fr)}.st-filter-grid{grid-template-columns:1fr 1fr}.st-search-wrap{grid-column:1 / -1}}@media (max-width: 768px){.st-tile-grid{gap:10px}.st-tile{padding:.9rem 1rem}.st-tile-icon{width:38px;height:38px;font-size:17px}.st-tile-value{font-size:19px}.st-filter-card{padding:1rem}.st-filter-grid{grid-template-columns:1fr 1fr;gap:10px}.st-filter-actions button{height:38px}.card .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card table{min-width:820px}.st-pagination{padding:12px 14px}}@media (max-width: 640px){.st-tile-grid{grid-template-columns:1fr}.st-tile{align-items:center}.st-filter-grid{grid-template-columns:1fr}.st-search-wrap{grid-column:auto}.st-filter-actions button{width:100%}.st-pagination{flex-direction:column;align-items:flex-start}.st-pagination-controls{width:100%;justify-content:center}.st-rows-select{width:100%;justify-content:space-between}}@media (max-width: 480px){.st-tile-label{font-size:11px}.st-tile-value{font-size:17px}.st-filter-card{padding:.85rem}.card table{min-width:720px;font-size:12.5px}.st-avatar{width:28px;height:28px;font-size:11px}.st-action-gap{gap:4px}.st-icon-btn{width:27px;height:27px;font-size:13px}.st-page-btn{width:28px;height:28px;font-size:12px}}.row-2{align-items:start!important}.row-2>.card{height:auto!important;align-self:start!important}.fee-tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:1.5rem}.fee-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.fee-tile-icon{width:44px;height:44px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.fee-tile-icon.tile-1{background:#5c7a3e}.fee-tile-icon.tile-2{background:#8fa870}.fee-tile-icon.tile-3{background:#c9d9b8;color:#2a3d1a}.fee-tile-icon.tile-4{background:var(--danger)}.fee-tile-icon.tile-5{background:#2a3d1a}.fee-tile-label{font-size:11.5px;color:var(--text-3);font-weight:500;margin-bottom:4px}.fee-tile-value{font-size:18px;font-weight:800;color:var(--text);line-height:1.2}.fee-tile-sub{font-size:11px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:3px}.fee-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.fee-tab{background:none;border:none;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-3);cursor:pointer;white-space:nowrap;border-bottom:2.5px solid transparent;transition:all var(--transition);flex-shrink:0}.fee-tab:hover{color:var(--text)}.fee-tab.active{color:#5c7a3e;border-bottom-color:#5c7a3e}.donut-wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center;padding-bottom:.5rem}.donut-ring{width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.donut-ring:before{content:"";position:absolute;width:120px;height:120px;background:var(--surface);border-radius:50%}.donut-center{position:relative;z-index:1;text-align:center}.donut-center-label{font-size:11px;color:var(--text-3);font-weight:500}.donut-center-value{font-size:16px;font-weight:800;color:var(--text);margin-top:3px}.donut-legend{display:flex;flex-direction:column;gap:14px}.donut-legend-item{display:flex;align-items:center;gap:10px}.donut-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.donut-legend-label{font-size:13px;font-weight:700;color:var(--text)}.donut-legend-value{font-size:12px;color:var(--text-3);margin-top:2px}.mini-avatar{width:30px;height:30px;border-radius:50%;background:#c9d9b8;color:#2a3d1a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.fee-filter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.fee-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.fee-filter-grid label{display:block;font-size:11px;font-weight:600;color:var(--text-3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.fee-filter-grid>div{min-width:0}.fee-filter-grid select{width:100%;min-width:0}.fee-filter-actions{grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.receipt-link{display:inline-flex;align-items:center;gap:6px;color:#5c7a3e;font-weight:700;font-size:12.5px}.icon-btn{width:32px;height:32px;border:none;border-radius:var(--radius-xs);background:var(--blue-light);color:#5c7a3e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all var(--transition)}.icon-btn:hover{background:#c9d9b8}.days-overdue-badge{background:var(--danger-light);color:#b91c1c;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.fee-updated-note{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:0 1.25rem 1rem;background:var(--blue-light);border-radius:var(--radius-xs);font-size:12px;color:var(--text-2);font-weight:500}@media (max-width: 1200px){.fee-tile-grid{grid-template-columns:repeat(3,1fr)}.fee-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.fee-tile-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fee-tile{padding:.9rem 1rem}.fee-tile-icon{width:38px;height:38px;font-size:17px}.fee-tile-value{font-size:16px}.fee-tab{padding:10px 13px;font-size:12.5px}.donut-wrap{flex-direction:column;gap:1.25rem}.donut-ring{width:150px;height:150px}.donut-ring:before{width:106px;height:106px}.donut-legend{width:100%}.fee-filter-card{padding:1rem}.fee-filter-grid{grid-template-columns:1fr;gap:10px}.fee-filter-actions{justify-content:stretch}.fee-filter-actions button{flex:1}.fee-updated-note{margin:0 1rem 1rem;flex-wrap:wrap}.card .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card table{min-width:760px}}@media (max-width: 480px){.fee-tile-grid{grid-template-columns:1fr}.fee-tile{align-items:center}.fee-tab{padding:9px 11px;font-size:12px}.donut-ring{width:130px;height:130px}.donut-ring:before{width:92px;height:92px}.donut-center-value{font-size:14px}.fee-filter-card{padding:.85rem}.card table{min-width:640px;font-size:12.5px}.icon-btn{width:29px;height:29px;font-size:13px}.mini-avatar{width:26px;height:26px;font-size:10px}}.reports-page{--rp-purple: #7C3AED;--rp-purple-bg: #EDE9FE;--rp-blue: #2563EB;--rp-blue-bg: #DBEAFE;--rp-green: #16A34A;--rp-green-bg: #DCFCE7;--rp-red: #DC2626;--rp-red-bg: #FEE2E2;--rp-ink: #1E2430;--rp-muted: #667085;--rp-border: #E5E9F0}.reports-page .page-header{flex-wrap:wrap;gap:1rem}.rp-header-actions{display:flex;gap:.7rem;flex-wrap:wrap}.rp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem}.rp-stat-card{background:#fff;border:1px solid var(--rp-border);border-radius:14px;padding:1.1rem 1.2rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 1px 3px #1018280a}.rp-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.rp-ic-blue{background:var(--rp-blue-bg);color:var(--rp-blue)}.rp-ic-green{background:var(--rp-green-bg);color:var(--rp-green)}.rp-ic-red{background:var(--rp-red-bg);color:var(--rp-red)}.rp-stat-label{font-size:.8rem;color:var(--rp-muted);margin-bottom:.2rem}.rp-stat-value{font-size:1.4rem;font-weight:700;color:var(--rp-ink)}.rp-stat-sub{font-size:.76rem;color:var(--rp-muted);margin-top:2px}.rp-tabs{display:flex;gap:1.6rem;border-bottom:1px solid var(--rp-border);margin-bottom:1.2rem;overflow-x:auto;scrollbar-width:none}.rp-tabs::-webkit-scrollbar{display:none}.rp-tab{background:none;border:none;padding:.9rem .1rem;font-size:.9rem;font-weight:600;color:var(--rp-muted);cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap}.rp-tab-active{color:var(--rp-purple);border-bottom-color:var(--rp-purple)}.rp-tab-disabled{color:#c3c9d4;cursor:not-allowed}.rp-filter-bar{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.rp-filter-group{display:flex;flex-direction:column;gap:.35rem;min-width:170px}.rp-filter-group label{font-size:.78rem;color:var(--rp-muted);font-weight:600}.rp-filter-group select{padding:10px 12px;border-radius:10px;border:1.5px solid var(--rp-border);background:#fff;font-size:.86rem;color:var(--rp-ink)}.rp-filter-group select:disabled{background:#f8f9fb;color:#a9b0bc;cursor:not-allowed}.rp-filter-actions{display:flex;gap:.6rem;margin-left:auto}.rp-btn-apply{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1.5px solid var(--rp-purple);background:var(--rp-purple-bg);color:var(--rp-purple);font-weight:600;font-size:.86rem;cursor:pointer}.rp-btn-clear{padding:10px 16px;border-radius:10px;border:1.5px solid var(--rp-border);background:#fff;color:var(--rp-muted);font-weight:600;font-size:.86rem;cursor:pointer}.rp-line-chart{width:100%;height:160px}.rp-line-labels{display:flex;justify-content:space-between;padding:0 20px;font-size:.75rem;color:var(--rp-muted);margin-top:4px}.rp-donut-wrap{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.rp-donut{width:160px;height:160px;transform:rotate(0)}.rp-donut-num{font-size:15px;font-weight:700;fill:var(--rp-ink)}.rp-donut-lbl{font-size:10px;fill:var(--rp-muted)}.rp-donut-legend{display:flex;flex-direction:column;gap:.7rem;font-size:.85rem;color:var(--rp-ink)}.rp-donut-legend strong{margin-left:4px}.rp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.rp-dot-green{background:var(--rp-green)}.rp-dot-purple{background:#f1e9fe;border:2px solid var(--rp-purple)}.rp-coming-soon{background:#fff;border:1.5px dashed var(--rp-border);border-radius:16px;padding:3.5rem 1rem;text-align:center;color:var(--rp-muted)}.rp-coming-soon i{font-size:2.2rem;color:var(--rp-purple);margin-bottom:.8rem;display:block}.rp-coming-title{font-size:1.05rem;font-weight:700;color:var(--rp-ink);margin-bottom:.3rem}.rp-coming-sub{font-size:.85rem}@media (max-width: 1100px){.rp-stats{grid-template-columns:repeat(2,1fr)}.reports-page .row-2{grid-template-columns:1fr}}@media (max-width: 768px){.rp-header-actions{width:100%}.rp-header-actions .filter-select,.rp-header-actions .btn-primary{flex:1}.rp-stat-card{padding:.9rem 1rem}.rp-stat-icon{width:40px;height:40px;font-size:1.1rem}.rp-stat-value{font-size:1.2rem}.rp-tab{padding:.8rem .1rem;font-size:.85rem}.rp-filter-bar{flex-direction:column;align-items:stretch}.rp-filter-group{min-width:0;width:100%}.rp-filter-actions{margin-left:0;width:100%}.rp-btn-apply,.rp-btn-clear{flex:1;justify-content:center}.rp-line-chart{height:140px}.rp-line-labels{padding:0 8px}.rp-donut-wrap{flex-direction:column;gap:1rem}.rp-donut{width:140px;height:140px}.rp-donut-legend{width:100%}.reports-page .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-page table{min-width:640px}}@media (max-width: 480px){.rp-stats{grid-template-columns:1fr}.rp-tabs{gap:1rem}.rp-stat-card{align-items:center}.rp-donut{width:120px;height:120px}.rp-donut-legend{font-size:.8rem}.rp-coming-soon{padding:2.5rem 1rem}.rp-coming-soon i{font-size:1.8rem}.rp-coming-title{font-size:.95rem}}.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.st-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.st-card:hover{box-shadow:var(--shadow)}.st-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-2)}.st-card-icon{width:42px;height:42px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;flex-shrink:0}.st-card-icon.tile-1{background:#5c7a3e}.st-card-icon.tile-2{background:#2a3d1a}.st-card-icon.tile-3{background:#8fa870}.st-card-icon.tile-4{background:#3e5a28}.st-card-icon.tile-danger{background:var(--danger)}.st-card-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px}.st-card-sub{font-size:12px;color:var(--text-3);margin-top:2px}.st-logo-row{display:flex;align-items:center;gap:16px;margin-bottom:1.25rem;padding:14px;background:var(--bg);border-radius:var(--radius-xs);border:1px solid var(--border-2)}.st-logo-preview{width:64px;height:64px;border-radius:var(--radius-xs);background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.st-logo-preview img{width:100%;height:100%;object-fit:cover}.st-logo-preview i{font-size:26px;color:var(--text-4)}.st-upload-btn{cursor:pointer;display:inline-flex}.st-hint{font-size:11px;color:var(--text-4);margin-top:6px}.st-signout-btn{width:100%;margin-top:.5rem;padding:10px 16px;background:var(--danger-light);color:#b91c1c;border:1px solid #FECACA;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all var(--transition)}.st-signout-btn:hover{background:#fecaca}.st-danger-card{margin-top:18px;background:var(--surface);border:1.5px solid #FCA5A5;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.st-danger-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:1.25rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border-2)}.st-danger-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.st-danger-title{font-weight:700;color:var(--text);margin-bottom:4px;font-size:13.5px}.st-danger-sub{font-size:12px;color:var(--text-3);max-width:460px;line-height:1.5}.st-reset-btn{color:#b91c1c!important;border-color:#fecaca!important;flex-shrink:0}.st-reset-btn:hover{background:var(--danger-light)}@media (max-width: 1024px){.st-grid{grid-template-columns:1fr}}.teachers-page{--tp-p1: #C9D9B8;--tp-p2: #8FA870;--tp-p3: #5C7A3E;--tp-p4: #2A3D1A;--tp-primary: var(--tp-p3);--tp-primary-bg: #E7F0DF;--tp-secondary: var(--tp-p2);--tp-secondary-bg: #EEF3E7;--tp-orange: #D97706;--tp-orange-bg: #FEF3C7;--tp-red: #DC2626;--tp-red-bg: #FEE2E2;--tp-ink: #1E2A14;--tp-muted: #6E7C63;--tp-border: #E4E9DE}.teachers-page .page-header{flex-wrap:wrap;gap:1rem}.tp-header-actions{display:flex;gap:.7rem;flex-wrap:wrap}.tp-btn-ghost{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1.5px solid var(--tp-border);background:#fff;color:var(--tp-muted);font-size:.88rem;font-weight:600;cursor:not-allowed;opacity:.7}.tp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem}.tp-stat-card{background:#fff;border:1px solid var(--tp-border);border-radius:16px;padding:1.1rem 1.2rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 1px 3px #2a3d1a0d}.tp-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;color:#fff}.tp-ic-purple{background:var(--tp-p3)}.tp-ic-blue{background:var(--tp-p2)}.tp-ic-green{background:var(--tp-p4)}.tp-ic-orange{background:#3e5a28}.tp-stat-label{font-size:.8rem;color:var(--tp-muted);margin-bottom:.2rem}.tp-stat-value{font-size:1.5rem;font-weight:700;color:var(--tp-ink)}.tp-filter-bar{display:flex;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap;align-items:center}.tp-search{flex:1 1 260px;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--tp-border);border-radius:10px;padding:0 12px}.tp-search:focus-within{border-color:var(--tp-p2)}.tp-search i{color:var(--tp-muted);font-size:1rem}.tp-search input{flex:1;border:none;outline:none;padding:11px 4px;font-size:.88rem;color:var(--tp-ink)}.tp-filter-select{padding:10px 12px;border-radius:10px;border:1.5px solid var(--tp-border);background:#fff;font-size:.86rem;color:var(--tp-ink);min-width:150px}.tp-filter-select:focus{border-color:var(--tp-p2);outline:none}.tp-btn-clear{padding:10px 18px;border-radius:10px;border:1.5px solid var(--tp-border);background:#fff;color:var(--tp-muted);font-weight:600;font-size:.86rem;cursor:pointer;transition:all .15s}.tp-btn-clear:hover{border-color:var(--tp-primary);color:var(--tp-primary);background:var(--tp-primary-bg)}.tp-table-card{padding:0;overflow:hidden}.tp-table{width:100%;border-collapse:collapse}.tp-table th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--tp-muted);padding:14px 16px;border-bottom:1px solid var(--tp-border);white-space:nowrap;background:#fafbf8}.tp-table td{padding:14px 16px;border-bottom:1px solid var(--tp-border);font-size:.87rem;color:var(--tp-ink);vertical-align:middle}.tp-table tbody tr:hover td{background:#fafbf8}.tp-row-num{color:var(--tp-muted);width:32px}.tp-teacher-cell{display:flex;align-items:center;gap:10px}.tp-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;background:var(--tp-p1);color:var(--tp-p4)}.tp-teacher-name{font-weight:600;color:var(--tp-ink)}.tp-teacher-role{font-size:.78rem;color:var(--tp-muted)}.tp-muted{color:var(--tp-muted)}.tp-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.76rem;font-weight:600;white-space:nowrap}.tp-badge-blue{background:var(--tp-secondary-bg);color:var(--tp-p3)}.tp-badge-purple{background:var(--tp-primary-bg);color:var(--tp-p4)}.tp-badge-green{background:#dcfce7;color:#166534}.tp-actions{display:flex;gap:6px}.tp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--tp-border);background:#fff;color:var(--tp-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:all .15s}.tp-icon-btn:hover{border-color:var(--tp-primary);color:var(--tp-primary);background:var(--tp-primary-bg)}.tp-icon-danger:hover{border-color:var(--tp-red);color:var(--tp-red);background:var(--tp-red-bg)}.tp-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 18px;flex-wrap:wrap}.tp-pagination-info{font-size:.82rem;color:var(--tp-muted)}.tp-pagination-controls{display:flex;gap:6px;flex-wrap:wrap}.tp-page-btn{min-width:34px;height:34px;border-radius:8px;border:1px solid var(--tp-border);background:#fff;color:var(--tp-ink);font-size:.85rem;cursor:pointer;transition:all .15s}.tp-page-btn:hover:not(:disabled){border-color:var(--tp-p2)}.tp-page-btn:disabled{opacity:.4;cursor:not-allowed}.tp-page-active{background:var(--tp-primary);border-color:var(--tp-primary);color:#fff;font-weight:600}.tp-rows-select{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--tp-muted)}.tp-rows-select select{padding:6px 8px;border-radius:8px;border:1px solid var(--tp-border)}@media (max-width: 1100px){.tp-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tp-header-actions{width:100%}.tp-btn-ghost,.teachers-page .btn-primary{flex:1;justify-content:center}.tp-stat-card{padding:.9rem 1rem}.tp-stat-icon{width:40px;height:40px;font-size:1.1rem}.tp-stat-value{font-size:1.25rem}.tp-filter-bar{flex-direction:column;align-items:stretch}.tp-search{flex:none;width:100%;min-width:0}.table-wrap{overflow-x:hidden}.tp-table{min-width:0!important;width:100%}.tp-teacher-cell{min-width:0}.tp-teacher-cell>div{min-width:0}.tp-teacher-name,.tp-teacher-role{white-space:normal;word-break:break-word}.tp-muted{word-break:break-word}.tp-badge{white-space:normal}.tp-filter-select,.tp-btn-clear{width:100%}.tp-table thead{display:none}.tp-table,.tp-table tbody{display:block;width:100%}.tp-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;background:#fff;border:1px solid var(--tp-border);border-radius:14px;padding:14px;margin-bottom:12px}.tp-table td{display:block;width:auto;padding:0;border-bottom:none;font-size:.85rem;min-width:0}.tp-row-num{display:none}.tp-table td:nth-child(2){grid-column:1 / -1;order:0;padding-bottom:12px;border-bottom:1px solid var(--tp-border)}.tp-table td[data-label]{display:flex;flex-direction:column;gap:3px}.tp-table td[data-label]:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tp-muted)}.tp-table td[data-label]>*{word-break:break-word}.tp-table td:nth-child(3){order:1}.tp-table td:nth-child(7){order:2}.tp-table td:nth-child(4){order:3}.tp-table td:nth-child(5){order:4}.tp-table td:nth-child(6){order:5;grid-column:1 / -1}.tp-table td:nth-child(8){order:6;grid-column:1 / -1}.tp-table td:nth-child(9){order:7;grid-column:1 / -1;padding-top:10px;border-top:1px solid var(--tp-border)}.tp-actions{justify-content:flex-end}.tp-table td:only-child{grid-column:1 / -1;border:none;padding:0}.tp-pagination{flex-direction:column;align-items:stretch;text-align:center}.tp-pagination-controls{justify-content:center}}@media (max-width: 480px){.tp-stats{grid-template-columns:1fr}}.msg-shell{display:grid;grid-template-columns:320px 1fr;grid-template-rows:minmax(0,1fr);height:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.msg-list{border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;min-height:0}.msg-list-head{padding:1rem 1.1rem;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border-2);flex-shrink:0}.msg-list-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.msg-thread-row{display:flex;align-items:center;gap:10px;padding:12px 1.1rem;cursor:pointer;border-bottom:1px solid var(--border-2);transition:background .15s;position:relative;min-height:44px}.msg-thread-row:hover{background:var(--bg)}.msg-thread-row:active,.msg-thread-row.active{background:#eaf0e1}.msg-avatar{width:38px;height:38px;border-radius:50%;background:#5c7a3e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.msg-thread-info{flex:1;min-width:0}.msg-thread-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}.msg-thread-name{font-size:13.5px;font-weight:700;color:var(--text)}.msg-role-badge{font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:20px;text-transform:uppercase}.msg-role-badge.teacher{background:#dbeafe;color:#1d4ed8}.msg-role-badge.parent{background:#ede9fe;color:#6d28d9}.msg-thread-preview{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-unread-dot{background:#5c7a3e;color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 4px}.msg-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.msg-conv-head{display:flex;align-items:center;gap:10px;padding:1rem 1.25rem;border-bottom:1px solid var(--border-2);flex-shrink:0;background:var(--surface)}.msg-conv-name{font-size:14px;font-weight:700;color:var(--text)}.msg-conv-role{font-size:11.5px;color:var(--text-3)}.msg-back-btn{display:none;width:36px;height:36px;border:none;background:var(--bg);border-radius:var(--radius-xs);color:var(--text-2);font-size:16px;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.msg-back-btn:hover{background:var(--border-2)}.msg-conv-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.25rem;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.msg-bubble-row{display:flex}.msg-bubble-row.mine{justify-content:flex-end}.msg-bubble{max-width:65%;background:#fff;border:1px solid var(--border-2);padding:10px 14px;border-radius:14px 14px 14px 3px}.msg-bubble-row.mine .msg-bubble{background:#5c7a3e;color:#fff;border:none;border-bottom-left-radius:14px;border-bottom-right-radius:3px}.msg-bubble-sender{font-size:11px;font-weight:700;opacity:.65;margin-bottom:3px}.msg-bubble-text{font-size:13.5px;line-height:1.5;word-break:break-word}.msg-bubble-time{font-size:10px;opacity:.6;margin-top:4px;text-align:right}.msg-conv-input{display:flex;gap:10px;padding:1rem 1.25rem;border-top:1px solid var(--border-2);flex-shrink:0;background:var(--surface)}.msg-conv-input input{flex:1;min-width:0;font-size:16px}.msg-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;color:var(--text-3);gap:6px}.msg-empty-state i{font-size:34px;color:var(--text-4);margin-bottom:6px}.msg-empty-state p{font-size:13.5px;font-weight:600;color:var(--text-2)}.msg-empty-state span{font-size:11.5px;color:var(--text-4)}@media (max-width: 992px){.msg-shell{grid-template-columns:260px 1fr}}@media (max-width: 768px){.msg-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:calc(100dvh - 190px);min-height:420px;border-radius:var(--radius-sm, 10px)}.msg-list{display:flex}.msg-conversation,.msg-shell.conv-open .msg-list{display:none}.msg-shell.conv-open .msg-conversation,.msg-back-btn{display:flex}.msg-bubble{max-width:82%}.msg-conv-body{padding:1rem}.msg-conv-input{padding:.85rem 1rem}}@media (max-width: 480px){.msg-list-head{padding:.85rem 1rem}.msg-thread-row{padding:11px 1rem;gap:8px}.msg-avatar{width:34px;height:34px;font-size:12px}.msg-thread-name{font-size:13px}.msg-thread-preview{font-size:11.5px}.msg-conv-head{padding:.85rem 1rem}.msg-conv-name{font-size:13.5px}.msg-bubble{max-width:88%;padding:9px 12px}.msg-bubble-text{font-size:13px}.msg-conv-input{gap:8px}.msg-conv-input .btn-primary span{display:none}}@media (max-width: 360px){.msg-thread-name{font-size:12.5px}.msg-bubble{max-width:92%}}.sidebar{width:var(--sidebar-w);background:#2a3d1a;min-height:100vh;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:200;transition:width var(--transition),transform var(--transition);box-shadow:4px 0 24px #2a3d1a2e}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-logo-badge,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{opacity:0;width:0;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:11px;margin:2px 8px;gap:0}.sidebar.collapsed .nav-section{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:1rem .75rem}.sidebar.collapsed .user-card{justify-content:center}.sidebar.collapsed .user-logout{margin-left:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#2a3d1a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;animation:fadeIn .2s ease}.sidebar-overlay.show{display:block}.sidebar-logo{padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-logo-icon{width:38px;height:38px;background:#5c7a3e;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #0003}.sidebar-logo-text{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.4px;transition:opacity var(--transition)}.sidebar-logo-badge{margin-left:auto;font-size:9px;background:#ffffff1a;color:#ffffffa6;padding:3px 8px;border-radius:20px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;transition:opacity var(--transition)}.sidebar-close-btn{display:none;width:30px;height:30px;margin-left:auto;background:#ffffff14;border:none;border-radius:var(--radius-xs);color:#fff9;font-size:16px;align-items:center;justify-content:center;flex-shrink:0}.sidebar-close-btn:hover{background:#ffffff26;color:#fff}.sidebar-close-btn~.sidebar-logo-badge,.sidebar-logo-badge~.sidebar-close-btn{margin-left:8px}.sidebar-collapse-btn{margin:.5rem 1rem 0;width:calc(100% - 2rem);padding:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xs);color:#ffffff80;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.sidebar-collapse-btn:hover{background:#ffffff1a;color:#fff}.sidebar.collapsed .sidebar-collapse-btn{width:44px;margin:.5rem auto 0}.sidebar-nav{padding:.75rem 0;flex:1;overflow-y:auto;min-height:0}.nav-group{margin-top:10px}.nav-group:first-child{margin-top:0}.nav-section{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 1rem;margin:2px .75rem;border-radius:var(--radius-xs);cursor:pointer;color:#ffffffa6;font-size:13.5px;font-weight:500;transition:all var(--transition);-webkit-user-select:none;user-select:none;border:none;background:transparent;width:calc(100% - 1.5rem);text-align:left}.nav-item:hover{background:#5c7a3e;color:#fff}.nav-item.active{background:#8fa870;color:#fff;font-weight:600;box-shadow:0 4px 12px #00000026}.nav-item i{font-size:18px;flex-shrink:0;opacity:.85}.nav-item.active i{opacity:1}.nav-item-label{flex:1;transition:opacity var(--transition)}.nav-badge{font-size:10px;font-weight:700;background:#ffffff26;color:#fff;padding:2px 8px;border-radius:20px;transition:opacity var(--transition)}.nav-badge.alert{background:var(--danger)}.sidebar-bottom{padding:1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);background:#ffffff0d;transition:background var(--transition)}.user-card:hover{background:#ffffff14}.user-avatar{width:36px;height:36px;border-radius:var(--radius-xs);background:#5c7a3e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;transition:opacity var(--transition)}.user-role{font-size:11px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;transition:opacity var(--transition)}.user-logout{margin-left:auto;width:32px;height:32px;color:#fff6;font-size:17px;background:#ffffff0f;border:none;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.user-logout:hover{background:var(--danger);color:#fff}.sidebar-class-card{margin:.75rem 1rem;padding:12px 14px;background:#ffffff0f;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.08)}.sidebar-class-label{font-size:10px;color:#fff6;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.sidebar-class-name{font-size:14px;color:#fff;font-weight:700}.sidebar-class-sub{font-size:11px;color:#ffffff80;margin-top:2px}@media (max-width: 991px){.sidebar{transform:translate(-100%);width:260px}.sidebar.show{transform:translate(0)}.sidebar.collapsed{width:260px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-logo-badge,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role{opacity:1;width:auto}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:10px 1rem;gap:11px}.sidebar-collapse-btn{display:none}.sidebar-close-btn{display:flex}}@media (max-width: 576px){.sidebar,.sidebar.collapsed{width:85vw;max-width:300px}.sidebar-logo{padding:1rem}}