.decko-page{background-color:#797a7e;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827}.decko-container{width:100%;max-width:1440px;height:900px;background-color:#141714;border-radius:32px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.decko-sidebar{width:280px;background-color:#141714;color:#a3a3a3;padding:2rem 1.5rem;display:flex;flex-direction:column}.decko-logo-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.decko-logo-left{display:flex;align-items:center;gap:12px}.decko-logo-icon{width:32px;height:32px;background-color:#82e022;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#141714;font-weight:700;font-size:16px}.decko-logo-text{color:#fff;font-size:18px;font-weight:600}.decko-collapse-btn{background:transparent;border:1px solid #333;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.decko-search-box{display:flex;align-items:center;background-color:#1f221f;border-radius:12px;padding:.75rem 1rem;margin-bottom:2rem}.decko-search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;margin-left:8px;font-size:14px}.decko-search-box input::placeholder{color:#737373}.decko-shortcut{background-color:#2b2f2b;color:#a3a3a3;font-size:12px;padding:2px 6px;border-radius:4px;margin-left:auto}.decko-menu-section{margin-bottom:2rem}.decko-menu-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:1rem;padding-left:1rem;color:#a3a3a3}.decko-menu-item{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;border-radius:12px;cursor:pointer;margin-bottom:4px;transition:all .2s;color:#a3a3a3;font-size:14px;font-weight:500}.decko-menu-item:hover{background-color:#1f221f;color:#fff}.decko-menu-item.active{background-color:#82e022;color:#141714}.decko-menu-item.active .lucide{color:#141714}.decko-event-card{margin-top:auto;background-color:#1f221f;border-radius:16px;padding:1.25rem}.decko-event-title{font-size:11px;text-transform:uppercase;color:#a3a3a3;font-weight:600;margin-bottom:.5rem;letter-spacing:.5px}.decko-event-name{color:#fff;font-weight:600;font-size:15px;margin-bottom:.25rem}.decko-event-time{font-size:12px;color:#a3a3a3;margin-bottom:1rem}.decko-event-footer{display:flex;align-items:center;justify-content:space-between}.decko-event-tags{display:flex;gap:6px}.decko-tag{background-color:#82e0221a;color:#82e022;font-size:11px;padding:2px 8px;border-radius:12px}.decko-event-btn{width:28px;height:28px;background-color:#82e022;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#141714;border:none;cursor:pointer}.decko-main{flex:1;background-color:#fff;border-radius:28px;margin:12px 12px 12px 0;padding:2rem 2.5rem;overflow-y:auto;display:flex;flex-direction:column}.decko-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.decko-greeting h1{font-size:28px;font-weight:600;margin:0 0 .5rem;color:#111827}.decko-greeting p{color:#6b7280;margin:0;font-size:15px}.decko-profile-area{display:flex;align-items:center;gap:1rem}.decko-icon-btn{width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563}.decko-icon-btn.has-dot{position:relative}.decko-icon-btn.has-dot:after{content:"";position:absolute;top:10px;right:12px;width:6px;height:6px;background-color:#ef4444;border-radius:50%}.decko-profile-info{display:flex;align-items:center;gap:12px;margin-left:1rem}.decko-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.decko-user-details h4{margin:0;font-size:15px;font-weight:600;color:#111827}.decko-user-details p{margin:0;font-size:13px;color:#6b7280}.decko-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.decko-stat-card{border:1px solid #f3f4f6;border-radius:20px;padding:1.25rem;box-shadow:0 2px 10px #00000005}.decko-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.decko-stat-title{color:#6b7280;font-size:13px;font-weight:500}.decko-stat-icon-wrapper{width:32px;height:32px;background-color:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.decko-stat-value{font-size:24px;font-weight:700;color:#111827;margin-bottom:.5rem}.decko-stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.decko-stat-change.positive{color:#22c55e}.decko-stat-change.negative{color:#ef4444}.decko-stat-change-text{color:#9ca3af;font-weight:400}.decko-middle-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.decko-card{border:1px solid #f3f4f6;border-radius:20px;padding:1.5rem;box-shadow:0 2px 10px #00000005}.decko-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.decko-card-title{font-size:18px;font-weight:600;color:#111827;margin:0}.decko-dropdown{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;padding:6px 12px;border-radius:8px;font-size:13px;color:#4b5563;font-weight:500;cursor:pointer}.decko-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.decko-calendar-title{font-size:16px;font-weight:600}.decko-calendar-nav{display:flex;gap:8px}.decko-calendar-nav button{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.decko-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.decko-calendar-day-name{font-size:12px;color:#9ca3af;font-weight:500;margin-bottom:12px}.decko-calendar-date{font-size:14px;color:#374151;font-weight:500;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto}.decko-calendar-date.active{background-color:#82e022;color:#fff}.decko-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1}.decko-schedule-list{display:flex;flex-direction:column}.decko-schedule-item{display:flex;align-items:flex-start;gap:16px;padding:1rem 0;border-bottom:1px solid #f3f4f6}.decko-schedule-item:last-child{border-bottom:none}.decko-schedule-item.active{background-color:#f9fafb;margin:0 -1.5rem;padding:1rem 1.5rem;border-bottom:none}.decko-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;margin-top:4px}.decko-checkbox.checked{background-color:#10b981;border-color:#10b981;color:#fff}.decko-schedule-time{width:90px}.decko-schedule-date-text{font-size:12px;color:#9ca3af;margin-bottom:2px}.decko-schedule-time-text{font-size:13px;font-weight:600;color:#111827}.decko-schedule-details h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.decko-schedule-details p{margin:0;font-size:12px;color:#6b7280}.decko-more-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.decko-progress-container{display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:1rem}.decko-progress-col{width:48%}.decko-progress-title{font-size:14px;color:#6b7280;margin-bottom:1rem}.decko-progress-value{font-size:28px;font-weight:600;color:#111827;margin-bottom:1rem}.decko-progress-bar-bg{height:24px;background-color:#f3f4f6;border-radius:12px;margin-bottom:1rem;overflow:hidden}.decko-progress-bar-fill{height:100%;background-color:#82e022;border-radius:12px}.decko-progress-desc{font-size:12px;color:#6b7280}.telecaller-portal-container{padding:var(--space-6, 24px);max-width:1320px;margin:0 auto;font-family:var(--font-sans, "Inter", system-ui, -apple-system, sans-serif);color:var(--text-primary, #f1f5f9);animation:fadeIn var(--transition-slow, .35s) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.telecaller-header-card{background:var(--surface-card, #ffffff)!important;border:1px solid var(--border-color, #eef2f6)!important;box-shadow:var(--shadow-sm, 0 4px 12px rgba(0, 0, 0, .015))!important;border-radius:20px!important;padding:24px 32px!important;color:var(--text-primary)!important;margin-bottom:var(--space-6, 24px);position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4, 16px)}[data-theme=dark] .telecaller-header-card{background:#14151b!important;border:1px solid #22232e!important;box-shadow:0 6px 20px #0003!important;color:#9ca3af!important}.telecaller-header-card:before{display:none}.portal-badge{display:inline-flex;align-items:center;background:#82e0221a;color:var(--primary-500, #16a34a);border:1px solid rgba(130,224,34,.2);padding:6px 14px;border-radius:var(--radius-full, 9999px);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}[data-theme=dark] .portal-badge{color:var(--primary-400, #a3e635)}.portal-badge:before{content:"";display:inline-block;width:6px;height:6px;background-color:#22c55e;border-radius:50%;margin-right:8px;box-shadow:0 0 #22c55eb3;animation:pulse-green 1.5s infinite}.telecaller-header-card h1{margin:0 0 6px;font-size:2rem;font-weight:850;letter-spacing:-.025em;color:var(--text-primary)!important}.telecaller-header-card p{margin:0;color:var(--text-secondary)!important;font-size:.95rem;max-width:600px}.btn-refresh{display:inline-flex;align-items:center;gap:8px;background:var(--surface-card, rgba(255, 255, 255, .05))!important;border:1px solid var(--border-color, rgba(255, 255, 255, .12))!important;padding:10px 20px;border-radius:10px;color:var(--text-primary)!important;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease-in-out}[data-theme=light] .btn-refresh{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}.btn-refresh:hover:not(:disabled){background:var(--surface-hover, rgba(255, 255, 255, .08))!important;border-color:var(--primary-500, #82e022)!important;transform:translateY(-2px)}.btn-logout{display:inline-flex;align-items:center;gap:8px;background:#ef444414!important;border:1px solid rgba(239,68,68,.15)!important;padding:10px 20px;border-radius:10px;color:#ef4444!important;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease-in-out}.btn-logout:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.telecaller-alert{padding:14px 20px;border-radius:10px;margin-bottom:var(--space-6, 24px);display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:500;border:1px solid transparent;animation:slideDownFade .25s cubic-bezier(.16,1,.3,1) forwards}.telecaller-alert.success{background-color:#22c55e14;color:var(--success-400, #4ade80);border-color:#22c55e33}.telecaller-alert.error{background-color:#ef444414;color:var(--error-400, #f87171);border-color:#ef444433}.close-alert{margin-left:auto;background:none;border:none;font-size:1.3rem;cursor:pointer;color:inherit;line-height:1;opacity:.6;transition:opacity .15s}.close-alert:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:var(--space-6, 24px)}.stat-card{background:var(--surface-glass, rgba(255, 255, 255, .04));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:20px var(--space-5, 20px);border:1px solid var(--surface-glass-border, rgba(255, 255, 255, .08));display:flex;flex-direction:column;box-shadow:var(--shadow-sm, 0 4px 6px rgba(0, 0, 0, .2));transition:transform var(--transition-base, .25s) cubic-bezier(.16,1,.3,1),box-shadow var(--transition-base, .25s) cubic-bezier(.16,1,.3,1),border-color var(--transition-base, .25s)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.stat-card-info{display:flex;flex-direction:column}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid transparent;flex-shrink:0}.stat-icon-wrapper.primary{background:#82e02214;color:var(--primary-400, #a3e635);border-color:#82e02226}.stat-icon-wrapper.danger{background:#ef444414;color:var(--error-400, #f87171);border-color:#ef444426}.stat-icon-wrapper.success{background:#22c55e14;color:var(--success-400, #4ade80);border-color:#22c55e26}.stat-icon-wrapper.warning{background:#fbbf2414;color:var(--warning-400, #fbbf24);border-color:#fbbf2426}.stat-title{font-size:.8rem;text-transform:uppercase;color:var(--text-tertiary, #64748b);font-weight:700;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary, #ffffff);margin-bottom:4px;letter-spacing:-.02em}.stat-subtitle{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin-top:8px}.stat-card.primary{border-top:3px solid var(--primary-500, #82e022)}.stat-card.danger{border-top:3px solid var(--error-500, #ef4444)}.stat-card.success{border-top:3px solid var(--success-500, #22c55e)}.stat-card.warning{border-top:3px solid var(--warning-500, #fbbf24)}.interactive-kpi{cursor:pointer}.interactive-kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 10px 20px rgba(0, 0, 0, .3)),var(--shadow-glow-primary, 0 0 15px rgba(130, 224, 34, .15));border-color:var(--primary-500, #82e022)}.interactive-kpi.active{border-color:var(--primary-500, #82e022);box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(130, 224, 34, .25)),var(--shadow-md);background:linear-gradient(135deg,rgba(130,224,34,.05) 0%,var(--surface-glass, rgba(255, 255, 255, .04)) 100%)}.interactive-kpi.active-highlight{border-color:var(--error-500, #ef4444)!important;box-shadow:var(--shadow-glow-error, 0 0 20px rgba(239, 68, 68, .25)),var(--shadow-md);background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--surface-glass, rgba(255, 255, 255, .04)) 100%)}.checklist-card{background:var(--surface-glass, rgba(255, 255, 255, .03));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--surface-glass-border, rgba(255, 255, 255, .08));padding:var(--space-6, 24px);box-shadow:var(--shadow-md, 0 8px 16px rgba(0, 0, 0, .2));margin-bottom:var(--space-6, 24px)}.search-box{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:16px;color:var(--text-tertiary, #64748b);pointer-events:none}.search-input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);font-size:.95rem;outline:none;transition:all var(--transition-fast, .15s)}.search-input:focus{border-color:var(--primary-500, #82e022);background:var(--surface-3, rgba(255, 255, 255, .08));box-shadow:0 0 0 3px #82e02226,var(--shadow-glow-primary, 0 0 12px rgba(130, 224, 34, .2))}.filter-sort-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:18px;padding-top:18px;border-top:1px dashed var(--border-subtle, rgba(255, 255, 255, .06))}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.76rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary, #64748b);letter-spacing:.05em}.filter-select{padding:10px 14px;background:var(--bg-secondary, #0f0f2e);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:.88rem;outline:none;min-width:150px;cursor:pointer;transition:all var(--transition-fast, .15s)}.filter-select:focus,.filter-select:hover{border-color:var(--primary-500, #82e022);box-shadow:0 0 0 2px #82e0221a}.active-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:9999px;color:var(--error-400, #f87171);font-size:.8rem;font-weight:600;cursor:pointer;height:fit-content;align-self:flex-end;margin-bottom:2px;transition:all var(--transition-fast, .15s)}.active-badge-pill:hover{background:#ef44442e;border-color:var(--error-400);transform:scale(.98)}.btn-export{margin-left:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#82e02214;color:var(--primary-400, #a3e635);border:1px solid rgba(130,224,34,.2);border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s);margin-bottom:2px}.btn-export:hover:not(:disabled){background:#82e02226;border-color:var(--primary-500, #82e022);transform:translateY(-1px)}.table-responsive{overflow-x:auto;border-radius:12px;border:1px solid var(--border-default, rgba(255, 255, 255, .08));margin-top:20px}.telecaller-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.telecaller-table th{background:var(--surface-2, rgba(255, 255, 255, .04));padding:16px 20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #94a3b8);border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .1));font-weight:700}.telecaller-table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));font-size:.9rem;vertical-align:middle;color:var(--text-primary, #ffffff);transition:background-color .2s}.telecaller-row{cursor:pointer;transition:all .2s ease}.telecaller-row:hover{background-color:#ffffff05!important}.telecaller-row.row-expanded{background-color:#82e02208!important}.telecaller-row.row-expanded td{border-bottom-color:transparent}.student-name-container{display:flex;align-items:center;gap:12px}.expand-chevron{color:var(--text-tertiary, #64748b);transition:transform var(--transition-base, .25s) cubic-bezier(.16,1,.3,1);flex-shrink:0}.telecaller-row.row-expanded .expand-chevron{transform:rotate(180deg);color:var(--primary-500, #82e022)}.student-info-box{display:flex;flex-direction:column;gap:2px}.student-name{font-weight:600;color:var(--text-primary, #ffffff)}.student-reg{font-size:.78rem;color:var(--text-tertiary, #64748b);font-weight:600;font-family:var(--font-mono, monospace)}.student-email{font-size:.78rem;color:var(--text-secondary, #94a3b8)}.course-box{display:flex;flex-direction:column;gap:2px}.course-name{font-size:.88rem;font-weight:600;color:var(--text-primary, #ffffff)}.school-name{font-size:.78rem;color:var(--text-tertiary, #64748b)}.fee-box{display:flex;flex-direction:column;gap:2px}.due-amount{font-weight:700;color:var(--warning-400, #fbbf24);font-size:.95rem;font-family:var(--font-mono, monospace)}.paid-summary{font-size:.78rem;color:var(--text-secondary, #94a3b8)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:700;letter-spacing:.02em;width:fit-content;border:1px solid transparent}.badge.called{background:#22c55e1a;color:var(--success-400, #4ade80);border-color:#22c55e33}.badge.not-called{background:#ef44441a;color:var(--error-400, #f87171);border-color:#ef444433}.status-badge-container{display:flex;flex-direction:column;gap:4px}.called-timestamp{font-size:.72rem;color:var(--text-tertiary, #64748b);font-weight:500}.remarks-box{display:flex;align-items:flex-start;gap:8px;max-width:260px;background:#ffffff05;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.remarks-box svg{color:var(--text-tertiary, #64748b);flex-shrink:0;margin-top:2px}.remarks-text{font-size:.82rem;color:var(--text-secondary, #94a3b8);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.no-remarks{font-size:.82rem;color:var(--text-tertiary, #64748b);font-style:italic}.checklist-actions{display:flex;gap:8px}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid transparent;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast, .15s) ease}.btn-action.call-btn{background:var(--gradient-primary, linear-gradient(135deg, #82e022 0%, #bef264 100%));color:var(--text-inverse, #0a0a1a);box-shadow:var(--shadow-glow-primary, 0 0 10px rgba(130, 224, 34, .15))}.btn-action.call-btn:hover{box-shadow:0 0 16px #82e02259;transform:translateY(-1px)}.btn-action.email-btn{background:var(--surface-2, rgba(255, 255, 255, .04));color:var(--text-primary, #ffffff);border:1px solid var(--border-default, rgba(255, 255, 255, .1))}.btn-action.email-btn:hover{background:var(--surface-3, rgba(255, 255, 255, .08));border-color:var(--primary-500, #82e022)}.detail-expanded-row td{padding:0!important}.expanded-detail-container{padding:24px;background:linear-gradient(180deg,var(--bg-secondary, #0c0d12) 0%,var(--bg-tertiary, #0e0f17) 100%);border-top:1px dashed var(--border-strong, rgba(255, 255, 255, .12));border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .1));box-shadow:inset 0 8px 16px -8px #00000080,inset 0 -8px 16px -8px #00000080;animation:slideDownFade .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.expanded-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}@media (max-width: 1024px){.expanded-grid{grid-template-columns:1fr;gap:20px}}.student-profile-summary,.fee-breakdown-details{display:flex;flex-direction:column;gap:16px;background:var(--surface-glass, rgba(255, 255, 255, .02));border:1px solid var(--surface-glass-border, rgba(255, 255, 255, .06));border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000026}.student-profile-summary h3,.fee-breakdown-details h3{font-size:.95rem;font-weight:800;margin:0;color:var(--text-primary, #ffffff);border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));padding-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em}.student-profile-summary h3:before,.fee-breakdown-details h3:before{content:"";display:inline-block;width:4px;height:12px;background-color:var(--primary-500, #82e022);border-radius:var(--radius-full)}.profile-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.profile-detail-grid{grid-template-columns:1fr}}.profile-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary, #64748b);letter-spacing:.05em}.detail-value{font-size:.88rem;color:var(--text-secondary, #e2e8f0);font-weight:500;word-break:break-all}.detail-value-status{display:inline-flex;align-items:center;font-size:.74rem;font-weight:700;text-transform:uppercase;color:var(--primary-400, #a3e635);background:#82e0221a;padding:3px 8px;border-radius:4px;width:fit-content;border:1px solid rgba(130,224,34,.15)}.detail-value-status.unpaid{color:var(--error-400, #f87171);background:#ef44441a;border-color:#ef444426}.phone-actions{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.btn-call-direct{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gradient-primary, linear-gradient(135deg, #82e022 0%, #bef264 100%));color:var(--text-inverse, #0f172a);font-weight:700;border-radius:8px;font-size:.85rem;transition:all .2s ease;box-shadow:var(--shadow-glow-primary, 0 0 10px rgba(130, 224, 34, .15))}.btn-call-direct:hover{transform:translateY(-1px);box-shadow:0 0 20px #82e02259}.fee-items-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 0;justify-content:center;color:var(--text-tertiary, #64748b);font-size:.9rem}.fee-items-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-default, rgba(255, 255, 255, .08))}.fee-items-table{width:100%;border-collapse:collapse}.fee-items-table th{background:#ffffff04;border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .08));padding:10px 14px;font-size:.74rem;text-transform:uppercase;color:var(--text-tertiary, #64748b);font-weight:700}.fee-items-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));font-size:.84rem;color:var(--text-secondary, #cbd5e1)}.unpaid-fee-row{background:#ef444403}.unpaid-fee-row .remaining-cell{color:var(--error-400, #f87171);font-weight:700}.fee-items-table tr:hover{background:#ffffff03}.remaining-cell{font-family:var(--font-mono, monospace);font-weight:500}.progress-bar-container{width:100%;height:6px;background:#ffffff0a;border-radius:4px;overflow:hidden;margin-top:6px;border:1px solid rgba(255,255,255,.02)}.progress-bar{height:100%;background:var(--gradient-primary, linear-gradient(135deg, #82e022, #bef264));border-radius:4px;box-shadow:0 0 6px #82e02266}.status-pill{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent}.status-pill.paid{background:#22c55e1a;color:var(--success-400, #4ade80);border-color:#22c55e26}.status-pill.partial{background:#fbbf241a;color:var(--warning-400, #fbbf24);border-color:#fbbf2426}.status-pill.unpaid{background:#ef44441a;color:var(--error-400, #f87171);border-color:#ef444426}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a1aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop, 300);padding:20px}.modal-card{background:var(--bg-secondary, #0c0d12);border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-default, rgba(255, 255, 255, .1));box-shadow:var(--shadow-xl, 0 20px 48px rgba(0, 0, 0, .5));animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-card::-webkit-scrollbar{width:5px}.modal-card::-webkit-scrollbar-thumb{background:var(--border-default, rgba(255, 255, 255, .1));border-radius:10px}.modal-header{padding:20px 24px;background:var(--surface-2, rgba(255, 255, 255, .04));border-bottom:1px solid var(--border-default, rgba(255, 255, 255, .1));display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.15rem;color:var(--text-primary, #ffffff);font-weight:800;letter-spacing:-.01em}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-tertiary, #64748b);cursor:pointer;line-height:1;transition:color .15s}.close-btn:hover{color:var(--error-400, #f87171)}.modal-form{padding:24px;display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.82rem;font-weight:700;color:var(--text-secondary, #cbd5e1);text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;background:var(--surface-1, rgba(255, 255, 255, .02));color:var(--text-primary, #ffffff);transition:all var(--transition-fast, .15s)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-500, #82e022);background:var(--surface-2, rgba(255, 255, 255, .05));box-shadow:0 0 0 3px #82e0221f}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.btn-secondary{background:var(--surface-2, rgba(255, 255, 255, .04));color:var(--text-primary, #ffffff);border:1px solid var(--border-default, rgba(255, 255, 255, .1));padding:10px 18px;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--surface-3, rgba(255, 255, 255, .08));border-color:var(--border-strong, rgba(255, 255, 255, .2))}.btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #82e022 0%, #bef264 100%));color:var(--text-inverse, #0a0a1a);border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-glow-primary, 0 0 10px rgba(130, 224, 34, .15));transition:all .2s}.btn-primary:hover{box-shadow:0 0 18px #82e02259;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;transform:none;box-shadow:none;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:12px}}.help-text{font-size:.74rem;color:var(--text-tertiary, #64748b);margin-top:4px}.fees-repeater-container{border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:8px;padding:16px;background:#00000026;margin-top:6px}.repeater-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeater-header h4{font-size:.84rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.repeater-item{display:grid;grid-template-columns:1fr 1.5fr 1.5fr auto;gap:12px;align-items:flex-end;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.repeater-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.btn-delete-row{background:#ef444414;color:var(--error-400, #f87171);border:1px solid rgba(239,68,68,.15);border-radius:6px;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.btn-delete-row:hover{background:#ef44442e;border-color:var(--error-500);color:#fff}.btn-add-row{display:inline-flex;align-items:center;gap:6px;background:#82e02214;color:var(--primary-400, #a3e635);border:1px dashed rgba(130,224,34,.25);border-radius:6px;padding:8px 12px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;margin-top:10px;width:fit-content}.btn-add-row:hover{background:#82e02226;border-color:var(--primary-500, #82e022)}.registration-success-details{background:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.credential-item{display:flex;align-items:center;justify-content:space-between;background:#0003;border:1px dashed rgba(255,255,255,.1);padding:10px 14px;border-radius:6px}.credential-label{font-size:.74rem;color:var(--text-tertiary);font-weight:700;text-transform:uppercase}.credential-value{font-family:var(--font-mono, monospace);font-weight:700;color:var(--primary-400);font-size:.9rem}.btn-copy{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .1));padding:6px 12px;border-radius:6px;font-size:.78rem;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .15s}.btn-copy:hover{background:var(--surface-3, rgba(255, 255, 255, .08));border-color:var(--primary-500, #82e022)}.loading-state,.empty-state{text-align:center;padding:64px 32px;color:var(--text-secondary, #94a3b8);background:var(--surface-glass, rgba(255, 255, 255, .03));border-radius:16px;border:1px solid var(--surface-glass-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.empty-state svg{color:var(--success-400, #4ade80);opacity:.85;margin-bottom:4px}.loading-state svg{color:var(--primary-500, #82e022)}@media (max-width: 768px){.telecaller-header-card{flex-direction:column;align-items:flex-start;padding:0 0 16px}.telecaller-header-card>div[style*="display: flex"]{width:100%;justify-content:space-between;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.filter-sort-bar{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-export{width:100%;justify-content:center;margin-left:0}.telecaller-table th,.telecaller-table td{padding:12px 14px}}.dashboard-tabs{display:flex;gap:8px;margin:20px 0;padding:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:fit-content}.tab-btn{padding:10px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #94a3b8);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.tab-btn.active{color:var(--text-inverse, #0a0a1a)!important;background:linear-gradient(135deg,#82e022,#bef264);box-shadow:0 0 10px #82e02226;font-weight:700}:root{--primary-50: #f7fee7;--primary-100: #ecfccb;--primary-200: #d9f99d;--primary-300: #bef264;--primary-400: #a3e635;--primary-500: #82e022;--primary-600: #65a30d;--primary-700: #4d7c0f;--primary-800: #3f6212;--primary-900: #365314;--accent-400: #a3e635;--accent-500: #82e022;--accent-600: #65a30d;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--bg-primary: #0a0a1a;--bg-secondary: #0f0f2e;--bg-tertiary: #141432;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--surface-glass: rgba(255, 255, 255, .04);--surface-glass-border: rgba(255, 255, 255, .08);--surface-glass-hover: rgba(255, 255, 255, .07);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-inverse: #0f172a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-focus: var(--primary-500);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--shadow-glow-primary: 0 0 20px rgba(130, 224, 34, .3);--shadow-glow-success: 0 0 20px rgba(34, 197, 94, .3);--shadow-glow-error: 0 0 20px rgba(239, 68, 68, .3);--gradient-primary: linear-gradient(135deg, #82e022, #a3e635, #bef264);--gradient-accent: linear-gradient(135deg, #a3e635, #82e022);--gradient-success: linear-gradient(135deg, #22c55e, #4ade80);--gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-surface: linear-gradient(135deg, rgba(130, 224, 34, .05), rgba(163, 230, 53, .05));--gradient-bg: linear-gradient(180deg, #0c0d12 0%, #0c0d12 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 230px;--sidebar-collapsed-width: 64px;--header-height: 56px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--surface-1: rgba(0, 0, 0, .02);--surface-2: rgba(0, 0, 0, .04);--surface-3: rgba(0, 0, 0, .06);--surface-glass: rgba(255, 255, 255, .7);--surface-glass-border: rgba(0, 0, 0, .08);--surface-glass-hover: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border-subtle: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--shadow-glow-primary: 0 0 20px rgba(130, 224, 34, .15);--gradient-surface: linear-gradient(135deg, rgba(130, 224, 34, .03), rgba(163, 230, 53, .03));--gradient-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--gradient-bg);background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{color:var(--primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-300)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card--flat{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-2)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm),0 0 #6366f100}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md),var(--shadow-glow-primary);transform:translateY(-1px)}.btn--secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.btn--danger:hover:not(:disabled){box-shadow:var(--shadow-md),var(--shadow-glow-error);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--icon{padding:var(--space-3);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge--success{background:#10b9811f;color:var(--success-400);border:1px solid rgba(16,185,129,.2)}.badge--warning{background:#f59e0b1f;color:var(--warning-400);border:1px solid rgba(245,158,11,.2)}.badge--error{background:#f43f5e1f;color:var(--error-400);border:1px solid rgba(244,63,94,.2)}.badge--info{background:#3b82f61f;color:var(--info-400);border:1px solid rgba(59,130,246,.2)}.badge--pending{background:#8b5cf61f;color:var(--primary-300);border:1px solid rgba(139,92,246,.2)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126;background:var(--surface-2)}.input::placeholder{color:var(--text-muted)}.input--error{border-color:var(--error-500)}.input--error:focus{box-shadow:0 0 0 3px #f43f5e26}.input-error-text{font-size:var(--text-xs);color:var(--error-400)}.input-with-icon{position:relative;display:flex;align-items:stretch}.input-with-icon .input{flex:1;min-width:0;padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.table-container{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-subtle)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*{animation-fill-mode:both}.skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-3) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--text{height:1em;width:80%;margin-bottom:var(--space-2)}.skeleton--title{height:1.5em;width:50%;margin-bottom:var(--space-4)}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--card{height:120px;border-radius:var(--radius-xl)}.skeleton--button{height:40px;width:120px;border-radius:var(--radius-lg)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;flex-shrink:0}.status-dot--success{background:var(--success-500);box-shadow:0 0 6px var(--success-500)}.status-dot--warning{background:var(--warning-500);box-shadow:0 0 6px var(--warning-500)}.status-dot--error{background:var(--error-500);box-shadow:0 0 6px var(--error-500)}.status-dot--info{background:var(--info-500);box-shadow:0 0 6px var(--info-500)}.status-dot--pulse{animation:pulse 2s infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-base) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-subtle)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .6s linear infinite}.spinner--sm{width:14px;height:14px;border-width:2px}.spinner--lg{width:32px;height:32px;border-width:3px}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;gap:var(--space-4)}.empty-state__icon,.error-state__icon{width:64px;height:64px;color:var(--text-muted);opacity:.5}.empty-state__title,.error-state__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.empty-state__description,.error-state__description{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.stat-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-card--primary:before{background:var(--gradient-primary)}.stat-card--success:before{background:var(--gradient-success)}.stat-card--warning:before{background:var(--gradient-warm)}.stat-card--info:before{background:var(--gradient-accent)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.stat-card__value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);animation:countUp var(--transition-slow) ease-out}.stat-card__change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-2)}.stat-card__change--up{color:var(--success-400)}.stat-card__change--down{color:var(--error-400)}.stat-card__icon{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-tertiary)}.page{animation:fadeIn var(--transition-base) ease-out}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}@media (max-width: 768px){:root{--sidebar-width: 0px}.stats-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.main-content-card ::-webkit-scrollbar{width:4px;height:4px}.main-content-card ::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:10px}[data-theme=dark] .main-content-card ::-webkit-scrollbar-thumb{background:#ffffff1a!important}.main-content-card h1,.main-content-card h2,.main-content-card h3,.main-content-card h4,.main-content-card h5,.main-content-card h6{color:#111827!important;font-family:var(--font-sans);letter-spacing:-.02em}[data-theme=dark] .main-content-card h1,[data-theme=dark] .main-content-card h2,[data-theme=dark] .main-content-card h3,[data-theme=dark] .main-content-card h4,[data-theme=dark] .main-content-card h5,[data-theme=dark] .main-content-card h6{color:#f9fafb!important}.main-content-card .card{background:#fff!important;border:1px solid #eef2f6!important;box-shadow:0 4px 12px #00000004!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:20px!important;padding:1.5rem!important;color:#4b5563!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}[data-theme=dark] .main-content-card .card{background:#14151b!important;border:1px solid #22232e!important;box-shadow:0 6px 20px #0003!important;color:#9ca3af!important}.main-content-card .stat-card{position:relative!important;background:#fff!important;border:1px solid #eef2f6!important;border-radius:20px!important;padding:1.5rem!important;box-shadow:0 4px 12px #00000004!important;display:flex!important;flex-direction:column!important;transform:none!important;overflow:visible!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}[data-theme=dark] .main-content-card .stat-card{background:#14151b!important;border:1px solid #22232e!important;box-shadow:0 6px 20px #0003!important}.main-content-card .stat-card:hover{transform:translateY(-4px)!important;border-color:#82e02266!important;box-shadow:0 12px 24px #82e02214!important}[data-theme=dark] .main-content-card .stat-card:hover{border-color:#82e02280!important;box-shadow:0 12px 30px #82e0222e!important}.main-content-card .stat-card--primary:hover{border-color:#82e02273!important;box-shadow:0 12px 24px #82e0221f!important}[data-theme=dark] .main-content-card .stat-card--primary:hover{border-color:#82e02299!important;box-shadow:0 12px 30px #82e02238!important}.main-content-card .stat-card--success:hover{border-color:#22c55e73!important;box-shadow:0 12px 24px #22c55e1f!important}[data-theme=dark] .main-content-card .stat-card--success:hover{border-color:#22c55e99!important;box-shadow:0 12px 30px #22c55e38!important}.main-content-card .stat-card--warning:hover{border-color:#eab30873!important;box-shadow:0 12px 24px #eab3081f!important}[data-theme=dark] .main-content-card .stat-card--warning:hover{border-color:#eab30899!important;box-shadow:0 12px 30px #eab30838!important}.main-content-card .stat-card--info:hover{border-color:#38bdf873!important;box-shadow:0 12px 24px #38bdf81f!important}[data-theme=dark] .main-content-card .stat-card--info:hover{border-color:#38bdf899!important;box-shadow:0 12px 30px #38bdf838!important}.main-content-card .stat-card:before{display:none!important}.main-content-card .stat-card__label{order:1!important;font-size:12px!important;font-weight:600!important;color:#8a8f99!important;text-transform:none!important;letter-spacing:normal!important;margin-bottom:.75rem!important}[data-theme=dark] .main-content-card .stat-card__label{color:#8a8f99!important}.main-content-card .stat-card__icon{order:2!important;position:absolute!important;top:1.5rem!important;right:1.5rem!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#f9fafb!important;border:1px solid #eef2f6!important;color:#4b5563!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px #00000003!important}[data-theme=dark] .main-content-card .stat-card__icon{background:#20212a!important;border:1px solid #22232e!important;color:#d1d5db!important;box-shadow:none!important}.main-content-card .stat-card__value{order:3!important;font-size:22px!important;font-weight:700!important;color:#111827!important;margin-bottom:.25rem!important;letter-spacing:-.02em!important}[data-theme=dark] .main-content-card .stat-card__value{color:#fff!important}.main-content-card .stat-card__change{order:4!important;font-size:11.5px!important;font-weight:500!important;margin-top:0!important;color:#9ca3af!important}.main-content-card .stat-card__change--up{color:#22c55e!important}.main-content-card .stat-card__change--down{color:#ef4444!important}.main-content-card .card--interactive{border-radius:18px!important;background:#fff!important;border:1px solid #f0f0f5!important;box-shadow:0 3px 10px #00000003!important;padding:1rem!important}[data-theme=dark] .main-content-card .card--interactive{background:#1a1b24!important;border:1px solid #282937!important}.main-content-card .card--interactive:hover{border-color:#82e022!important;box-shadow:0 6px 20px #82e0221a!important;transform:translateY(-2px)!important}.main-content-card .page-title{color:#111827!important;font-size:22px!important;font-weight:600!important}[data-theme=dark] .main-content-card .page-title{color:#fff!important}.main-content-card .page-subtitle{color:#6b7280!important;font-size:13px!important}[data-theme=dark] .main-content-card .page-subtitle{color:#9ca3af!important}.main-content-card .section-title{color:#111827!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.01em!important}[data-theme=dark] .main-content-card .section-title{color:#fff!important}.main-content-card .table-container{background:#fff!important;border:1px solid #f0f0f5!important;border-radius:18px!important}[data-theme=dark] .main-content-card .table-container{background:#1a1b24!important;border:1px solid #282937!important}.main-content-card .table th{background:#f9fafb!important;color:#6b7280!important;border-bottom:1px solid #f0f0f5!important;padding:.75rem 1rem!important;font-size:11px!important}[data-theme=dark] .main-content-card .table th{background:#20212a!important;color:#9ca3af!important;border-bottom:1px solid #282937!important}.main-content-card .table td{color:#4b5563!important;border-bottom:1px solid #f0f0f5!important;padding:.75rem 1rem!important;font-size:13px!important}[data-theme=dark] .main-content-card .table td{color:#d1d5db!important;border-bottom:1px solid #282937!important}.main-content-card .table tbody tr:hover{background:#f9fafb!important}[data-theme=dark] .main-content-card .table tbody tr:hover{background:#20212a!important}.main-content-card .input{background:#f9fafb!important;border:1px solid #e2e8f0!important;color:#111827!important;border-radius:10px!important;padding-top:.55rem!important;padding-bottom:.55rem!important;padding-right:.85rem!important;padding-left:.85rem;font-size:14px!important}[data-theme=dark] .main-content-card .input{background:#20212a!important;border:1px solid #282937!important;color:#fff!important}.main-content-card .input:focus{border-color:#82e022!important;box-shadow:0 0 0 3px #82e0221a!important}.main-content-card .input-with-icon .input{padding-left:2.5rem!important}.main-content-card .status-dot{width:7px!important;height:7px!important}.main-content-card .status-dot--pulse{animation:none!important}.main-content-card .quick-action-card{display:flex!important;align-items:center!important;gap:var(--space-3)!important;padding:var(--space-3) var(--space-4)!important;text-decoration:none!important;border-radius:14px!important;background:#fff!important;border:1px solid #eef2f6!important;box-shadow:0 2px 8px #00000003!important;transition:all var(--transition-fast) ease-out!important}[data-theme=dark] .main-content-card .quick-action-card{background:#14151b!important;border:1px solid #22232e!important}.main-content-card .quick-action-card:hover{transform:translateY(-2px)!important;border-color:var(--primary-400)!important;box-shadow:0 6px 16px #82e0221a!important}[data-theme=dark] .main-content-card .quick-action-card:hover{border-color:var(--primary-400)!important;box-shadow:0 6px 20px #82e02226!important}.main-content-card .audit-list-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:var(--space-3) var(--space-4)!important;border-bottom:1px solid var(--border-subtle)!important;font-size:var(--text-xs)!important;transition:all var(--transition-fast) ease-out!important}.main-content-card .audit-list-item:hover{background:var(--surface-2)!important;transform:translate(4px)}.main-content-card .audit-list-item:last-child{border-bottom:none!important}.db-root{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem;animation:fadeIn .25s ease-out}.db-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.db-title{font-size:1.375rem!important;font-weight:700!important;color:#111827!important;letter-spacing:-.025em!important;line-height:1.2!important;margin:0!important}[data-theme=dark] .db-title{color:#f9fafb!important}.db-subtitle{font-size:.8125rem;color:#9ca3af;margin-top:3px;font-weight:400}.db-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.db-refresh-btn:hover:not(:disabled){background:#f9fafb;color:#374151;border-color:#d1d5db}.db-refresh-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .db-refresh-btn{border-color:#374151;color:#9ca3af}[data-theme=dark] .db-refresh-btn:hover:not(:disabled){background:#1f2937;color:#f3f4f6;border-color:#4b5563}.db-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.db-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.db-kpi-grid{grid-template-columns:1fr}}.db-kpi{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 20px #00000005,inset 0 1px #fff9;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=dark] .db-kpi{background:#ffffff05!important;border-color:#ffffff0a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff0d}.db-kpi:after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;filter:blur(50px);opacity:.15;transition:opacity .3s ease;pointer-events:none}.db-kpi--green:after{background:#22c55e}.db-kpi--amber:after{background:#f59e0b}.db-kpi--blue:after{background:#3b82f6}.db-kpi--purple:after{background:#8b5cf6}.db-kpi:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #0000000f,inset 0 1px #fffc}[data-theme=dark] .db-kpi:hover{box-shadow:0 16px 36px #00000059,inset 0 1px #ffffff1a;border-color:#ffffff14!important}.db-kpi:hover:after{opacity:.25}.db-kpi--green{border-left:4px solid #22c55e!important}.db-kpi--amber{border-left:4px solid #f59e0b!important}.db-kpi--blue{border-left:4px solid #3b82f6!important}.db-kpi--purple{border-left:4px solid #8b5cf6!important}.db-kpi__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.db-kpi__label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.055em;color:#9ca3af}.db-kpi__icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-kpi__icon--green{background:#22c55e1a;color:#16a34a}.db-kpi__icon--amber{background:#f59e0b1a;color:#d97706}.db-kpi__icon--blue{background:#3b82f61a;color:#2563eb}.db-kpi__icon--purple{background:#8b5cf61a;color:#7c3aed}[data-theme=dark] .db-kpi__icon--green{background:#22c55e26;color:#4ade80}[data-theme=dark] .db-kpi__icon--amber{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .db-kpi__icon--blue{background:#3b82f626;color:#60a5fa}[data-theme=dark] .db-kpi__icon--purple{background:#8b5cf626;color:#a78bfa}.db-kpi__value{font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.03em;line-height:1.1}[data-theme=dark] .db-kpi__value{color:#f9fafb}.db-kpi__sub{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:3px}.db-kpi__sub--up{color:#16a34a}[data-theme=dark] .db-kpi__sub--up{color:#4ade80}.db-progress-track{height:4px;background:#f3f4f6;border-radius:99px;overflow:hidden;margin-top:6px}[data-theme=dark] .db-progress-track{background:#2d2f3e}.db-progress-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.db-progress-fill--purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.db-enroll-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.db-enroll-pill{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:.875rem 1.25rem;box-shadow:0 4px 12px #00000005,inset 0 1px #fff9;min-width:160px;transition:all .2s ease}.db-enroll-pill:hover{box-shadow:0 6px 16px #0000000d;transform:translateY(-2px)}[data-theme=dark] .db-enroll-pill{background:#ffffff05!important;border-color:#ffffff0a!important;box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff0d}.db-enroll-pill__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-enroll-pill__icon--green{background:#22c55e1a;color:#16a34a}.db-enroll-pill__icon--red{background:#ef44441a;color:#dc2626}[data-theme=dark] .db-enroll-pill__icon--green{background:#22c55e26;color:#4ade80}[data-theme=dark] .db-enroll-pill__icon--red{background:#ef444426;color:#f87171}.db-enroll-pill__num{font-size:1.25rem;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1.1;display:flex;align-items:baseline;gap:8px}[data-theme=dark] .db-enroll-pill__num{color:#f9fafb}.db-enroll-pill__num--red{color:#dc2626}[data-theme=dark] .db-enroll-pill__num--red{color:#f87171}.db-enroll-pill__rate{font-size:10.5px;font-weight:600;color:#ef4444;background:#ef444414;border-radius:5px;padding:1px 6px}.db-enroll-pill__lbl{font-size:11px;color:#9ca3af;margin-top:1px}.db-quick-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-wrap:wrap}.db-qa-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px!important;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 6px #00000005}.db-qa-btn:hover{color:var(--qa-color, #82e022);border-color:var(--qa-color, #82e022);background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #82e0221f}[data-theme=dark] .db-qa-btn{background:#ffffff05;border-color:#ffffff0f;color:#d1d5db}[data-theme=dark] .db-qa-btn:hover{background:#82e0220a;color:var(--qa-color, #82e022);border-color:var(--qa-color, #82e022);box-shadow:0 6px 20px #82e0222e}.db-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.db-bottom-grid{grid-template-columns:1fr}}.db-panel{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000005,inset 0 1px #fff9;transition:all .25s ease}[data-theme=dark] .db-panel{background:#ffffff03!important;border-color:#ffffff0a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 32px #00000040,inset 0 1px #ffffff0a}.db-panel__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6}[data-theme=dark] .db-panel__head{border-color:#1f2030}.db-panel__title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#374151}[data-theme=dark] .db-panel__title{color:#d1d5db}.db-panel__link{font-size:11.5px;font-weight:500;color:#82e022;text-decoration:none;transition:opacity .15s}.db-panel__link:hover{opacity:.75}.db-dept-list{display:flex;flex-direction:column;padding:.75rem 1.25rem;gap:1.125rem}.db-dept-item{display:flex;flex-direction:column;gap:6px}.db-dept-item__header{display:flex;align-items:center;gap:8px}.db-dept-item__code{font-size:10.5px;font-weight:700;color:#9ca3af;background:#f3f4f6;border-radius:5px;padding:1px 7px;letter-spacing:.04em;flex-shrink:0}[data-theme=dark] .db-dept-item__code{background:#22232e;color:#6b7280}.db-dept-item__name{font-size:12.5px;font-weight:500;color:#374151;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-theme=dark] .db-dept-item__name{color:#d1d5db}.db-dept-item__pct{font-size:12px;font-weight:700;color:#22c55e;flex-shrink:0}.db-dept-bar-track{height:6px;background:#f3f4f6;border-radius:99px;display:flex;overflow:hidden}[data-theme=dark] .db-dept-bar-track{background:#22232e}.db-dept-bar{height:100%;transition:width .7s cubic-bezier(.16,1,.3,1)}.db-dept-bar--col{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:99px 0 0 99px}.db-dept-bar--out{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:0 99px 99px 0}.db-dept-item__amounts{display:flex;gap:12px}.db-dept-item__amt{font-size:10.5px;color:#9ca3af}.db-dept-item__amt--col{color:#16a34a;font-weight:500}.db-dept-item__amt--out{color:#d97706;font-weight:500}[data-theme=dark] .db-dept-item__amt--col{color:#4ade80}[data-theme=dark] .db-dept-item__amt--out{color:#fbbf24}.db-audit-list{display:flex;flex-direction:column}.db-audit-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;border-bottom:1px solid #f3f4f6;transition:background .15s ease}.db-audit-item:last-child{border-bottom:none}.db-audit-item:hover{background:#f9fafb}[data-theme=dark] .db-audit-item{border-color:#1f2030}[data-theme=dark] .db-audit-item:hover{background:#1a1b24}.db-audit-item__icon{width:30px;height:30px;border-radius:8px;background:#22c55e14;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .db-audit-item__icon{background:#22c55e1f;color:#4ade80}.db-audit-item__body{flex:1;min-width:0}.db-audit-item__name{font-size:13px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .db-audit-item__name{color:#e5e7eb}.db-audit-item__meta{font-size:11px;color:#9ca3af;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-audit-item__right{text-align:right;flex-shrink:0}.db-audit-item__amount{font-size:13px;font-weight:700;color:#16a34a;font-variant-numeric:tabular-nums}[data-theme=dark] .db-audit-item__amount{color:#4ade80}.db-audit-item__date{font-size:10.5px;color:#9ca3af;margin-top:1px}.main-content-card .reports-hero{background:linear-gradient(135deg,#0b1329,#1a273e,#0b1329)!important;border-radius:24px!important;padding:40px 48px!important;margin-bottom:32px!important;box-shadow:0 25px 50px -12px #0006,inset 0 1px #ffffff26!important;border:1px solid rgba(255,255,255,.08)!important;position:relative!important;overflow:hidden!important}.reports-hero:before{content:""!important;position:absolute!important;top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%)!important;pointer-events:none!important;animation:pulse-glow 8s infinite alternate!important}.reports-hero:after{content:""!important;position:absolute!important;bottom:-150px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)!important;pointer-events:none!important;animation:pulse-glow 12s infinite alternate-reverse!important}@keyframes pulse-glow{0%{transform:scale(1) translate(0);opacity:.6}to{transform:scale(1.2) translate(20px,-20px);opacity:.9}}.main-content-card .reports-hero h1.reports-hero-title{color:#fff!important;font-family:var(--font-sans)!important;font-weight:900!important;font-size:36px!important;letter-spacing:-.03em!important;text-shadow:0 4px 12px rgba(0,0,0,.3)!important}.main-content-card .reports-hero p.reports-hero-desc{color:#cbd5e1!important;font-size:15px!important;font-weight:500!important;line-height:1.6!important;max-width:600px!important}.reports-tabs-container{display:flex!important;gap:16px!important;margin-top:36px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.1)!important}.reports-tab-btn{display:flex!important;align-items:center!important;gap:10px!important;border-radius:12px!important;padding:12px 24px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.reports-tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:none!important;box-shadow:0 10px 20px #2563eb59!important}.reports-tab-btn.inactive{background:#ffffff0a!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.08)!important}.reports-tab-btn.inactive:hover{background:#ffffff14!important;color:#fff!important;transform:translateY(-2px)!important}.main-content-card .reports-stat-card{position:relative!important;background:#fff!important;border:1px solid #eef2f6!important;border-radius:24px!important;padding:28px!important;box-shadow:0 10px 25px -5px #0f172a08,0 8px 16px -6px #0f172a05!important;display:flex!important;flex-direction:column!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;overflow:hidden!important}[data-theme=dark] .main-content-card .reports-stat-card{background:#14151b!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 20px 40px -10px #0000004d!important}.main-content-card .reports-stat-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 35px -10px #0f172a14!important;border-color:#cbd5e1!important}[data-theme=dark] .main-content-card .reports-stat-card:hover{border-color:#ffffff26!important;box-shadow:0 30px 50px -10px #00000080!important}.reports-stat-card:before{content:""!important;position:absolute!important;top:0;left:0;width:100%;height:5px;background:transparent!important}.reports-stat-card.card-collection:before{background:linear-gradient(90deg,#10b981,#34d399)!important}.reports-stat-card.card-outstanding:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)!important}.reports-stat-card.card-adjustments:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important}.reports-stat-card.card-scholarships:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)!important}.reports-stat-label{font-size:12px!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#64748b!important;font-weight:800!important}[data-theme=dark] .reports-stat-label{color:#94a3b8!important}.reports-stat-value{font-size:32px!important;font-weight:900!important;margin:16px 0 8px!important;font-family:var(--font-mono)!important;letter-spacing:-.03em!important;line-height:1.1!important}.reports-stat-value.value-collection{color:#059669!important}[data-theme=dark] .reports-stat-value.value-collection{color:#34d399!important}.reports-stat-value.value-outstanding{color:#d97706!important}[data-theme=dark] .reports-stat-value.value-outstanding{color:#fbbf24!important}.reports-stat-value.value-adjustments{color:#2563eb!important}[data-theme=dark] .reports-stat-value.value-adjustments{color:#60a5fa!important}.reports-stat-value.value-scholarships{color:#7c3aed!important}[data-theme=dark] .reports-stat-value.value-scholarships{color:#a78bfa!important}.reports-card-sparkline{margin-top:12px!important;height:35px!important;width:100%!important;opacity:.8!important;transition:all .3s ease!important}.reports-stat-card:hover .reports-card-sparkline{opacity:1!important;transform:scaleY(1.1)!important}.main-content-card .reports-panel-card{background:#fff!important;border:1px solid #eef2f6!important;border-radius:24px!important;padding:32px!important;box-shadow:0 10px 30px #0f172a05!important;margin-bottom:32px!important;transition:all .3s ease!important}[data-theme=dark] .main-content-card .reports-panel-card{background:#14151b!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 20px 40px -10px #0000004d!important}.pulse-badge{display:inline-flex!important;align-items:center!important;gap:6px!important}.pulse-dot{width:8px!important;height:8px!important;border-radius:50%!important;background-color:#10b981!important;box-shadow:0 0 #10b981b3!important;animation:pulse-green 1.5s infinite!important}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.reports-table-container{overflow:hidden!important;border-radius:16px!important;border:1px solid #cbd5e1!important;margin-top:16px!important}[data-theme=dark] .reports-table-container{border-color:#ffffff14!important}.reports-table{width:100%!important;border-collapse:collapse!important;font-size:14px!important}.reports-table th{background:#f1f5f9!important;color:#475569!important;font-weight:800!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.5px!important;padding:16px 20px!important;border-bottom:2px solid #cbd5e1!important}[data-theme=dark] .reports-table th{background:#1a1b23!important;color:#94a3b8!important;border-bottom-color:#ffffff1a!important}.reports-table td{padding:16px 20px!important;border-bottom:1px solid #cbd5e1!important;color:#334155!important;transition:background-color .2s ease!important}[data-theme=dark] .reports-table td{border-bottom-color:#ffffff0d!important;color:#cbd5e1!important}.reports-table tbody tr:hover td{background-color:#f8fafc!important}[data-theme=dark] .reports-table tbody tr:hover td{background-color:#ffffff03!important}.reports-table tbody tr:last-child td{border-bottom:none!important}.reports-table-number{font-family:var(--font-mono)!important;font-weight:700!important}.reports-table-number.num-receivable{color:#334155!important}[data-theme=dark] .reports-table-number.num-receivable{color:#fff!important}.reports-table-number.num-received{color:#059669!important}[data-theme=dark] .reports-table-number.num-received{color:#34d399!important}.reports-table-number.num-suspense{color:#2563eb!important}[data-theme=dark] .reports-table-number.num-suspense{color:#38bdf8!important}.reports-table-number.num-due{color:#b45309!important}[data-theme=dark] .reports-table-number.num-due{color:#fbbf24!important}.app-layout{display:flex;min-height:100vh;background-color:#0c0d12!important}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:#090a0f!important;border-right:1px solid rgba(255,255,255,.04)!important;display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-slow),transform var(--transition-slow);overflow:hidden;box-shadow:4px 0 24px #00000040}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03)!important;min-height:var(--header-height);flex-shrink:0}.sidebar__brand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff!important;border-radius:var(--radius-md)!important;padding:3px;border:1px solid rgba(130,224,34,.4)!important;box-shadow:0 0 12px #82e02233;flex-shrink:0;transition:all var(--transition-base)}.sidebar__brand-text{font-weight:800;font-size:16px;background:linear-gradient(135deg,#fff 40%,#a3e635);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(130,224,34,.1);white-space:nowrap;overflow:hidden;transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar__brand-text{opacity:0}.sidebar__nav{flex:1;overflow-y:auto;padding:.75rem .5rem}.sidebar__section{margin-bottom:var(--space-4)}.sidebar__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280!important;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar__section-title{opacity:0;height:0;margin:0;padding:0}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;margin:2px 8px;border-radius:10px!important;color:#a3a3a3!important;font-size:13px;font-weight:500;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;overflow:hidden;position:relative}.sidebar__link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(.3);width:3px;height:16px;background:#82e022;border-radius:0 4px 4px 0;opacity:0;transition:all var(--transition-fast) ease}.sidebar__link:hover{background:#ffffff0a!important;color:#fff!important}.sidebar__link:hover:before{opacity:.5;transform:translateY(-50%) scaleY(.7)}.sidebar__link--active{background:linear-gradient(135deg,#82e02229,#82e0220a)!important;color:#82e022!important;border:1px solid rgba(130,224,34,.4)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 4px 16px #82e02226!important}.sidebar__link--active:before{opacity:1;transform:translateY(-50%) scaleY(1.1);box-shadow:0 0 8px #82e022}.sidebar__link--active:hover{background:linear-gradient(135deg,#82e02238,#82e02214)!important;color:#82e022!important;border-color:#82e0228c!important;box-shadow:0 4px 20px #82e02240!important}.sidebar__link--active .sidebar__link-icon{color:#82e022!important}.sidebar__link-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar__link-text{transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar__link-text{opacity:0}.sidebar__footer{border-top:none!important;padding:.75rem;flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px!important;background-color:#ffffff05!important;border:1px solid rgba(255,255,255,.04)!important;transition:all .2s ease;overflow:hidden}.sidebar__user:hover{background-color:#ffffff0d!important;border-color:#ffffff14!important;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.sidebar__avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary)!important;display:flex;align-items:center;justify-content:center;color:#0c0d12!important;font-weight:700;font-size:11px;flex-shrink:0;box-shadow:0 0 10px #82e02233!important}.sidebar__user-info{overflow:hidden;transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar__user-info{opacity:0}.sidebar__user-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:10px;color:#6b7280}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;min-width:0;transition:margin-left var(--transition-slow);background-color:#0c0d12!important}.sidebar--collapsed~.main-wrapper,.sidebar-collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width)}.main-content-card{flex:1;margin:12px 12px 12px 0;border-radius:28px!important;display:flex;flex-direction:column;overflow:hidden;min-width:0;background-color:#fff!important;color:#111827!important;box-shadow:0 4px 20px #00000026!important;transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] .main-content-card{background-color:#15161c!important;color:#f9fafb!important;box-shadow:0 4px 25px #0000004d!important}.header{position:sticky;top:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;z-index:var(--z-sticky);gap:var(--space-4)}.header__left{display:flex;align-items:center;gap:var(--space-4)}.header__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#0000000d!important;border-radius:var(--radius-md);color:#4b5563!important;cursor:pointer;transition:all var(--transition-fast) ease-out}[data-theme=dark] .header__toggle{background:#ffffff0d!important;color:#9ca3af!important}.header__toggle:hover{background:#00000014!important;color:var(--primary-600)!important;transform:scale(1.05)}[data-theme=dark] .header__toggle:hover{background:#ffffff14!important;color:var(--primary-400)!important}.header__breadcrumb{font-size:var(--text-sm);color:var(--text-tertiary)}.header__breadcrumb a{color:var(--text-tertiary)}.header__breadcrumb a:hover{color:var(--primary-400)}.header__right{display:flex;align-items:center;gap:var(--space-3)}.header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#00000008!important;border-radius:var(--radius-full)!important;color:#4b5563!important;cursor:pointer;transition:all var(--transition-fast) ease-out}[data-theme=dark] .header__icon-btn{background:#ffffff0d!important;color:#9ca3af!important}.header__icon-btn:hover{background:#0000000f!important;color:var(--primary-600)!important;transform:translateY(-2px);box-shadow:0 4px 10px #00000008}[data-theme=dark] .header__icon-btn:hover{background:#ffffff14!important;color:var(--primary-400)!important;box-shadow:0 4px 12px #00000026}.header__icon-btn .notification-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;background:#ef4444!important;border-radius:var(--radius-full);border:none!important}.content{flex:1;padding:var(--space-8);max-width:100%;width:100%;margin:0;overflow-y:auto;min-width:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sticky) - 1);animation:fadeIn var(--transition-fast) ease-out}@media (max-width: 768px){.sidebar{transform:translate(-100%);z-index:calc(var(--z-sticky) + 1)}.sidebar--mobile-open{transform:translate(0);width:var(--sidebar-width)}.sidebar--mobile-open~.sidebar-overlay{display:block}.main-wrapper{margin-left:0!important}.main-content-card{margin:8px!important;border-radius:20px!important}.content{padding:var(--space-4)}.header{padding:0 var(--space-4)}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar .sidebar__brand-text,.sidebar .sidebar__section-title,.sidebar .sidebar__link-text,.sidebar .sidebar__user-info{opacity:0}.main-wrapper{margin-left:var(--sidebar-collapsed-width)}.sidebar:hover{width:var(--sidebar-width)}.sidebar:hover .sidebar__brand-text,.sidebar:hover .sidebar__section-title,.sidebar:hover .sidebar__link-text,.sidebar:hover .sidebar__user-info{opacity:1}}.multi-select-container{position:relative;width:100%}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 16px;font-size:13.5px;font-weight:500;text-align:left;border-radius:12px!important;cursor:pointer;transition:all var(--transition-fast) ease;border:1px solid var(--border-default)!important;background:var(--surface-1)!important;color:var(--text-primary)!important}[data-theme=dark] .multi-select-trigger{border-color:#ffffff14!important;background:#ffffff08!important}.multi-select-trigger:hover{background:var(--surface-2)!important;border-color:var(--border-strong)!important}[data-theme=dark] .multi-select-trigger:hover{background:#ffffff0f!important;border-color:#ffffff26!important}.multi-select-trigger--open{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #82e02226}.multi-select-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.multi-select-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast) ease;flex-shrink:0}.multi-select-chevron--rotated{transform:rotate(180deg);color:var(--primary-500)}.multi-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:320px;border-radius:16px!important;z-index:999;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)!important;animation:slideDown .2s cubic-bezier(.16,1,.3,1) forwards;background:#fffffff2!important;border:1px solid var(--border-strong)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .multi-select-dropdown{background:#14151cf2!important;border:1px solid rgba(255,255,255,.08)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select-search-wrapper{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle);gap:8px}.multi-select-search-icon{color:var(--text-tertiary);flex-shrink:0}.multi-select-search-input{flex:1;background:transparent!important;border:none!important;outline:none!important;font-size:13px;color:var(--text-primary)!important;padding:4px 0;width:100%}.multi-select-search-input::placeholder{color:var(--text-muted)}.multi-select-clear-search{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background .15s}.multi-select-clear-search:hover{background:var(--surface-3);color:var(--text-primary)}.multi-select-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--surface-1);border-bottom:1px solid var(--border-subtle);gap:8px}.multi-select-action-btn{background:transparent;border:none;font-size:11px;font-weight:600;color:var(--primary-600);cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}[data-theme=dark] .multi-select-action-btn{color:var(--primary-400)}.multi-select-action-btn:hover{background:#82e0221a}.multi-select-action-btn--clear{color:var(--text-secondary)}.multi-select-action-btn--clear:hover{background:#0000000d;color:var(--text-primary)}[data-theme=dark] .multi-select-action-btn--clear:hover{background:#ffffff0d}.multi-select-options{flex:1;overflow-y:auto;max-height:200px;padding:6px}.multi-select-empty{padding:20px;text-align:center;font-size:12.5px;color:var(--text-tertiary)}.multi-select-option{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;gap:10px;margin-bottom:2px}.multi-select-option:hover{background:var(--surface-2)}.multi-select-option--selected{background:#82e02214!important}[data-theme=dark] .multi-select-option--selected{background:#82e0221f!important}.multi-select-checkbox-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.multi-select-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:transparent;background:transparent}.multi-select-checkbox--checked{background:var(--primary-500)!important;border-color:var(--primary-500)!important;color:#0c0d12!important}.multi-select-option-info{display:flex;flex-direction:column;min-width:0}.multi-select-option-name{font-size:12.5px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-option-sub{font-size:10.5px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.multi-select-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#82e02214!important;color:var(--primary-600)!important;border:1px solid rgba(130,224,34,.25)!important;border-radius:20px!important;font-size:11px;font-weight:500;transition:all .15s ease}[data-theme=dark] .multi-select-tag{background:#82e0221f!important;color:#82e022!important;border-color:#82e0224d!important}.multi-select-tag:hover{background:#82e0221f!important;border-color:#82e02266!important}[data-theme=dark] .multi-select-tag:hover{background:#82e0222e!important}.multi-select-tag-icon{opacity:.8;flex-shrink:0}.multi-select-tag-text{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-tag-remove{background:transparent;border:none;color:var(--primary-600);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:all .15s;margin-left:2px}[data-theme=dark] .multi-select-tag-remove{color:#82e022}.multi-select-tag-remove:hover{background:#82e02233;color:var(--text-primary)}