@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-synthesis:none;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--border-light: var(--slate-200);--border-medium: var(--slate-300);--border-strong: var(--slate-400);--text-primary: var(--slate-900);--text-secondary: var(--slate-600);--text-tertiary: var(--slate-500);--text-inverse: #ffffff;--background-primary: #ffffff;--background-secondary: #fafbfc;--background-tertiary: #f8fafc;--background-elevated: #ffffff;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -5px rgba(0, 0, 0, .04);--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100vh;min-height:100svh}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background:var(--background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:700;line-height:1.2;color:var(--text-primary);margin:0}h1{font-size:var(--font-size-4xl);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:1.6}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-700)}button{font-family:var(--font-family-base);font-size:var(--font-size-sm);cursor:pointer;border:none;background:none;transition:all var(--transition-base)}button:focus-visible{outline:2px solid var(--slate-400);outline-offset:2px;border-radius:var(--radius-md)}input,textarea,select{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--background-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--slate-400);box-shadow:0 0 0 3px #94a3b81a}input::placeholder,textarea::placeholder{color:var(--slate-400)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:var(--radius-sm);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--slate-300)}::selection{background:#3b82f633;color:var(--text-primary)}::-moz-selection{background:#3b82f633;color:var(--text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.w-full{width:100%}.h-full{height:100%}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--slate-400);outline-offset:2px}.login-page{--ibis-cream: #fffaf0;--ibis-gold: #ffbf24;--ibis-orange: #f59a00;width:100%;min-height:100vh;display:grid;grid-template-columns:56.5% 43.5%;overflow:hidden;color:#1f2023;background-color:var(--ibis-cream);background-image:url(/assets/ibis-login-background-DEKZzxtM.png);background-repeat:no-repeat;background-position:center;background-size:cover;font-family:Inter,Arial,sans-serif}.login-left-pane,.login-right-pane{position:relative;min-width:0;min-height:100vh}.login-left-pane{overflow:hidden}.login-branding-container{position:absolute;top:clamp(165px,21.7vh,234px);left:clamp(52px,4.6vw,88px);width:min(30.75vw,590px);height:min(37vw,400px)}.login-left-logo{width:100%;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;image-rendering:-webkit-optimize-contrast}.login-left-tagline{position:absolute;top:min(17.6vw,338px);left:0;width:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,1.7vw,32px);color:#e67300;font-size:clamp(15px,1.08vw,21px);font-weight:500;white-space:nowrap}.login-left-tagline:before,.login-left-tagline:after{content:"";width:clamp(52px,4.3vw,82px);height:1.5px;background-color:#e67300}.login-right-pane{display:flex;align-items:center;justify-content:center;padding:clamp(34px,5vh,74px) clamp(42px,5vw,96px) clamp(34px,5vh,74px) 0}.login-card-container{width:min(100%,730px);min-height:min(76.3vh,824px);padding:clamp(54px,6.6vh,78px) clamp(58px,5.3vw,92px) clamp(36px,4.3vh,52px);display:flex;flex-direction:column;background-color:#fffffffa;border:1px solid rgba(255,255,255,.96);border-radius:clamp(24px,2vw,32px);box-shadow:0 28px 58px #48310e21,0 8px 20px #48310e14}.login-card-header{text-align:center}.login-card-title{margin:0;color:#050505;font-size:clamp(34px,2.65vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.04em}.login-card-subtitle{margin:clamp(14px,1.8vh,20px) 0 0;color:#667085;font-size:clamp(15px,1.16vw,21px);line-height:1.45}.login-heading-divider{margin:clamp(29px,4vh,43px) auto clamp(33px,4.4vh,48px);display:flex;align-items:center;justify-content:center;gap:10px}.login-heading-divider span{width:clamp(54px,5.5vw,90px);height:1px;background-color:#e3e6eb}.login-heading-divider i{width:7px;height:7px;background-color:var(--ibis-orange);border-radius:50%}.login-form-fields{display:flex;flex-direction:column;gap:clamp(18px,2.3vh,27px)}.login-form-group{display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;z-index:1;left:clamp(22px,1.8vw,29px);width:clamp(22px,1.45vw,27px);height:clamp(22px,1.45vw,27px);color:#181818;pointer-events:none}.login-text-input{width:100%;height:clamp(68px,8.5vh,92px);padding:0 62px 0 clamp(66px,4.7vw,82px);color:#111827;background-color:#fff;border:1px solid #dce0e6;border-radius:14px;outline:none;font:inherit;font-size:clamp(15px,1.12vw,20px);transition:border-color .16s ease,box-shadow .16s ease}.login-text-input::placeholder{color:#737b8d}.login-text-input:focus{border-color:var(--ibis-orange);box-shadow:0 0 0 4px #f59a0021}.login-password-toggle{position:absolute;z-index:2;right:20px;width:42px;height:42px;display:grid;place-items:center;color:#6d7690;background:transparent;border:0;border-radius:8px;cursor:pointer}.login-password-toggle svg{width:26px;height:26px}.login-password-toggle:focus-visible,.login-submit-btn:focus-visible{outline:3px solid rgba(245,154,0,.34);outline-offset:3px}.login-submit-btn{width:100%;height:clamp(66px,8vh,87px);display:flex;align-items:center;justify-content:center;gap:clamp(18px,1.8vw,30px);color:#090909;background:linear-gradient(90deg,#ffb516,#ffc22f,#ffb414);border:0;border-radius:13px;box-shadow:0 9px 24px #f6ae0b2e;font:inherit;font-size:clamp(17px,1.28vw,23px);font-weight:700;cursor:pointer;transition:filter .16s ease,box-shadow .16s ease}.login-submit-btn:hover:not(:disabled){filter:brightness(.98);box-shadow:0 12px 28px #f6ae0b3d}.login-submit-arrow{width:clamp(22px,1.5vw,28px);height:clamp(22px,1.5vw,28px)}.login-submit-btn:disabled,.login-password-toggle:disabled{cursor:not-allowed;opacity:.62}.login-error-alert{margin:-24px 0 20px;padding:12px 15px;color:#b42318;background-color:#fff3f1;border:1px solid #f4c7c2;border-radius:10px;font-size:13px;line-height:1.4}@media(max-height:850px)and (min-width:901px){.login-card-container{min-height:min(88vh,700px);padding-top:38px;padding-bottom:28px}.login-heading-divider{margin-top:24px;margin-bottom:27px}}@media(max-width:1100px){.login-page{grid-template-columns:46% 54%}.login-branding-container{top:18vh;left:4vw;width:40vw;height:42vw}.login-left-tagline{top:23vw}.login-right-pane{padding-right:34px;padding-left:34px}.login-card-container{padding-right:46px;padding-left:46px}}@media(max-width:900px){.login-page{min-height:100vh;grid-template-columns:1fr;overflow-y:auto;background-position:42% center}.login-left-pane,.login-right-pane{min-height:auto}.login-left-pane{min-height:310px}.login-branding-container{position:relative;top:auto;left:auto;width:min(68%,430px);height:290px;margin:12px auto 0}.login-left-tagline{top:245px}.login-right-pane{min-height:710px;padding:32px 20px 48px}.login-card-container{width:min(100%,620px);min-height:650px;padding:46px 36px 30px}}@media(max-width:520px){.login-left-pane{min-height:240px}.login-branding-container{width:min(94%,380px);height:220px}.login-left-tagline{top:204px;gap:10px;font-size:13px}.login-left-tagline:before,.login-left-tagline:after{width:38px}.login-right-pane{min-height:650px;padding:24px 12px 36px}.login-card-container{min-height:610px;padding:36px 22px 26px;border-radius:24px}.login-card-title{font-size:31px}.login-heading-divider{margin:26px auto 30px}.login-text-input,.login-submit-btn{height:64px}}@media(prefers-reduced-motion:reduce){.login-text-input,.login-submit-btn{transition:none}}.course-dashboard-container{display:flex;height:100vh;overflow:hidden;background:#fff;color:var(--slate-900);font-family:Inter,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafbfc}.top-navbar{height:64px;background:#fff;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;flex-shrink:0;box-shadow:0 1px 3px #0000000d}.top-navbar-account{display:flex;align-items:center;gap:10px}.top-navbar-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px}.top-navbar-profile .profile{display:flex;align-items:center;gap:12px}.top-navbar-profile .profile-avatar{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:var(--slate-600);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px}.top-navbar-profile .profile-name{font-size:14px;font-weight:600;color:var(--slate-900)}.top-navbar-logout{min-height:38px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#b42318;background:#fff5f4;border:1px solid #fecdca;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.top-navbar-logout svg{width:17px;height:17px}.top-navbar-logout:hover,.top-navbar-logout:focus-visible{color:#fff;background:#dc2626;outline:none}.dashboard-body{padding:32px 40px 48px;max-width:1600px;width:100%;margin:0 auto;flex:1;overflow-y:auto}.dashboard-body::-webkit-scrollbar{width:8px}.dashboard-body::-webkit-scrollbar-track{background:transparent}.dashboard-body::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:4px}.dashboard-body::-webkit-scrollbar-thumb:hover{background:var(--slate-300)}@media(max-width:1200px){.dashboard-body{max-width:100%;padding:28px 32px 40px}}@media(max-width:960px){.top-navbar{padding:0 20px;height:60px}.dashboard-body{padding:24px 24px 32px}}@media(max-width:640px){.top-navbar{height:56px;padding:0 16px}.top-navbar-profile .profile-name,.profile-dropdown-icon{display:none}.top-navbar-profile .profile-avatar{width:28px;height:28px;font-size:12px}.dashboard-body{padding:20px 16px 24px}}@media(max-width:480px){.top-navbar{padding:0 12px;height:52px}.dashboard-body{padding:16px 12px 20px}}.sidebar{width:260px;height:100vh;background-color:#031530;color:#fff;display:flex;flex-direction:column;padding:24px 0 20px;border-right:1px solid #102a45;flex-shrink:0;overflow:hidden}.sidebar-header{display:flex;align-items:center;padding:0 24px;margin-bottom:48px;gap:12px}.sidebar-logo{height:38px;width:38px;border-radius:8px;object-fit:cover}.sidebar-brand-name{font-size:17px;font-weight:700;letter-spacing:.5px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:0 16px;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.1)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:#a3b8cc;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease,transform .2s ease;text-decoration:none}.sidebar-menu-item:hover{color:#fff;background-color:#ffffff0d}.sidebar-menu-item:active{transform:translateY(1px)}.sidebar-menu-item:focus-visible,.sidebar-submenu-item:focus-visible,.logout-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.sidebar-menu-item.active{background-color:#0b45ab;color:#fff;font-weight:600}.sidebar-menu-item[aria-expanded=true]{color:#fff;font-weight:600}.menu-icon{width:20px;height:20px;flex-shrink:0}i.menu-icon{display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.submenu-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s ease;flex-shrink:0}.submenu-chevron.open{transform:rotate(180deg)}.sidebar-submenu-item{margin:-2px 0 2px 32px;padding:10px 16px;background:transparent;border:none;border-radius:10px;color:#a3b8cc;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.sidebar-submenu-item:hover,.sidebar-submenu-item.active{color:#fff;background-color:#ffffff14}.sidebar-submenu-item:active{transform:translate(1px)}.sidebar-submenu-item .menu-icon{width:16px;height:16px;font-size:16px}.sidebar-submenu-parent{width:auto}.sidebar-submenu-parent[aria-expanded=true]{color:#fff;font-weight:600}.sidebar-nested-submenu-item{margin-left:56px;font-size:13px}.sidebar-footer{padding:0 16px;margin-top:auto}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:transparent;border:1px solid #1a365d;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#ffffff0d;border-color:#2c5282}.logout-btn:active{transform:translateY(1px)}.logout-icon{width:18px;height:18px}@media(max-width:820px){.sidebar{width:232px}.sidebar-header{padding:0 20px}.sidebar-nav{padding:0 12px}.sidebar-menu-item{padding:12px 14px;font-size:14px}.sidebar-submenu-item{margin-left:28px;padding:9px 14px;font-size:13px}.sidebar-nested-submenu-item{margin-left:48px;font-size:12px}}@media(max-width:640px){.sidebar{width:220px}.sidebar-brand-name{font-size:15px}.sidebar-menu-item,.logout-btn{font-size:13px;padding:10px 12px}.sidebar-submenu-item{margin-left:24px;padding:8px 12px;font-size:12px}.sidebar-nested-submenu-item{margin-left:42px;font-size:11px}}.logout-confirmation-backdrop{position:fixed;z-index:1050;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.logout-confirmation-modal{width:min(480px,100%);padding:40px;border-radius:24px;background:var(--glass-bg-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-premium-2xl);border:1px solid var(--border-light);text-align:center;animation:scaleIn .3s ease-out;position:relative;overflow:hidden}.logout-confirmation-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.5),transparent)}.logout-confirmation-icon{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--error-600);border:2px solid rgba(239,68,68,.2);box-shadow:0 4px 16px #ef444426;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logout-confirmation-icon svg{width:32px;height:32px;animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.logout-confirmation-modal h2{margin:0;color:var(--slate-900);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.3}.logout-confirmation-modal p{margin:16px 0 0;color:var(--slate-500);font-size:15px;line-height:1.6;font-weight:500}.logout-confirmation-actions{display:flex;justify-content:center;gap:14px;margin-top:32px}.logout-confirmation-actions button{min-width:140px;height:48px;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:0 24px;transition:all var(--transition-base);position:relative;overflow:hidden}.logout-go-back-button{border:1px solid var(--border-light);background:var(--background-elevated);color:var(--slate-600);box-shadow:var(--shadow-xs)}.logout-go-back-button:hover{background:#f8fafccc;border-color:var(--slate-300);color:var(--slate-700);transform:translateY(-1px);box-shadow:var(--shadow-premium-sm)}.logout-go-back-button:active{transform:translateY(0)}.logout-confirm-button{border:none;background:linear-gradient(135deg,var(--error-600) 0%,var(--error-500) 100%);color:#fff;box-shadow:0 4px 14px #ef44444d}.logout-confirm-button:hover{background:linear-gradient(135deg,var(--error-500) 0%,var(--error-400) 100%);box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}.logout-confirm-button:active{transform:translateY(0)}.logout-confirmation-actions button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:12px}@media(max-width:640px){.logout-confirmation-modal{padding:32px 28px;border-radius:20px}.logout-confirmation-icon{width:56px;height:56px}.logout-confirmation-icon svg{width:28px;height:28px}.logout-confirmation-modal h2{font-size:22px}.logout-confirmation-modal p{font-size:14px}.logout-confirmation-actions{flex-direction:column-reverse;gap:12px}.logout-confirmation-actions button{width:100%;min-width:auto}}@media(max-width:480px){.logout-confirmation-backdrop{padding:20px}.logout-confirmation-modal{padding:28px 24px;border-radius:16px}.logout-confirmation-modal h2{font-size:20px}}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-title{font-size:34px;font-weight:600;color:#1a202c;margin:0}.toolbar-actions{display:flex;align-items:center;gap:12px}.search-bar-wrapper{position:relative;display:flex;align-items:center}.search-bar-wrapper .search-icon{position:absolute;left:16px;width:18px;height:18px;color:#a0aec0}.search-bar-wrapper .search-input{width:300px;height:44px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding-left:44px;padding-right:16px;font-size:14px;outline:none;transition:all .2s ease}.search-bar-wrapper .search-input:focus{border-color:#0b45ab;box-shadow:0 0 0 3px #0b45ab1a}.new-entity-btn{height:44px;background-color:#0b45ab;color:#fff;border:none;border-radius:12px;padding:0 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.new-entity-btn:hover{background-color:#093c96}.table-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 28px #0315300d;border:1px solid #edf2f7;overflow:hidden;padding:0}.table-header{display:grid;grid-template-columns:2fr 1fr 210px;align-items:center;min-height:52px;padding:16px 32px;border-bottom:1px solid #edf2f7;font-size:13px;font-weight:600;color:#718096;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.loading-state,.empty-state{padding:48px 32px;text-align:center;font-size:15px;color:#718096}@media(max-width:760px){.table-header{grid-template-columns:1fr 180px;padding:16px 20px}.table-header .col-status{display:none}.toolbar,.toolbar-actions{align-items:stretch;flex-direction:column}.toolbar-actions,.search-bar-wrapper,.search-bar-wrapper .search-input,.new-entity-btn{width:100%}.page-title{font-size:28px}}.course-row{display:grid;grid-template-columns:2fr 1fr 210px;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border-light);transition:all var(--transition-base);position:relative}.course-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-500),var(--secondary-500));transform:scaleY(0);transition:transform var(--transition-base);border-radius:0 2px 2px 0}.course-row:hover{background:linear-gradient(90deg,#6366f108,#6366f103);transform:translate(2px);box-shadow:0 2px 8px #00000008}.course-row:hover:before{transform:scaleY(1)}.course-row:last-child{border-bottom:none}.course-name-col{display:flex;align-items:center;gap:16px}.course-avatar-circle{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);color:var(--primary-700);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;box-shadow:0 2px 8px #6366f126;transition:all var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.course-avatar-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.course-row:hover .course-avatar-circle{transform:scale(1.05);box-shadow:0 4px 12px #6366f140}.course-row:hover .course-avatar-circle:before{transform:translate(100%)}.course-title-label{font-size:15px;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.course-row:hover .course-title-label{color:var(--primary-700)}.status-pill-label{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base);position:relative}.status-pill-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-pill-label.active{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%);color:var(--success-700);border:1px solid rgba(34,197,94,.2);box-shadow:0 2px 8px #22c55e1a}.status-pill-label.inactive{background:linear-gradient(135deg,var(--error-100) 0%,var(--error-200) 100%);color:var(--error-700);border:1px solid rgba(239,68,68,.2);box-shadow:0 2px 8px #ef44441a}.status-pill-label.pending{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%);color:var(--warning-700);border:1px solid rgba(245,158,11,.2);box-shadow:0 2px 8px #f59e0b1a}.course-row:hover .status-pill-label{transform:scale(1.02);box-shadow:0 4px 12px #0000001f}.course-row-status-toggle{display:flex;align-items:center;gap:10px}.entity-status-modal{width:min(460px,calc(100vw - 32px))}.entity-status-modal-body{padding-top:26px;padding-bottom:26px}.entity-status-modal-body p{margin:0;color:var(--slate-600);font-size:14px;line-height:1.6}.course-action-col{display:flex;justify-content:flex-start;gap:8px}.action-edit-btn,.action-view-btn{display:flex;align-items:center;gap:6px;background:var(--background-elevated);border:1px solid var(--border-light);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--slate-600);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.action-edit-btn:hover,.action-view-btn:hover{border-color:var(--primary-400);color:var(--primary-600);background:#6366f10d;transform:translateY(-1px);box-shadow:0 2px 8px #6366f126}.action-edit-btn:active,.action-view-btn:active{transform:translateY(0)}.action-edit-btn:focus-visible,.action-view-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.edit-btn-icon,.view-btn-icon{width:14px;height:14px;transition:transform var(--transition-base)}.action-edit-btn:hover .edit-btn-icon,.action-view-btn:hover .view-btn-icon{transform:scale(1.15)}@media(max-width:1024px){.course-row{grid-template-columns:1.8fr 1fr 210px;padding:18px 24px}.course-avatar-circle{width:40px;height:40px;font-size:15px}}@media(max-width:768px){.course-row{grid-template-columns:1fr 180px;padding:16px 20px}.status-pill-label,.course-status-col{display:none}.course-name-col{gap:12px}.course-avatar-circle{width:36px;height:36px;font-size:14px}.action-edit-btn,.action-view-btn{padding:8px 14px;font-size:12px}}@media(max-width:480px){.course-row{padding:14px 16px}.course-title-label{font-size:14px}.action-edit-btn,.action-view-btn{padding:8px 12px}}.course-row.loading{opacity:.6;pointer-events:none}.course-row.loading .course-title-label{color:var(--slate-400)}.course-row.loading .course-avatar-circle{opacity:.5}.course-row:focus-within{background:#6366f10a;box-shadow:inset 0 0 0 1px #6366f133}.bundle-status-toggle-group{display:flex;flex-direction:column;gap:12px;margin-top:24px;animation:fadeIn .4s ease-out}.bundle-status-toggle-label{color:var(--slate-700);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bundle-status-toggle{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc99;border-radius:12px;border:1px solid var(--border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.bundle-status-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.02) 100%);opacity:0;transition:opacity var(--transition-base)}.bundle-status-toggle:hover{border-color:var(--primary-200);box-shadow:var(--shadow-premium-sm)}.bundle-status-toggle:hover:before{opacity:1}.bundle-toggle-switch{position:relative;width:56px;height:32px;border:none;border-radius:16px;background:var(--slate-300);cursor:pointer;transition:all var(--transition-slow);box-shadow:inset 0 2px 4px #0000001a;flex-shrink:0;overflow:hidden}.bundle-toggle-switch.active{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);box-shadow:0 2px 8px #22c55e4d,inset 0 1px 2px #fff3}.bundle-toggle-switch:disabled{cursor:not-allowed;opacity:.4}.bundle-toggle-switch:disabled .bundle-toggle-slider{cursor:not-allowed}.bundle-toggle-slider{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:all var(--transition-slow)}.bundle-toggle-slider.active{left:28px;box-shadow:0 2px 8px #00000026}.bundle-toggle-status-text{color:var(--slate-700);font-size:15px;font-weight:600;transition:color var(--transition-base)}.bundle-status-toggle:hover .bundle-toggle-status-text{color:var(--slate-900)}.bundle-toggle-switch:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:16px}.bundle-toggle-switch:hover:not(:disabled){transform:scale(1.02)}.bundle-toggle-switch:active:not(:disabled){transform:scale(.98)}@media(max-width:640px){.bundle-status-toggle{padding:16px}.bundle-toggle-switch{width:52px;height:28px}.bundle-toggle-slider{width:20px;height:20px}.bundle-toggle-slider.active{left:28px}.bundle-toggle-status-text{font-size:14px}}@media(max-width:480px){.bundle-status-toggle{padding:14px;gap:12px}.bundle-status-toggle-group{margin-top:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bundle-toggle-switch.loading{opacity:.6;pointer-events:none}.bundle-toggle-switch.loading .bundle-toggle-slider{animation:loadingPulse 1s infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-card{width:520px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;overflow:hidden;animation:scaleIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#fff}.modal-title-text{margin:0;font-size:20px;font-weight:700;color:#111827;letter-spacing:-.01em}.modal-close-btn{background:transparent;border:none;cursor:pointer;color:#6b7280;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{color:#111827;background:#f3f4f6;transform:rotate(90deg)}.modal-close-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.close-svg-icon{width:20px;height:20px}.modal-body{padding:32px;display:flex;flex-direction:column;gap:24px;background:#fff}.modal-form-group{display:flex;flex-direction:column;gap:8px}.modal-label{font-size:14px;font-weight:600;color:#374151;text-transform:none;letter-spacing:normal}.modal-text-input,.modal-select-input{height:48px;border:1px solid #d1d5db;border-radius:8px;padding:0 16px;font-size:15px;font-weight:400;color:#111827;background:#fff;outline:none;transition:all .2s ease}.modal-text-input:focus,.modal-select-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.modal-text-input::placeholder{color:#9ca3af;font-weight:400}.modal-select-input{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.modal-textarea-input{min-height:120px;border:1px solid #d1d5db;border-radius:8px;padding:16px;font-size:15px;font-weight:400;color:#111827;background:#fff;outline:none;transition:all .2s ease;resize:vertical;font-family:inherit;line-height:1.5}.modal-textarea-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.modal-textarea-input::placeholder{color:#9ca3af;font-weight:400}.modal-status-toggle{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.modal-toggle-switch{width:48px;height:28px;position:relative;border:none;border-radius:14px;background:#d1d5db;cursor:pointer;transition:all .3s ease}.modal-toggle-switch.active{background:#10b981}.modal-toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.modal-toggle-switch.active .modal-toggle-slider{left:22px}.modal-toggle-status-text{font-size:15px;font-weight:500;color:#374151}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.modal-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.modal-cancel-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.modal-submit-btn{background:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.modal-submit-btn:hover{background:#2563eb}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-submit-btn:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}@media(max-width:640px){.modal-card{width:90%;max-width:400px;border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:24px}.modal-title-text{font-size:18px}.modal-text-input,.modal-select-input{height:44px;padding:0 14px}.modal-select-input{background-size:14px;background-position:right 14px center;padding-right:36px}.modal-textarea-input{padding:14px;min-height:100px}}@media(max-width:480px){.modal-card{width:95%;border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-footer{flex-direction:column}.modal-cancel-btn,.modal-submit-btn{width:100%}.modal-title-text{font-size:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.list-filter-panel{margin-bottom:20px;overflow:hidden;background:var(--background-elevated);border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-xs)}.list-filter-panel-heading{min-height:46px;padding:0 20px;display:flex;align-items:center;gap:9px;color:var(--slate-700);background:var(--slate-50);border-bottom:1px solid var(--border-light)}.list-filter-panel-heading svg{width:17px;height:17px;color:var(--primary-600)}.list-filter-panel-heading h2{margin:0;font-size:14px;font-weight:700}.list-filter-panel-controls{padding:18px 20px 20px;display:flex;align-items:flex-end;gap:14px}.list-filter-panel-field{min-width:150px;flex:1 1 160px;display:flex;flex-direction:column;gap:7px}.list-filter-panel-search{min-width:220px;flex-grow:1.4}.list-filter-panel-field>span{color:var(--slate-600);font-size:12px;font-weight:600}.list-filter-panel-field input,.list-filter-panel-field select{width:100%;height:42px;padding:0 12px;color:var(--slate-700);background:var(--background-elevated);border:1px solid var(--border-light);border-radius:8px;font:inherit;font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.list-filter-panel-field input:focus,.list-filter-panel-field select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.list-filter-panel-clear{height:42px;flex:0 0 auto;padding:0 18px;color:var(--slate-600);background:var(--background-elevated);border:1px solid var(--border-light);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.list-filter-panel-clear:hover{color:var(--primary-600);background:var(--primary-50);border-color:var(--primary-300)}.list-filter-panel-clear:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media(max-width:1024px){.list-filter-panel-controls{flex-wrap:wrap}.list-filter-panel-field{flex-basis:calc(50% - 7px)}}@media(max-width:640px){.list-filter-panel-controls{flex-direction:column;align-items:stretch}.list-filter-panel-field,.list-filter-panel-search{min-width:0;width:100%;flex:none}.list-filter-panel-clear{width:100%}}.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--border-light);background:#fafbfc;color:var(--slate-500);font-size:13px;font-weight:400}.list-pagination>div{display:flex;gap:4px}.list-pagination button{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--slate-600);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.list-pagination button:hover:not(:disabled):not(.active){background:#f8fafc;border-color:var(--slate-300)}.list-pagination button.active,.list-pagination button.active:hover{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.list-pagination button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:640px){.list-pagination{align-items:flex-start;flex-direction:column;padding:14px 16px}.list-pagination>div{max-width:100%;overflow-x:auto}}.themed-details-backdrop{position:fixed;z-index:1200;inset:0;padding:32px;display:flex;align-items:center;justify-content:center;background:#242a387a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.themed-details-modal{width:min(1080px,100%);max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;color:#0f1b44;background:#fff;border:1px solid #dbe5f0;border-radius:24px;box-shadow:0 28px 70px #0f172a3d}.themed-details-header{padding:40px;display:grid;grid-template-columns:76px minmax(0,1fr) 54px;align-items:center;gap:24px;border-bottom:1px solid #dbe5f0}.themed-details-heading-icon,.themed-details-field-icon{display:grid;place-items:center;color:#0b45ab;background:#e8f0fc}.themed-details-heading-icon{width:76px;height:76px;border-radius:50%}.themed-details-heading-icon svg{width:36px;height:36px}.themed-details-heading-text h2{margin:0;color:#0c173e;font-size:clamp(28px,3vw,38px);font-weight:750;letter-spacing:-.025em}.themed-details-heading-text p{margin:8px 0 0;color:#66698a;font-size:18px;line-height:1.45}.themed-details-header-close{width:54px;height:54px;padding:0;display:grid;place-items:center;color:#031530;background:#eef4fb;border:1px solid #d6e2f0;border-radius:13px;cursor:pointer}.themed-details-header-close:hover{background:#dfeafb;border-color:#b9cde7}.themed-details-content{min-height:0;padding:34px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;overflow-y:auto}.themed-details-field{min-width:0;min-height:94px;padding:18px;display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e5e3ed;border-radius:14px}.themed-details-field-icon{width:54px;height:54px;flex:0 0 54px;border-radius:12px}.themed-details-field-icon svg{width:26px;height:26px}.themed-details-field-content{min-width:0;display:flex;flex-direction:column;gap:6px}.themed-details-field-content span{color:#0b45ab;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.themed-details-field-content strong{color:#101a40;font-size:18px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.themed-details-field-content strong.active{color:#07945e}.themed-details-field-content strong.inactive{color:#dc2626}.themed-details-footer{padding:22px 40px;display:flex;justify-content:flex-end;background:#f7f9fc;border-top:1px solid #dbe5f0}.themed-details-footer-close{min-width:132px;min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:#031530;border:0;border-radius:10px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.themed-details-footer-close:hover{background:#0b45ab}.themed-details-footer-close svg{width:18px;height:18px}.themed-details-modal.campus-sidebar-variant{width:min(980px,100%);min-height:650px;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;border-radius:20px}.campus-sidebar-variant .themed-details-campus-rail{position:relative;grid-row:1 / -1;overflow:hidden;background-color:#242978;background-image:url(/assets/campus-architectural-panel-CYIpxgzG.png);background-repeat:no-repeat;background-position:center center;background-size:cover}.themed-details-campus-art-mark{position:absolute;top:clamp(72px,14%,108px);left:50%;width:94px;height:94px;display:grid;place-items:center;color:#e8edffeb;background:#25287b3d;border:1.5px solid rgba(199,211,255,.72);border-radius:50%;box-shadow:0 0 0 8px #7f91ff0f,0 16px 38px #0508392e;transform:translate(-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.themed-details-campus-art-mark svg{width:42px;height:42px;stroke-width:1.5}.campus-sidebar-variant .themed-details-header{grid-column:2;padding:48px 48px 24px;grid-template-columns:58px minmax(0,1fr) 46px;gap:18px;border-bottom:0}.campus-sidebar-variant .themed-details-heading-icon{width:58px;height:58px;color:#0b45ab}.campus-sidebar-variant .themed-details-heading-icon svg{width:29px;height:29px}.campus-sidebar-variant .themed-details-heading-text h2{font-size:25px;text-transform:uppercase}.themed-details-eyebrow{width:fit-content;margin-top:8px;padding:5px 9px;display:inline-flex;color:#6d4fe0;background:#f3efff;border-radius:4px;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.campus-sidebar-variant .themed-details-header-close{width:46px;height:46px;color:#031530;background:#fff;border-radius:9px}.campus-sidebar-variant .themed-details-content{position:relative;grid-column:2;padding:28px 48px 38px;gap:18px 24px;align-content:start}.campus-sidebar-variant .themed-details-content:before{content:"";position:absolute;top:0;right:48px;left:48px;height:1px;background:#dbe5f0}.campus-sidebar-variant .themed-details-field{min-height:92px;padding:16px 18px;gap:16px;border-left:3px solid #0b45ab;border-radius:9px}.campus-sidebar-variant .themed-details-field:nth-child(2),.campus-sidebar-variant .themed-details-field:nth-child(6){border-left-color:#16a34a}.campus-sidebar-variant .themed-details-field:nth-child(3),.campus-sidebar-variant .themed-details-field:nth-child(8){border-left-color:#8b5cf6}.campus-sidebar-variant .themed-details-field:nth-child(4){border-left-color:#f97316}.campus-sidebar-variant .themed-details-field:nth-child(5){border-left-color:#06b6d4}.campus-sidebar-variant .themed-details-field-icon{width:48px;height:48px;flex-basis:48px;border-radius:50%}.campus-sidebar-variant .themed-details-field-content span{color:#66739a;font-size:11px}.campus-sidebar-variant .themed-details-field-content strong{font-size:16px}.campus-sidebar-variant .themed-details-field-content strong.active,.campus-sidebar-variant .themed-details-field-content strong.inactive{width:fit-content;padding:5px 10px;background:#e8f8ed;border-radius:5px;font-size:13px}.campus-sidebar-variant .themed-details-field-content strong.inactive{background:#feecec}.campus-sidebar-variant .themed-details-footer{grid-column:2;padding:22px 48px;background:#f8f8ff}.campus-sidebar-variant .themed-details-footer-close{min-width:130px;background:#031530}@media(max-width:820px){.themed-details-modal.campus-sidebar-variant{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}.campus-sidebar-variant .themed-details-campus-rail{grid-row:auto;min-height:138px;background-position:center 68%;background-size:cover}.themed-details-campus-art-mark{top:50%;left:44px;width:68px;height:68px;transform:translateY(-50%)}.themed-details-campus-art-mark svg{width:32px;height:32px}.campus-sidebar-variant .themed-details-header,.campus-sidebar-variant .themed-details-content,.campus-sidebar-variant .themed-details-footer{grid-column:1}}@media(max-width:760px){.themed-details-backdrop{padding:14px}.themed-details-modal{max-height:calc(100vh - 28px);border-radius:18px}.themed-details-header{padding:24px;grid-template-columns:58px minmax(0,1fr) 44px;gap:16px}.themed-details-heading-icon{width:58px;height:58px}.themed-details-heading-text h2{font-size:24px}.themed-details-heading-text p{font-size:14px}.themed-details-header-close{width:44px;height:44px}.themed-details-content{padding:24px;grid-template-columns:1fr;gap:14px}.themed-details-footer{padding:18px 24px}.themed-details-footer-close{width:100%}}@media(max-width:480px){.themed-details-header{padding:20px;grid-template-columns:minmax(0,1fr) 42px}.themed-details-heading-icon{display:none}.themed-details-content{padding:18px}.themed-details-field{min-height:82px;padding:14px;gap:14px}.themed-details-field-icon{width:46px;height:46px;flex-basis:46px}.themed-details-field-content strong{font-size:16px}}.campus-modal{width:min(720px,calc(100vw - 32px))}.campus-modal-body{max-height:min(68vh,620px);overflow-y:auto}.campus-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campus-form-error{margin-bottom:16px;padding:10px 12px;color:var(--error-700);background:var(--error-50);border:1px solid var(--error-100);border-radius:8px;font-size:13px}.campus-form-grid .modal-form-group{margin:0}.campus-input-error{border-color:var(--error-500)}.campus-field-error{color:var(--error-600);font-size:12px;line-height:1.4}.campus-modal .bundle-status-toggle-group{margin-top:20px}.campus-modal .bundle-status-toggle{padding:14px 16px}.campus-modal .bundle-toggle-switch:not(.active){background:var(--error-500)}@media(max-width:640px){.campus-form-grid{grid-template-columns:1fr}}.verification-toast{z-index:1600;width:min(360px,calc(100vw - 32px));min-height:82px;padding:14px 18px;display:flex;align-items:center;gap:14px;color:#fff;background:#121214f5;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 54px #0000006b,0 2px 10px #0000004d;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);transform-origin:center top;will-change:transform,opacity,clip-path;backface-visibility:hidden;animation:verification-toast-enter 1s cubic-bezier(.16,1,.3,1) both}.verification-toast.screen,.verification-toast.anchored{position:fixed;inset:18px auto auto 50%}.verification-toast.is-exiting{animation:verification-toast-exit .8s cubic-bezier(.7,0,.84,0) both}.verification-toast-indicator{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:#32d74b}.verification-toast.error .verification-toast-indicator{color:#ff453a}.verification-toast-spinner,.verification-toast-result{position:absolute;width:44px;height:44px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.verification-toast-spinner{transform-origin:center;animation:verification-ring-spin .72s cubic-bezier(.4,0,.2,1) .65s both}.verification-toast-spinner circle{stroke-width:2.6;stroke-dasharray:72 24}.verification-toast-result{width:30px;height:30px;stroke-width:2.5;opacity:0;transform:scale(.65);animation:verification-result-pop .36s cubic-bezier(.34,1.56,.64,1) 1.27s forwards}.verification-toast-result path{stroke-dasharray:28;stroke-dashoffset:28;animation:verification-check-draw .3s ease-out 1.33s forwards}.verification-toast-copy{min-width:0;display:flex;flex-direction:column;gap:3px;animation:verification-copy-reveal .42s ease-out .43s both}.verification-toast-copy strong{color:#fff;font-size:14px;font-weight:650;line-height:1.3;letter-spacing:-.01em}.verification-toast-copy>span{color:#ebebf5ad;font-size:12px;line-height:1.4}@keyframes verification-ring-spin{0%{opacity:0;transform:rotate(-120deg) scale(.75)}20%{opacity:1}85%{opacity:1;transform:rotate(260deg) scale(1)}to{opacity:0;transform:rotate(320deg) scale(.9)}}@keyframes verification-result-pop{to{opacity:1;transform:scale(1)}}@keyframes verification-check-draw{to{stroke-dashoffset:0}}@keyframes verification-toast-enter{0%{opacity:0;clip-path:circle(7px at 50% 7px);transform:translate3d(-50%,-5px,0) scale(.98)}16%{opacity:1;clip-path:circle(7px at 50% 7px);transform:translate3d(-50%,0,0) scale(.98)}58%{opacity:1;clip-path:circle(72px at 50% 7px);transform:translate3d(-50%,0,0) scale(.995)}to{opacity:1;clip-path:circle(150% at 50% 7px);transform:translate3d(-50%,0,0) scale(1)}}@keyframes verification-toast-exit{0%{opacity:1;clip-path:circle(150% at 50% 7px);transform:translate3d(-50%,0,0) scale(1)}45%{opacity:1;clip-path:circle(72px at 50% 7px);transform:translate3d(-50%,0,0) scale(.995)}78%{opacity:1;clip-path:circle(7px at 50% 7px);transform:translate3d(-50%,0,0) scale(.98)}to{opacity:0;clip-path:circle(7px at 50% 7px);transform:translate3d(-50%,-5px,0) scale(.98)}}@keyframes verification-copy-reveal{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.verification-toast,.verification-toast.is-exiting,.verification-toast-spinner,.verification-toast-result,.verification-toast-result path{animation-duration:1ms;animation-delay:0ms}}.campus-page{width:100%}.campus-table-card{overflow:hidden;background:var(--background-elevated);border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-xs)}.campus-table-scroll{min-width:760px}.campus-table-header{min-height:54px;padding:0 28px;display:grid;grid-template-columns:minmax(260px,2fr) minmax(130px,1fr) minmax(160px,1fr) 210px;align-items:center;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.campus-action-heading{text-align:center}.campus-table-row{min-height:76px;padding:12px 28px;display:grid;grid-template-columns:minmax(260px,2fr) minmax(130px,1fr) minmax(160px,1fr) 210px;align-items:center;border-bottom:1px solid var(--border-light);transition:background-color .18s ease}.campus-table-row:hover{background:var(--slate-50)}.campus-name-cell,.campus-status-cell,.campus-action-cell{display:flex;align-items:center}.campus-name-cell{gap:14px;color:var(--slate-900);font-size:14px;font-weight:700}.campus-avatar{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;color:var(--primary-700);background:var(--primary-100);border-radius:10px;font-weight:700}.campus-code-cell{color:var(--slate-700);font-size:14px;font-weight:700}.campus-status-cell{gap:10px}.campus-status-cell .bundle-toggle-switch:not(.active){background:var(--error-500)}.campus-action-cell{justify-content:center;gap:8px}.campus-row-action{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;color:var(--slate-700);background:#fff;border:1px solid var(--border-light);border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.campus-row-action:hover{color:var(--primary-700);background:var(--primary-50);border-color:var(--primary-300)}.campus-row-action svg{width:15px;height:15px}.campus-table-state{min-height:250px;padding:40px 24px;display:grid;place-items:center;color:var(--slate-500);text-align:center}.campus-error-state{color:var(--error-600)}.campus-table-empty{min-height:250px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--slate-500);text-align:center}.campus-table-empty strong{color:var(--slate-700);font-size:15px}.campus-table-empty span{font-size:13px}.campus-empty-icon{width:42px;height:42px;margin-bottom:4px;display:grid;place-items:center;color:var(--primary-500);background:var(--primary-50);border-radius:11px}.campus-empty-icon svg{width:22px;height:22px}.campus-notification{position:fixed;z-index:1400;top:24px;right:24px;width:min(390px,calc(100vw - 32px));overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:12px;animation:campus-toast-enter .42s cubic-bezier(.22,1,.36,1) both}.campus-notification.success{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 18px 42px #15803d47}.campus-notification.error{background:var(--error-600);box-shadow:0 18px 42px #dc262640}.campus-notification.is-exiting{animation:campus-toast-exit .45s cubic-bezier(.55,0,1,.45) both}.campus-notification-content{min-height:76px;padding:14px 18px;display:flex;align-items:center;gap:13px}.campus-notification-content>div{display:flex;flex-direction:column;gap:3px}.campus-notification-content strong{font-size:14px;line-height:1.3}.campus-notification-content div>span{color:#ffffffe0;font-size:12px;line-height:1.4}.campus-notification-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--success-600);background:#fff;border-radius:50%;font-size:18px;font-weight:800}.campus-notification.error .campus-notification-icon{color:var(--error-600)}.campus-notification-progress{width:100%;height:4px;display:block;background:#fff;transform-origin:left center;animation:campus-toast-countdown 4s linear forwards}@keyframes campus-toast-enter{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}@keyframes campus-toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 40px))}}@keyframes campus-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.campus-status-modal{width:min(460px,calc(100vw - 32px))}.campus-status-body{color:var(--slate-600);font-size:14px;line-height:1.6}@media(max-width:820px){.campus-table-card{overflow-x:auto}.campus-table-header,.campus-table-row{padding-inline:20px}}.employee-edit-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:employee-edit-backdrop-in .22s ease-out both}.employee-edit-modal{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:hidden;background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 26px 70px #0f172a47;transform-origin:center;animation:employee-edit-modal-in .36s cubic-bezier(.2,.8,.2,1) both}.employee-edit-backdrop.closing{animation:employee-edit-backdrop-out .24s ease-in both}.employee-edit-modal.closing{pointer-events:none;animation:employee-edit-modal-out .24s cubic-bezier(.4,0,1,1) both}@keyframes employee-edit-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes employee-edit-modal-in{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes employee-edit-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes employee-edit-modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(18px) scale(.97)}}.employee-edit-header{display:flex;align-items:center;gap:16px;min-height:92px;padding:20px 30px;border-bottom:2px solid #dbeafe}.employee-edit-title-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;color:#2563eb;background:#eff6ff;border-radius:50%}.employee-edit-title-icon svg{width:27px;height:27px}.employee-edit-header h2{margin:0;color:#0f172a;font-size:25px;font-weight:750}.employee-edit-header>button{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;color:#64748b;background:transparent;border:0;border-radius:9px;cursor:pointer}.employee-edit-header>button:hover{color:#dc2626;background:#fef2f2}.employee-edit-form{display:flex;flex-direction:column;max-height:calc(100vh - 142px)}.employee-edit-scroll-area{display:grid;gap:21px;padding:28px 32px;overflow-y:auto}.employee-edit-general-error{padding:12px 14px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;font-size:13px}.employee-edit-field{display:grid;gap:8px;margin:0;color:#172554;font-size:15px;font-weight:650}.employee-edit-field>span strong{color:#ef4444}.employee-edit-field small{color:#dc2626;font-size:12px;font-weight:500}.employee-edit-input-wrap{display:flex;align-items:center;min-height:52px;overflow:hidden;background:#fff;border:1px solid #cbd5e1;border-radius:10px}.employee-edit-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.employee-edit-input-wrap>svg{width:21px;height:21px;margin:0 14px;color:#2563eb}.employee-edit-input-wrap input{width:100%;min-width:0;height:50px;padding:0 14px 0 0;color:#0f172a;background:transparent;border:0;outline:0;font:inherit;font-weight:500}.employee-password-toggle{display:grid;place-items:center;width:50px;height:50px;color:#64748b;background:transparent;border:0;cursor:pointer}.employee-password-toggle svg{width:21px;height:21px}.employee-selection-box{display:grid;gap:12px;padding:14px;border:1px solid #cbd5e1;border-radius:10px}.employee-chip-list{display:flex;flex-wrap:wrap;gap:9px}.employee-selection-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px 7px 13px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;font-weight:600}.employee-selection-chip>svg{width:17px;height:17px}.employee-selection-chip button{display:grid;place-items:center;width:22px;height:22px;padding:0;color:#2563eb;background:transparent;border:0;cursor:pointer}.employee-selection-chip button svg{width:15px;height:15px}.employee-select-wrap{position:relative;display:flex;align-items:center}.employee-select-wrap select{width:100%;height:46px;padding:0 42px 0 13px;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:0;appearance:none}.employee-select-wrap select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.employee-select-wrap>svg{position:absolute;right:14px;width:19px;height:19px;color:#2563eb;pointer-events:none}.employee-campus-chips:empty{display:none}.employee-edit-footer{display:flex;justify-content:flex-end;padding:18px 32px;background:#f8fafc;border-top:1px solid #e2e8f0}.employee-edit-footer button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;height:46px;padding:0 22px;color:#fff;background:#0f2f57;border:0;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer}.employee-edit-footer button:disabled,.employee-edit-header button:disabled{cursor:not-allowed;opacity:.6}.employee-edit-footer svg{width:19px;height:19px}@media(max-width:640px){.employee-edit-backdrop{align-items:end;padding:0}.employee-edit-modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.employee-edit-header{min-height:76px;padding:14px 18px}.employee-edit-title-icon{width:44px;height:44px;flex-basis:44px}.employee-edit-header h2{font-size:21px}.employee-edit-scroll-area{padding:22px 18px}.employee-edit-footer{padding:15px 18px}.employee-edit-footer button{width:100%}}@media(prefers-reduced-motion:reduce){.employee-edit-backdrop,.employee-edit-modal{animation:none}}.employees-page{width:100%}.employees-toolbar{margin-bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.employees-heading{display:flex;flex-direction:column;gap:4px}.employees-heading span{color:var(--slate-500);font-size:13px;font-weight:500}.employees-heading h1{margin:0;color:var(--slate-900);font-size:28px;font-weight:700;letter-spacing:-.025em}.employees-table-card{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-xs)}.employees-success-toast{position:fixed;z-index:1400;top:24px;right:24px;width:min(390px,calc(100vw - 32px));overflow:hidden;color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 18px 42px #15803d47;animation:employees-toast-enter .42s cubic-bezier(.22,1,.36,1) both}.employees-success-toast.is-exiting{animation:employees-toast-exit .45s cubic-bezier(.55,0,1,.45) both}.employees-success-toast-content{min-height:76px;padding:14px 18px;display:flex;align-items:center;gap:13px}.employees-success-toast-content>div{display:flex;flex-direction:column;gap:3px}.employees-success-toast-content strong{font-size:14px;line-height:1.3}.employees-success-toast-content div>span{color:#ffffffe0;font-size:12px;line-height:1.4}.employees-success-toast-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#16a34a;background:#fff;border-radius:50%;font-size:18px;font-weight:800}.employees-success-toast-progress{width:100%;height:4px;display:block;background:#fff;transform-origin:left center;animation:employees-toast-countdown 4s linear forwards}@keyframes employees-toast-enter{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}@keyframes employees-toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 40px))}}@keyframes employees-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.employees-table-header,.employee-table-row{display:grid;grid-template-columns:minmax(320px,1fr) 170px;align-items:center}.employees-table-header{min-height:56px;padding:0 24px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.employees-actions-heading{text-align:center}.employees-table-body{min-width:0}.employee-table-row{min-height:82px;padding:12px 24px;border-bottom:1px solid var(--border-light);transition:background-color .16s ease}.employee-table-row:hover{background:var(--slate-50)}.employee-name-cell{min-width:0;display:flex;align-items:center;gap:16px}.employee-name-cell strong{min-width:0;color:var(--slate-900);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-avatar{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;color:#fff;background:#253a56;border:2px solid #ffffff;border-radius:50%;box-shadow:0 3px 7px #0f172a33;font-size:14px;font-weight:700}.employee-actions-cell{display:flex;align-items:center;justify-content:center;gap:14px}.employee-action-button,.employee-view-button{width:42px;height:42px;padding:0;display:grid;place-items:center;color:#1684ed;background:#fff;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.employee-view-button{border-color:transparent}.employee-action-button:hover,.employee-view-button:hover{color:#0b45ab;background:#eef4fb;border-color:#b9cde7}.employee-action-button svg,.employee-view-button svg{width:20px;height:20px}.employees-empty-state{min-height:300px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--slate-500);text-align:center}.employees-empty-state strong{color:var(--slate-700);font-size:16px}.employees-empty-state>span{max-width:390px;font-size:13px;line-height:1.5}.employees-empty-icon{width:48px;height:48px;margin-bottom:3px;display:grid;place-items:center;color:#0b45ab;background:#e8f0fc;border-radius:12px}.employees-empty-icon svg{width:24px;height:24px}@media(max-width:720px){.employees-toolbar{align-items:stretch;flex-direction:column}.employees-table-header,.employee-table-row{grid-template-columns:minmax(180px,1fr) 116px}.employees-table-header,.employee-table-row{padding-inline:16px}.employee-actions-cell{gap:6px}.employee-action-button,.employee-view-button{width:38px;height:38px}}@media(max-width:480px){.employees-heading h1{font-size:24px}.employees-table-header,.employee-table-row{grid-template-columns:minmax(150px,1fr) 92px}.employee-name-cell{gap:10px}.employee-avatar{width:38px;height:38px;flex-basis:38px}.employee-action-button,.employee-view-button{width:34px;height:34px}}.scholarships-page{width:100%}.scholarships-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.scholarships-heading{display:flex;flex-direction:column;gap:4px}.scholarships-heading span{color:var(--slate-500);font-size:13px;font-weight:500}.scholarships-heading h1{margin:0;color:var(--slate-900);font-size:28px;font-weight:700;letter-spacing:-.025em}.scholarships-heading p{color:var(--slate-500);font-size:13px;margin-top:2px}.scholarships-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.scholarships-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-xs);transition:box-shadow .2s ease,transform .2s ease}.scholarships-stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scholarships-stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.scholarships-stat-icon svg{width:22px;height:22px}.scholarships-stat-icon.total{background:var(--primary-50);color:var(--primary-600)}.scholarships-stat-icon.scholarships{background:var(--success-50);color:var(--success-600)}.scholarships-stat-icon.egrants{background:var(--warning-50);color:var(--warning-600)}.scholarships-stat-icon.pending{background:var(--error-50);color:var(--error-600)}.scholarships-stat-info{display:flex;flex-direction:column;gap:2px}.scholarships-stat-value{font-size:24px;font-weight:700;color:var(--slate-900);line-height:1.1}.scholarships-stat-label{font-size:12px;font-weight:500;color:var(--slate-500)}.scholarships-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--border-light)}.scholarships-tab-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--slate-500);font-size:15px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease}.scholarships-tab-btn:hover{color:var(--slate-700)}.scholarships-tab-btn.active{color:#0b45ab;border-bottom-color:#0b45ab}.scholarships-tab-btn svg{width:20px;height:20px}.scholarships-tab-subtitle{font-size:12px;font-weight:400;color:var(--slate-400);margin-left:2px}.scholarships-tab-btn.active .scholarships-tab-subtitle{color:var(--slate-500)}.se-table-section{width:100%}.se-filter-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid var(--border-light);border-radius:14px 14px 0 0;border-bottom:none;flex-wrap:wrap}.se-search-input{flex:0 0 260px;height:38px;padding:0 14px;background:var(--slate-50);border:1px solid var(--border-light);border-radius:8px;font-size:13px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.se-search-input::placeholder{color:var(--slate-400)}.se-search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.se-filter-select{height:38px;padding:0 32px 0 12px;background:var(--slate-50);border:1px solid var(--border-light);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:150px}.se-filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.se-filter-spacer{flex:1}.se-reset-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 16px;background:transparent;border:1px solid var(--border-light);border-radius:8px;color:var(--slate-600);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.se-reset-btn:hover{background:var(--slate-50);border-color:var(--slate-300)}.se-reset-btn svg{width:14px;height:14px}.se-approve-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 18px;background:#0b45ab;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.se-approve-btn:hover{background:#093a91;transform:translateY(-1px)}.se-approve-btn:disabled{background:var(--slate-300);cursor:not-allowed;transform:none}.se-approve-btn svg{width:16px;height:16px}.se-bulk-error{margin:10px 0;color:var(--error-600);font-size:13px}.se-checkbox-bar{display:flex;align-items:center;gap:24px;padding:10px 20px;background:#fff;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}.se-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate-600);cursor:pointer;-webkit-user-select:none;user-select:none}.se-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#0b45ab;cursor:pointer}.se-table-card{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:0 0 14px 14px;box-shadow:var(--shadow-xs)}.se-table-header{display:grid;align-items:center;column-gap:16px;min-height:52px;padding:0 20px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.se-table-header.scholarship-grid,.se-table-row.scholarship-grid,.se-table-header.egrant-grid,.se-table-row.egrant-grid{grid-template-columns:36px minmax(180px,1.3fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(110px,.7fr) minmax(80px,.5fr) minmax(110px,.7fr) minmax(100px,.7fr) 90px}.se-table-body{min-width:0}.se-table-row{display:grid;align-items:center;column-gap:16px;min-height:72px;padding:10px 20px;border-bottom:1px solid var(--border-light);transition:background-color .16s ease}.se-table-row:last-child{border-bottom:none}.se-table-row:hover{background:var(--slate-50)}.se-checkbox-cell{display:flex;align-items:center;justify-content:center}.se-checkbox-cell input[type=checkbox]{width:16px;height:16px;accent-color:#0b45ab;cursor:pointer}.se-student-cell{display:flex;align-items:center;gap:12px;min-width:0}.se-student-avatar{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;color:#fff;border-radius:50%;font-size:13px;font-weight:700;text-transform:uppercase}.se-student-info{display:flex;flex-direction:column;min-width:0}.se-student-name{color:var(--slate-900);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-student-number{color:var(--slate-400);font-size:12px}.se-course-cell,.se-amount-cell,.se-approved-by-cell,.se-approved-on-cell{color:var(--slate-700);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-amount-cell{font-weight:600;color:var(--slate-900)}.se-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.se-type-badge.merit{background:var(--primary-50);color:var(--primary-600)}.se-type-badge.need{background:var(--warning-50);color:var(--warning-600)}.se-type-badge.sibling{background:var(--primary-50);color:var(--primary-600)}.se-type-badge.early{background:var(--success-50);color:var(--success-600)}.se-type-badge.special{background:var(--warning-50);color:var(--warning-600)}.se-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.se-status-badge.pending{background:var(--warning-50);color:var(--warning-600)}.se-status-badge.approved{background:var(--success-50);color:var(--success-600)}.se-status-badge.rejected{background:var(--error-50);color:var(--error-600)}.se-actions-cell{display:flex;align-items:center;justify-content:center;gap:6px}.se-action-btn{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--border-light);border-radius:7px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.se-action-btn svg{width:16px;height:16px}.se-action-btn.approve{color:var(--success-600)}.se-action-btn.approve:hover{background:var(--success-50);border-color:var(--success-500)}.se-action-btn.reject{color:var(--error-600)}.se-action-btn.reject:hover{background:var(--error-50);border-color:var(--error-500)}.se-action-btn.view{color:var(--primary-600)}.se-action-btn.view:hover{background:var(--primary-50);border-color:var(--primary-500)}.se-empty-state{min-height:240px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--slate-500);text-align:center}.se-empty-state strong{color:var(--slate-700);font-size:16px}.se-empty-state>span{max-width:390px;font-size:13px;line-height:1.5}.se-empty-icon{width:48px;height:48px;margin-bottom:3px;display:grid;place-items:center;color:#0b45ab;background:#e8f0fc;border-radius:12px}.se-empty-icon svg{width:24px;height:24px}.se-footer-info{padding:16px 20px;text-align:center;font-size:12px;color:var(--slate-400);display:flex;align-items:center;justify-content:center;gap:6px}.se-footer-info svg{width:14px;height:14px}@media(max-width:1200px){.scholarships-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.se-table-card{overflow-x:auto}.se-table-header.scholarship-grid,.se-table-row.scholarship-grid,.se-table-header.egrant-grid,.se-table-row.egrant-grid{min-width:900px}.se-filter-bar{border-radius:14px 14px 0 0}}@media(max-width:640px){.scholarships-stats{grid-template-columns:1fr}.scholarships-heading h1{font-size:24px}.se-search-input{flex:1 1 100%}}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.toolbar>h1{margin:0;font-size:32px;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;line-height:1.2;flex-shrink:0}.toolbar-actions{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.search-bar-wrapper{position:relative;width:320px;flex-shrink:0}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:16px;height:16px;color:var(--slate-400);pointer-events:none;z-index:2}.search-input{width:100%;height:40px;border:1px solid var(--border-light);border-radius:8px;background:#fff;padding:0 14px 0 40px;font-size:14px;font-weight:400;color:var(--slate-900);transition:all .15s ease}.search-input:focus{outline:none;border-color:var(--slate-400);box-shadow:0 0 0 3px #94a3b81a}.search-input::placeholder{color:var(--slate-400);font-weight:400}.new-entity-btn{height:40px;padding:0 20px;border:none;border-radius:8px;background:var(--slate-900);color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.new-entity-btn:hover{background:var(--slate-800);box-shadow:0 4px 6px #00000029,0 2px 4px #0000001f;transform:translateY(-1px)}.new-entity-btn:active{transform:translateY(0)}.table-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden}.course-list-table-header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.95fr) minmax(0,1.05fr) minmax(0,.65fr) minmax(0,.8fr) minmax(0,.65fr) 132px 94px;align-items:center;gap:8px;padding:0 16px;min-height:48px;background:#f8fafc;border-bottom:1px solid var(--border-light)}.course-list-table-header>span{min-width:0;color:var(--slate-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis}.course-list-table-body{display:flex;flex-direction:column}.course-list-table-viewport{width:100%;overflow-x:hidden}.course-list-table-scroll{width:100%;min-width:0}.course-list-table-header>span:last-child{text-align:center}.course-list-state{min-height:150px;padding:32px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--slate-500);font-size:14px}.course-list-state.error{flex-direction:column;color:var(--error-600)}.course-list-state button{height:36px;padding:0 16px;color:var(--slate-700);background:#fff;border:1px solid var(--border-light);border-radius:7px;cursor:pointer}.course-detail-loading,.course-confirm-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.course-detail-loading>div{padding:18px 22px;color:var(--slate-700);background:#fff;border-radius:10px;box-shadow:0 16px 36px #0f172a2e}.course-confirm-dialog{width:min(440px,100%);padding:24px;background:#fff;border:1px solid var(--border-light);border-radius:14px;box-shadow:0 24px 60px #0f172a3d}.course-confirm-dialog h2{margin:0 0 10px;color:var(--slate-900);font-size:19px}.course-confirm-dialog p{margin:0 0 24px;color:var(--slate-600);font-size:14px;line-height:1.5}.course-confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px}.course-confirm-dialog button{height:40px;padding:0 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.course-confirm-dialog .secondary{color:var(--slate-700);background:#fff;border:1px solid var(--border-light)}.course-confirm-dialog .danger{color:#fff;background:var(--error-600);border:1px solid var(--error-600)}.course-confirm-dialog button:disabled{opacity:.6;cursor:not-allowed}.course-notification{position:fixed;z-index:1200;top:24px;right:24px;width:min(390px,calc(100vw - 32px));overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 18px 42px #15803d47;animation:course-notification-enter .42s cubic-bezier(.22,1,.36,1) both}.course-notification.success{background:var(--success-600)}.course-notification.error{background:var(--error-600);box-shadow:0 18px 42px #dc262640}.course-notification.is-exiting{animation:course-notification-exit .45s cubic-bezier(.55,0,1,.45) both}.course-notification-content{min-height:76px;padding:14px 18px;display:flex;align-items:center;gap:13px}.course-notification-content>div{display:flex;flex-direction:column;gap:3px}.course-notification-content strong{font-size:14px;line-height:1.3}.course-notification-content div>span{color:#ffffffe0;font-size:12px;line-height:1.4}.course-notification-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--success-600);background:#fff;border-radius:50%;font-size:18px;font-weight:800}.course-notification.error .course-notification-icon{color:var(--error-600)}.course-notification-progress{width:100%;height:4px;display:block;background:#fff;transform-origin:left center;animation:course-notification-countdown 4s linear forwards}@keyframes course-notification-enter{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}@keyframes course-notification-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 40px))}}@keyframes course-notification-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.course-status-modal{width:min(460px,calc(100vw - 32px))}.course-status-modal-body{padding-top:26px;padding-bottom:26px}.course-status-modal-body p{margin:0;color:var(--slate-600);font-size:14px;line-height:1.6}.empty-state{padding:48px 24px;margin:0;color:var(--slate-400);text-align:center;font-size:14px;font-weight:400}.course-list-header{display:grid;grid-template-columns:2.4fr 1.5fr 1.8fr 1fr 160px;align-items:center;gap:16px;padding:0 24px;min-height:48px;background:#f8fafc;border-bottom:1px solid var(--border-light)}.course-list-header>span{color:var(--slate-500);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1024px){.toolbar{flex-direction:column;gap:16px}.toolbar>h1{font-size:28px}.toolbar-actions{flex-wrap:wrap;width:100%}.search-bar-wrapper{width:100%}}@media(max-width:768px){.course-list-table-header{padding:0 18px}}@media(max-width:640px){.toolbar{gap:12px}.toolbar>h1{font-size:24px}.table-card{border-radius:8px}}.course-list-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.95fr) minmax(0,1.05fr) minmax(0,.65fr) minmax(0,.8fr) minmax(0,.65fr) 132px 94px;align-items:center;gap:8px;min-height:62px;padding:10px 16px;border-bottom:1px solid var(--border-light);transition:background .1s ease}.course-list-row:last-child{border-bottom:none}.course-list-row:hover{background:#f8fafc}.course-name-cell{min-width:0;display:flex;align-items:center;gap:11px}.course-profile{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;color:#fff;background:var(--slate-700);border-radius:50%;font-size:14px;font-weight:700;text-transform:uppercase;box-shadow:0 1px 3px #0f172a33}.course-name,.course-level-column,.program-column,.category-column,.course-code-column,.course-cost-column,.course-installment-column,.course-date-column{font-size:14px;color:var(--slate-700);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-list-row>*{min-width:0}.course-name{min-width:0;display:block;font-weight:600;color:var(--slate-900)}.status-pill{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;text-align:center}.course-row-status-toggle.bundle-status-toggle{gap:10px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible}.course-row-status-toggle.bundle-status-toggle:hover{border-color:transparent;box-shadow:none}.course-row-status-toggle.bundle-status-toggle:before{display:none}.course-row-status-toggle .bundle-toggle-switch:not(.active){background:var(--error-500)}.course-action-column{display:flex;align-items:center;gap:8px;justify-content:center}.edit-button{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--slate-600);cursor:pointer;transition:all .15s ease}.edit-button:hover{border-color:var(--slate-300);color:var(--slate-900);background:#f8fafc}.course-action-btn{width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-light);border-radius:7px;background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.course-action-btn:hover{border-color:var(--slate-300)}.action-icon{width:19px;height:19px}.course-view-action{color:#3b82f6}.course-view-action:hover{background:#eff6ff;border-color:#3b82f6}.course-edit-action{color:#10b981}.course-edit-action:hover{background:#ecfdf5;border-color:#10b981}@media(max-width:1024px){.course-list-row{padding:14px 20px}.course-name,.program-column,.category-column{font-size:13px}}@media(max-width:768px){.course-list-row{padding:10px 18px}.course-action-column{gap:6px}}@media(max-width:640px){.course-list-row{padding:12px 14px}.course-name,.program-column,.category-column{font-size:12px}.status-pill{font-size:12px;padding:3px 8px}.course-profile{width:32px;height:32px;flex-basis:32px;font-size:13px}}.details-modal-backdrop{position:fixed;z-index:1200;inset:0;padding:24px;display:flex;align-items:center;justify-content:center;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.details-modal-card{width:min(780px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 50px #0f172a33}.details-modal-card.wide{width:min(960px,100%)}.details-modal-card.course-view-modal{width:min(1120px,100%);max-height:calc(100vh - 32px)}.details-modal-header{flex:0 0 auto;padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e7eb}.details-modal-header h2{margin:0;color:#111827;font-size:22px;font-weight:700}.details-modal-header p{margin:5px 0 0;color:#6b7280;font-size:14px}.details-modal-header>button{width:36px;height:36px;flex:0 0 36px;padding:0;color:#6b7280;background:transparent;border:0;border-radius:8px;font-size:26px;line-height:1;cursor:pointer}.details-modal-header>button:hover{color:#111827;background:#f3f4f6}.details-modal-content{flex:1 1 auto;min-height:0;padding:28px;overflow-y:auto}.details-modal-feedback{margin:0;padding:36px 12px;color:#6b7280;text-align:center}.details-modal-feedback.error{color:#dc2626}.details-modal-footer{flex:0 0 auto;padding:20px 28px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;background:#f9fafb;border-top:1px solid #e5e7eb}.details-modal-footer button{min-width:110px;height:42px;color:#fff;background:#3b82f6;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.details-modal-footer button:hover{background:#2563eb}.details-modal-footer .details-modal-close-action{color:#374151;background:#fff;border:1px solid #d1d5db}.details-modal-footer .details-modal-close-action:hover{color:#111827;background:#f3f4f6}@media(max-width:640px){.details-modal-backdrop{padding:12px}.details-modal-card{max-height:calc(100vh - 24px)}.details-modal-header,.details-modal-content,.details-modal-footer{padding:20px}.details-modal-footer button{flex:1 1 140px}}.course-view-modal .details-modal-header{padding:12px 20px}.course-view-modal .details-modal-header>div{display:none}.course-view-modal .details-modal-content{padding:16px;background:#fbfcfe}.course-view-modal .details-modal-footer{padding:16px 22px;background:#fff}.course-view-layout{display:flex;flex-direction:column;gap:16px;color:#111827}.course-view-tabs{min-height:58px;display:flex;align-items:stretch;gap:28px;padding:0 16px;background:#fff;border:1px solid #dfe6ef;border-radius:10px}.course-view-tabs button{position:relative;min-width:130px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#34405e;background:transparent;border:0;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.course-view-tabs button:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;content:"";background:#2563eb;border-radius:2px 2px 0 0;opacity:0;transform:scaleX(.35);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.course-view-tabs button:hover,.course-view-tabs button.active{color:#175ae6}.course-view-tabs button.active:after{opacity:1;transform:scaleX(1)}.course-view-tab-page{animation:course-view-tab-enter .32s cubic-bezier(.2,.8,.2,1) both}.course-view-tab-stack{display:flex;flex-direction:column;gap:16px}.course-view-tab-state,.course-subject-placeholder{min-height:240px;padding:28px;display:flex;align-items:center;justify-content:center;color:#60708c;background:#fff;border:1px dashed #d7e0eb;border-radius:12px;font-size:13px;text-align:center}.course-view-tab-state{gap:12px}.course-view-tab-state.error{color:#b91c1c}.course-view-tab-state button{min-height:34px;padding:0 14px;color:#fff;background:#175ae6;border:0;border-radius:7px;font:inherit;font-weight:750;cursor:pointer}.course-subject-placeholder{flex-direction:column;gap:10px;color:#52607c}.course-subject-placeholder>svg{padding:12px;box-sizing:content-box;color:#4f46e5;background:#efedff;border-radius:12px}.course-subject-placeholder h3{margin:0;color:#17213a;font-size:18px}.course-subject-placeholder p{margin:0}.course-subject-list-panel{overflow:hidden;background:#fff;border:1px solid #dfe6ef;border-radius:12px}.course-subject-list-panel>header{min-height:66px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e2e7ef}.course-subject-list-panel>header>div{display:flex;align-items:center;gap:12px}.course-subject-list-panel>header>div>svg{width:20px;height:20px;padding:9px;box-sizing:content-box;color:#4f46e5;background:#efedff;border-radius:9px}.course-subject-list-panel h3,.course-subject-list-panel p{margin:0}.course-subject-list-panel h3{color:#17213a;font-size:17px}.course-subject-list-panel p{margin-top:4px;color:#667085;font-size:11px}.course-subject-table-scroll{overflow-x:auto}.course-subject-table{width:100%;min-width:780px;border-collapse:collapse;color:#26344f;font-size:12px}.course-subject-table th,.course-subject-table td{padding:14px 16px;border-bottom:1px solid #e2e7ef;text-align:left;vertical-align:middle}.course-subject-table th{color:#34405e;background:#f8f9fc;font-size:11px;font-weight:800}.course-subject-table tbody td{font-weight:650}.course-subject-table tbody td:nth-child(2){color:#17213a;font-weight:800}.course-subject-table tbody tr:last-child td{border-bottom:0}.course-subject-actions{display:flex;align-items:center;gap:7px}.course-subject-actions button{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #d8dfea;border-radius:7px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.course-subject-actions button svg{width:14px;height:14px}.course-subject-actions .view{color:#175ae6;border-color:#b8cdf9}.course-subject-actions .edit{color:#5b3fd8;border-color:#d6ccfb}.course-subject-actions .delete{color:#c73535;border-color:#f2c1c1}.course-subject-actions button:hover{background:#f7f8fc}.course-subject-dialog-backdrop{position:fixed;z-index:1400;inset:0;padding:24px;display:grid;place-items:center;background:#0f172a85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:course-subject-backdrop-in .18s ease both}.course-subject-dialog,.course-subject-delete-dialog{width:min(620px,100%);overflow:hidden;color:#17213a;background:#fff;border:1px solid #dfe6ef;border-radius:15px;box-shadow:0 24px 70px #0f172a3d;animation:course-subject-dialog-in .24s cubic-bezier(.2,.8,.2,1) both}.course-subject-dialog>header{min-height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7ef}.course-subject-dialog>header>div{display:flex;align-items:center;gap:11px}.course-subject-dialog>header>div>svg{width:19px;height:19px;padding:9px;box-sizing:content-box;color:#4f46e5;background:#efedff;border-radius:9px}.course-subject-dialog h3{margin:0;font-size:19px}.course-subject-dialog>header>button{width:38px;height:38px;display:grid;place-items:center;color:#52607c;background:#fff;border:1px solid #dfe6ef;border-radius:9px;cursor:pointer}.course-subject-dialog>header>button svg{width:18px}.course-subject-dialog-error{margin:16px 22px 0;padding:11px 13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:12px}.course-subject-view-grid,.course-subject-form-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-subject-view-grid{margin:0}.course-subject-view-grid>div{min-height:72px;padding:13px;background:#fafbfe;border:1px solid #e2e7ef;border-radius:9px}.course-subject-view-grid dt{color:#667085;font-size:11px;font-weight:750}.course-subject-view-grid dd{margin:8px 0 0;color:#17213a;font-size:14px;font-weight:800;overflow-wrap:anywhere}.course-subject-form-grid label{display:flex;flex-direction:column;gap:7px;color:#34405e;font-size:12px;font-weight:750}.course-subject-form-grid label:nth-child(2){grid-column:span 1}.course-subject-form-grid input{min-height:43px;padding:0 12px;color:#17213a;background:#fff;border:1px solid #d8dfea;border-radius:8px;font:inherit;outline:0}.course-subject-form-grid input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.course-subject-form-grid small{color:#b91c1c;font-size:11px}.course-subject-dialog footer,.course-subject-delete-dialog footer{padding:15px 22px;display:flex;justify-content:flex-end;gap:10px;background:#fafbfe;border-top:1px solid #e2e7ef}.course-subject-dialog footer button,.course-subject-delete-dialog footer button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#4531d7;border:1px solid #4531d7;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.course-subject-dialog footer button svg{width:16px}.course-subject-dialog footer .secondary,.course-subject-delete-dialog footer .secondary{color:#34405e;background:#fff;border-color:#d8dfea}.course-subject-delete-dialog{width:min(440px,100%);padding-top:25px;text-align:center}.course-subject-delete-dialog>span{width:52px;height:52px;margin:0 auto;display:grid;place-items:center;color:#c73535;background:#feecec;border-radius:50%}.course-subject-delete-dialog>span svg{width:22px}.course-subject-delete-dialog h3{margin:14px 22px 0;font-size:20px}.course-subject-delete-dialog>p{margin:10px 28px 22px;color:#667085;font-size:13px;line-height:1.6}.course-subject-delete-dialog footer .danger{color:#fff;background:#dc2626;border-color:#dc2626}@keyframes course-subject-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes course-subject-dialog-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes course-view-tab-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.course-view-hero{display:grid;grid-template-columns:92px minmax(0,1.35fr) minmax(245px,.8fr) 116px;align-items:center;gap:20px;padding:20px 22px;background:#fff;border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 3px 14px #1e375a0b}.course-view-course-icon{width:90px;height:90px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5436e8,#2563eb 55%,#4857e8);border-radius:14px;box-shadow:0 9px 22px #3d46da38}.course-view-name{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.course-view-name h2{margin:0;color:#111827;font-size:25px;line-height:1.25}.course-view-name>span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:650}.course-view-name>.active{color:#16814b;background:#e7f7ed}.course-view-name>.inactive{color:#c73535;background:#feecec}.course-view-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.course-view-quick .course-view-detail{padding-right:14px;margin-right:14px;border-right:1px solid #e1e7ef}.course-view-timestamps{display:grid;gap:16px;padding-left:25px;border-left:1px solid #dce3ed}.course-view-artwork{position:relative;width:112px;height:94px;display:grid;place-items:center;color:#1658e8}.course-view-artwork>svg{position:relative;z-index:2;transform:translateY(-8px)}.course-view-artwork .art-books{position:absolute;bottom:7px;display:grid;width:67px}.course-view-artwork .art-books span{height:9px;border:2px solid #3e52d9;border-radius:2px;background:#eef3ff;transform:skewY(-4deg)}.course-view-artwork .art-books span:nth-child(2){width:58px;margin-left:6px;border-color:#7c3aed}.course-view-artwork .spark{position:absolute;width:5px;height:5px;background:#7544e9;transform:rotate(45deg)}.course-view-artwork .spark.one{top:5px;left:7px}.course-view-artwork .spark.two{top:13px;right:5px;background:#20b888}.course-view-artwork .spark.three{top:31px;left:2px;background:#f59e0b}.course-view-section{overflow:hidden;background:#fff;border:1px solid #dbe7ff;border-radius:12px;box-shadow:0 3px 14px #1e375a09}.course-view-section>h3{display:flex;align-items:center;gap:11px;margin:0;padding:13px 20px;color:#1457e6;background:#f5f8ff;border-bottom:1px solid #dbe7ff;font-size:14px}.course-view-section.green{border-color:#d8eee3}.course-view-section.green>h3{color:#138a51;background:#f2faf6;border-color:#d8eee3}.course-view-section.orange{border-color:#f7dfca}.course-view-section.orange>h3{color:#e8670a;background:#fff8f2;border-color:#f7dfca}.course-view-section.purple{border-color:#e5dcfb}.course-view-section.purple>h3{color:#7043dd;background:#f8f5ff;border-color:#e5dcfb}.course-view-section-content{padding:18px 20px}.course-view-grid{display:grid}.course-view-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.course-view-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.course-view-grid>.course-view-detail{min-height:65px;padding:4px 18px 13px 0;margin:0 18px 12px 0;border-right:1px solid #e1e7ef;border-bottom:1px solid #e7ecf3}.course-view-detail{display:flex;align-items:flex-start;gap:11px;min-width:0}.course-view-detail>div{display:flex;min-width:0;flex-direction:column;gap:6px}.course-view-detail div>span{color:#1f2937;font-size:15px;font-weight:650;line-height:1.35}.course-view-detail strong{overflow-wrap:anywhere;color:#4b5563;font-size:14px;font-weight:500;line-height:1.45}.course-view-detail .active-pill,.course-view-detail .inactive-pill{width:fit-content;padding:4px 9px;border-radius:5px}.course-view-detail .active-pill{color:#16814b;background:#e7f7ed}.course-view-detail .inactive-pill{color:#c73535;background:#feecec}.course-view-field-icon{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;color:#7043dd;background:#f2edff;border-radius:9px}.course-view-fee-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.course-view-metric{display:flex;align-items:center;gap:13px;min-height:62px;padding:6px 20px;border-right:1px solid #e1e7ef}.course-view-metric:last-child{border-right:0}.course-view-metric-icon{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;color:#1457e6;background:#f0f5ff;border-radius:9px}.course-view-metric>div{display:flex;min-width:0;flex-direction:column;gap:7px}.course-view-metric div>span{color:#1f2937;font-size:15px;font-weight:650;line-height:1.35}.course-view-metric strong{overflow-wrap:anywhere;color:#4b5563;font-size:14px;font-weight:500;line-height:1.45}.course-view-table-panel,.course-view-schedule-panel{padding:13px;border:1px solid #e0e7f0;border-radius:10px;background:#fff}.course-view-table-panel h4,.course-view-schedule-panel h4,.course-view-schedule-panel h5{margin:0 0 12px;color:#17213a;font-size:13px}.course-view-table-scroll{overflow-x:auto}.course-view-table{min-width:650px;overflow:hidden;border:1px solid #dfe6ef;border-radius:8px}.course-view-table .head,.course-view-table .row{display:grid;align-items:center}.course-view-table.fee .head,.course-view-table.fee .row{grid-template-columns:.8fr 1fr 1fr 1fr .8fr}.course-view-table.installment .head,.course-view-table.installment .row{grid-template-columns:.65fr 1fr 1.2fr 1.3fr}.course-view-table .head{color:#1457e6;background:#f5f7fb;font-size:10px;font-weight:750;text-transform:uppercase}.course-view-table .row{min-height:38px;color:#26344f;font-size:12px;font-weight:550;border-top:1px solid #e5eaf1}.course-view-table.fee .row.current{background:#bbf7d0}.course-view-table.fee .row.current:hover{background:#86efac}.course-view-table span{padding:9px 12px}.course-view-empty{margin:10px 0 0;padding:18px;color:#60708c;background:#f8fafc;border:1px dashed #d7e0eb;border-radius:8px;font-size:13px;text-align:center}.course-view-schedule-panel{margin-top:18px}.course-view-schedule-heading{display:flex;justify-content:space-between;gap:20px}.course-view-schedule-heading p{margin:-6px 0 16px;color:#60708c;font-size:11px}.course-view-balance{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.course-view-balance span{color:#1f2937;font-size:15px;font-weight:650;line-height:1.35}.course-view-balance strong{color:#4b5563;font-size:14px;font-weight:500;line-height:1.45}.course-view-table-scroll+.schedule-scroll{max-height:330px;margin-top:16px;overflow-y:auto}.course-view-modal .course-add-pg-action,.course-view-modal .course-duplicate-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:7px;font-weight:600}.course-view-modal .course-add-pg-action{min-width:178px;color:#fff;background:#175ae6;border:1px solid #175ae6}.course-view-modal .course-duplicate-action{min-width:150px;color:#1457e6;background:#fff;border:1px solid #2563eb}.course-view-modal .course-add-pg-action:hover{background:#124bc5}.course-view-modal .course-duplicate-action:hover{color:#fff;background:#2563eb}.course-view-modal .course-add-pg-action:focus-visible,.course-view-modal .course-duplicate-action:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}@media(max-width:900px){.course-view-hero{grid-template-columns:72px 1fr}.course-view-course-icon{width:70px;height:70px}.course-view-timestamps{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);padding:15px 0 0;border-top:1px solid #e1e7ef;border-left:0}.course-view-artwork{display:none}.course-view-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.course-view-modal .details-modal-content{padding:11px}.course-view-hero{grid-template-columns:1fr}.course-view-name h2{font-size:21px}.course-view-quick,.course-view-timestamps,.course-view-grid.three,.course-view-grid.two,.course-view-fee-cards{grid-template-columns:1fr}.course-view-quick{gap:11px}.course-view-quick .course-view-detail,.course-view-metric{padding:8px 0;margin:0;border-right:0}.course-view-grid>.course-view-detail{border-right:0}.course-view-schedule-heading{flex-direction:column}.course-view-balance{align-items:flex-start;margin-bottom:12px}.course-view-modal .details-modal-footer button{flex:1 1 100%}.course-view-tabs{gap:4px;padding:0 6px;overflow-x:auto}.course-view-tabs button{min-width:115px}.course-subject-view-grid,.course-subject-form-grid{grid-template-columns:1fr}.course-subject-dialog-backdrop{padding:12px}.course-subject-actions{gap:5px}}.course-level-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-level-modal{width:min(795px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 24px 65px #0f172a3d}.course-level-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 28px 26px;border-bottom:1px solid #e2e8f0}.course-level-header h2{margin:0;color:#0f172a;font-size:24px;line-height:1.2}.course-level-header p{margin:7px 0 0;color:#64748b;font-size:14px;line-height:1.5}.course-level-heading{display:flex;align-items:center;gap:20px}.course-level-heading-icon{width:60px;height:60px;display:grid;flex:0 0 60px;place-items:center;color:#7138ee;background:#f2ebff;border-radius:50%}.course-level-heading-icon svg{width:30px;height:30px}.course-level-close{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;padding:0;color:#6550a8;background:#fff;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer}.course-level-close:hover{color:#0f172a;background:#f8fafc}.course-level-close svg{width:17px;height:17px}.course-level-body{min-height:0;padding:26px 28px 20px;overflow-y:auto}.course-level-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}.course-level-options legend{grid-column:1 / -1;margin-bottom:6px;padding-left:12px;color:#5b4aa0;font-size:13px;font-weight:700;border-left:3px solid #7c3aed}.course-level-option{position:relative;display:flex;align-items:center;min-height:110px;gap:14px;padding:18px 17px;background:#fff;border:1px solid #dbe3ee;border-radius:11px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.course-level-option:hover{border-color:#bba4fb;background:#fdfcff}.course-level-option.selected{border-color:#7c3aed;background:#fdfbff;box-shadow:0 0 0 1px #7c3aed0a}.course-level-option input{position:absolute;width:1px;height:1px;opacity:0}.course-level-radio{width:19px;height:19px;display:grid;flex:0 0 19px;place-items:center;border:1.5px solid #c5cfdd;border-radius:50%}.course-level-option.selected .course-level-radio{border-color:#7c3aed}.course-level-option.selected .course-level-radio:after{content:"";width:9px;height:9px;background:#7c3aed;border-radius:50%}.course-level-option-icon{width:58px;height:58px;display:grid;flex:0 0 58px;place-items:center;color:#5f63ed;background:#f1f0ff;border-radius:50%}.course-level-option-icon.postgraduate{color:#16b8a1;background:#eafaf7}.course-level-option-icon.pgdm{color:#7841ec;background:#f1ecff}.course-level-option-icon.advanced_certificate{color:#f59e0b;background:#fff4e7}.course-level-option-icon.certificate{color:#ec4899;background:#fff0f7}.course-level-option-icon.diploma{color:#3b82f6;background:#eaf3ff}.course-level-option-icon svg{width:28px;height:28px}.course-level-option:focus-within{outline:2px solid #93c5fd;outline-offset:2px}.course-level-option-copy{display:grid;gap:6px}.course-level-option-copy strong{color:#0f172a;font-size:15px}.course-level-option-copy small{color:#64748b;font-size:13px;line-height:1.45}.course-level-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 28px 25px;background:linear-gradient(105deg,#faf8ff,#fff 70%);border-top:1px solid #e2e8f0}.course-level-cancel,.course-level-continue{min-width:96px;height:46px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.course-level-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.course-level-continue{color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#7138ee;border:1px solid #7138ee}.course-level-cancel:hover{background:#f1f5f9}.course-level-continue:hover:not(:disabled){background:#6428df;border-color:#6428df}.course-level-continue:disabled{color:#94a3b8;background:#e2e8f0;border-color:#e2e8f0;cursor:not-allowed}@media(max-width:520px){.course-level-header,.course-level-body,.course-level-footer{padding-left:18px;padding-right:18px}.course-level-options{grid-template-columns:1fr}.course-level-heading-icon{width:48px;height:48px;flex-basis:48px}.course-level-header h2{font-size:20px}.course-level-footer{flex-direction:column-reverse}.course-level-cancel,.course-level-continue{width:100%}}.course-creation-page{display:flex;flex-direction:column;gap:16px;color:var(--slate-900)}.course-creation-toolbar{position:sticky;top:-32px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 16px;background:#fafbfc;border-bottom:1px solid var(--border-light)}.course-creation-toolbar h1{margin:0;font-size:24px;line-height:1.3}.course-creation-toolbar p{margin:5px 0 0;color:var(--slate-500);font-size:13px}.course-creation-back{min-height:40px;padding:0 16px;display:flex;align-items:center;gap:8px;color:var(--slate-700);background:#fff;border:1px solid var(--border-light);border-radius:8px;font-weight:600;cursor:pointer}.course-creation-back:hover{border-color:var(--primary-500);color:var(--primary-600)}.course-creation-back span{font-size:24px;line-height:1}.course-creation-card{padding:20px 22px;background:#fff;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 1px 2px #0f172a08}.course-creation-section-title{margin:0 0 20px;display:flex;align-items:center;gap:8px;color:var(--primary-600);font-size:15px;font-weight:700}.course-creation-section-title span{display:inline-grid;place-items:center;min-width:22px}.course-basic-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 26px}.course-section-description{margin:-12px 0 18px;color:var(--slate-500);font-size:12px}.course-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-create-version{height:38px;padding:0 15px;color:#fff;background:var(--primary-600);border:1px solid var(--primary-600);border-radius:7px;font-size:12px;font-weight:700;cursor:pointer}.course-fee-history{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-light)}.course-fee-history h3{margin:0 0 12px;color:var(--slate-800);font-size:13px}.course-fee-history-scroll{overflow-x:auto;border:1px solid var(--border-light);border-radius:8px}.course-fee-history-table{min-width:720px}.course-fee-history-row{min-height:42px;padding:0 14px;display:grid;grid-template-columns:.8fr 1.1fr 1fr 1fr .8fr;align-items:center;gap:12px;color:var(--slate-700);border-bottom:1px solid var(--border-light);font-size:11px}.course-fee-history-row:last-child{border-bottom:0}.course-fee-history-row.header{color:var(--slate-500);background:var(--slate-50);font-size:10px;font-weight:700;text-transform:uppercase}.course-version-toast{position:fixed;z-index:1400;top:24px;right:24px;width:min(390px,calc(100vw - 32px));overflow:hidden;color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 18px 42px #15803d47;animation:course-version-toast-enter .42s cubic-bezier(.22,1,.36,1) both}.course-save-hint-toast{position:absolute;z-index:1400;right:0;bottom:calc(100% + 10px);width:min(350px,calc(100vw - 32px));overflow:hidden;color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border:1px solid rgba(255,255,255,.28);border-radius:12px;box-shadow:0 18px 42px #15803d47;animation:course-version-toast-enter .42s cubic-bezier(.22,1,.36,1) both}.course-version-toast.is-exiting,.course-save-hint-toast.is-exiting{animation:course-version-toast-exit .45s cubic-bezier(.55,0,1,.45) both}.course-version-toast-content{min-height:76px;padding:14px 18px;display:flex;align-items:center;gap:13px}.course-version-toast-content>div{display:flex;flex-direction:column;gap:3px}.course-version-toast-content strong{font-size:14px;line-height:1.3}.course-version-toast-content span{color:#ffffffe0;font-size:12px;line-height:1.4}.course-version-toast-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#15803d!important;background:#fff;border-radius:50%;font-size:18px!important;font-weight:800}.course-version-toast-progress{width:100%;height:4px;display:block;background:#fff;transform-origin:left center;animation:course-version-toast-countdown 5s linear forwards}.course-save-hint-progress{width:100%;height:4px;display:block;background:#fff;transform-origin:left center;animation:course-version-toast-countdown 3s linear forwards}@keyframes course-version-toast-enter{0%{opacity:0;transform:translate(calc(100% + 40px))}to{opacity:1;transform:translate(0)}}@keyframes course-version-toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 40px))}}@keyframes course-version-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.course-fee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;align-items:start}.course-fee-version-note{min-height:86px;padding:14px;color:var(--primary-700);background:#eef4ff;border:1px solid #cbdcff;border-radius:7px;font-size:12px}.course-fee-version-note p{margin:8px 0 0;color:var(--slate-700);line-height:1.5}.course-creation-field{min-width:0;display:flex;flex-direction:column;gap:7px;color:var(--slate-700);font-size:12px;font-weight:600}.course-creation-field strong{color:var(--error-500)}.course-creation-input{display:flex;width:100%;height:42px;overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:7px;transition:.2s}.course-creation-input:focus-within,.course-creation-field select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a;outline:none}.course-creation-input.has-error,.course-creation-field select.has-error{border-color:var(--error-500)}.course-creation-input input{min-width:0;flex:1;padding:0 12px;color:var(--slate-800);background:transparent;border:0;outline:0;font:inherit;font-weight:400}.course-creation-prefix{width:42px;display:grid;place-items:center;color:var(--slate-600);background:var(--slate-50);border-right:1px solid var(--border-light);font-size:14px}.course-creation-field select{width:100%;height:42px;padding:0 12px;color:var(--slate-800);background:#fff;border:1px solid var(--border-light);border-radius:7px;font:inherit;font-weight:400}.course-creation-input input:disabled,.course-creation-field select:disabled{color:var(--slate-700);background:var(--slate-50);opacity:1;cursor:default}.course-creation-field small{color:var(--error-500);font-size:11px;font-weight:500}.course-level-summary{min-width:0;display:flex;flex-direction:column;gap:7px;color:var(--slate-700);font-size:12px;font-weight:600}.course-level-summary>span strong{color:var(--error-500)}.course-level-summary>div{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--slate-800);background:var(--slate-50);border:1px solid var(--border-light);border-radius:7px}.course-level-summary.has-error>div{border-color:var(--error-500)}.course-level-summary>small{color:var(--error-500);font-size:11px;font-weight:500}.course-level-summary-dot{width:9px;height:9px;flex:0 0 9px;background:var(--primary-500);border-radius:50%}.course-creation-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-relation-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:14px}.course-create-related{height:42px;padding:0 4px;color:var(--primary-600);background:transparent;border:0;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.course-installment-grid{display:grid;grid-template-columns:.9fr 1.2fr .95fr;gap:28px;align-items:start}.course-installment-mode,.course-installment-count{display:flex;flex-direction:column;gap:12px}.course-installment-label{font-size:12px;font-weight:700}.course-installment-check{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;cursor:pointer}.course-installment-check input{width:16px;height:16px;accent-color:var(--primary-600)}.course-installment-mode>small,.course-installment-option>small{color:var(--slate-500);font-size:11px;line-height:1.5}.course-installment-note{margin-top:18px;padding:14px;color:var(--primary-700);background:#eef4ff;border:1px solid #cbdcff;border-radius:7px;font-size:12px}.course-installment-note p{margin:8px 0 0;color:var(--slate-700);line-height:1.55}.course-installment-option{padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--slate-50);border:1px solid var(--border-light);border-radius:8px}.course-installment-option>strong{color:var(--primary-700);font-size:12px}.course-schedule-summary{padding:14px;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;color:var(--slate-700);background:#effaf3;border:1px solid #bce8c9;border-radius:7px;font-size:11px}.course-schedule-summary>strong{grid-column:1/-1;color:#218647;font-size:12px}.course-schedule-summary b{text-align:right;font-weight:600}.course-installment-preview{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.course-installment-preview-heading{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.course-installment-preview-heading h3{margin:0;color:var(--slate-800);font-size:13px;font-weight:700}.course-installment-preview-heading p{margin:5px 0 0;color:var(--slate-500);font-size:11px}.course-installment-balance{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.course-installment-balance span{color:var(--slate-500);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.course-installment-balance strong{color:var(--slate-900);font-size:14px}.course-first-installment{margin-bottom:16px;overflow-x:auto}.course-first-installment h4{margin:0 0 8px;color:var(--slate-700);font-size:11px;font-weight:700}.course-first-installment-table{min-width:700px;overflow:hidden;border:1px solid #cbdcff;border-radius:8px}.course-first-installment-header,.course-first-installment-row{display:grid;grid-template-columns:.65fr 1.15fr 1fr 1.6fr;align-items:center;gap:14px;min-height:42px;padding:0 16px}.course-first-installment-header{color:var(--primary-700);background:#eef4ff;border-bottom:1px solid #cbdcff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.course-first-installment-row{color:var(--slate-700);background:#fff;font-size:11px}.course-first-installment-row>span:nth-child(2),.course-first-installment-row>span:nth-child(3){font-variant-numeric:tabular-nums;font-weight:600}.course-installment-table-scroll{overflow-x:auto;border:1px solid var(--border-light);border-radius:8px}.course-installment-table{min-width:700px}.course-installment-table-header,.course-installment-table-row{display:grid;grid-template-columns:.65fr 1.15fr 1fr 1.6fr;align-items:center;gap:14px;min-height:42px;padding:0 16px}.course-installment-table-header{color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.course-installment-table-row{color:var(--slate-700);background:#fff;border-bottom:1px solid var(--border-light);font-size:11px}.course-installment-table-row:last-child{border-bottom:0}.course-installment-table-row:hover{background:var(--slate-50)}.course-installment-table-row>span:nth-child(3){font-variant-numeric:tabular-nums;font-weight:600}.course-installment-preview-empty{padding:24px;color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--border-light);border-radius:8px;text-align:center;font-size:12px}.course-creation-actions{position:sticky;bottom:-48px;z-index:15;padding:14px 0 4px;display:flex;justify-content:flex-end;gap:12px;background:#fafbfc;border-top:1px solid var(--border-light)}.course-creation-actions button{min-width:116px;height:42px;padding:0 18px;border-radius:7px;font-weight:700;cursor:pointer}.course-action-cancel{color:var(--slate-700);background:#fff;border:1px solid var(--border-light)}.course-action-preview{color:var(--primary-700);background:#fff;border:1px solid var(--primary-500)}.course-action-preview:hover{color:#fff;background:var(--primary-600)}.course-action-save{color:#fff;background:var(--primary-600);border:1px solid var(--primary-600)}.course-action-save.needs-attention{border-color:#ef4444;box-shadow:0 0 0 3px #ef44443d,0 7px 18px #ef444438;animation:course-save-attention 1.8s ease-in-out infinite}@keyframes course-save-attention{0%,to{filter:brightness(1);box-shadow:0 0 0 3px #ef444433,0 7px 18px #ef44442e}50%{filter:brightness(1.08);box-shadow:0 0 0 6px #ef444457,0 9px 24px #ef444447}}.course-creation-actions button:disabled{opacity:.65;cursor:not-allowed}.course-creation-alert{padding:12px 14px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;font-size:13px}.course-creation-state{min-height:300px;display:grid;place-items:center;color:var(--slate-500)}@media(max-width:1200px){.course-basic-primary,.course-fee-grid,.course-installment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-installment-count{grid-column:1/-1}}@media(max-width:900px){.course-basic-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.course-creation-relations{grid-template-columns:1fr}}@media(max-width:640px){.course-creation-toolbar{top:-20px;align-items:flex-start}.course-creation-toolbar h1{font-size:20px}.course-creation-toolbar p{display:none}.course-creation-back{min-height:36px;padding:0 10px;font-size:11px}.course-creation-card{padding:16px}.course-basic-primary,.course-fee-grid,.course-installment-grid{grid-template-columns:1fr;gap:16px}.course-installment-count{grid-column:auto}.course-relation-row{grid-template-columns:1fr;align-items:start}.course-create-related{height:auto;padding:0;text-align:left}.course-creation-actions{bottom:-24px}.course-installment-preview-heading{align-items:flex-start;flex-direction:column}.course-installment-balance{align-items:flex-start}.course-first-installment{overflow-x:auto}}@media(prefers-reduced-motion:reduce){.course-action-save.needs-attention{animation:none}}.course-preview-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:14px;background:#0f172a8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.course-preview-container{width:min(920px,calc(100vw - 28px));height:min(860px,calc(100vh - 28px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 24px 60px #0f172a42}.course-preview-header{min-height:62px;padding:12px 18px;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--border-light)}.course-preview-header h2{margin:0;color:var(--slate-900);font-size:18px}.course-preview-header p{margin:3px 0 0;color:var(--slate-500);font-size:11px}.course-preview-header button{height:34px;padding:0 12px;color:#b42318;background:#fef3f2;border:1px solid #fda29b;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.course-preview-header button:hover{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc26263d}.course-preview-content{min-height:0;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-gutter:stable}.course-preview-content::-webkit-scrollbar{width:8px}.course-preview-content::-webkit-scrollbar-track{background:transparent}.course-preview-content::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:999px}.course-preview-column{display:flex;flex-direction:column;gap:12px;min-width:0}.course-preview-section,.course-preview-schedule{padding:12px 14px;border:1px solid var(--border-light);border-radius:9px}.course-preview-section h3,.course-preview-schedule h3{margin:0 0 10px;display:flex;align-items:center;gap:7px;color:var(--primary-700);font-size:12px}.course-preview-section h3 span{width:23px;height:23px;display:grid;place-items:center;color:#fff;background:var(--primary-600);border-radius:6px;font-size:9px}.course-preview-section.fees h3 span{background:#16a34a}.course-preview-section.relations h3 span{background:#7c3aed}.course-preview-section.installments h3 span{background:#ea8b13}.course-preview-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.course-preview-detail{min-width:0;display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr);gap:10px;align-items:start}.course-preview-detail span{color:var(--slate-500);font-size:9px}.course-preview-detail strong{min-width:0;color:var(--slate-800);font-size:10px;font-weight:700;overflow-wrap:anywhere;line-height:1.4}.course-preview-schedule{flex:1;min-height:0}.course-preview-schedule>h3{color:var(--slate-800)}.course-preview-first-row,.course-preview-table-head,.course-preview-table-row{display:grid;grid-template-columns:.6fr 1.1fr 1fr 1.35fr;align-items:center;gap:10px;padding:0 10px}.course-preview-first-row{min-height:30px;margin-bottom:7px;color:var(--primary-800);background:#eef4ff;border:1px solid #cbdcff;border-radius:6px;font-size:9px;font-weight:700}.course-preview-table{overflow:hidden;border:1px solid var(--border-light);border-radius:7px}.course-preview-table-head{position:sticky;top:0;z-index:1;min-height:28px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:8px;font-weight:700;text-transform:uppercase}.course-preview-table-row{min-height:27px;color:var(--slate-700);border-bottom:1px solid var(--border-light);font-size:9px}.course-preview-table-row:last-child{border-bottom:0}.course-preview-first-row>span:nth-child(3),.course-preview-table-row>span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;font-weight:700}@media(max-width:760px){.course-preview-container{height:calc(100vh - 20px);width:calc(100vw - 20px)}.course-preview-details-grid{grid-template-columns:1fr}}.fee-version-overlay{position:fixed;inset:0;z-index:1000;padding:24px;display:grid;place-items:center;background:#0f172a8c}.fee-version-modal{width:min(850px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 24px 70px #0f172a38}.fee-version-modal>header{padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border-light)}.fee-version-modal h2{margin:0;color:var(--slate-900);font-size:20px}.fee-version-modal header p{margin:5px 0 0;color:var(--slate-500);font-size:12px}.fee-version-modal header button{width:34px;height:34px;color:#fff;background:#e53935;border:0;border-radius:7px;font-size:22px;cursor:pointer}.fee-version-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.fee-version-section{padding:18px;border:1px solid var(--border-light);border-radius:10px}.fee-version-section h3{margin:0 0 16px;color:var(--primary-700);font-size:14px}.fee-version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fee-version-field{display:flex;flex-direction:column;gap:7px;color:var(--slate-700);font-size:12px;font-weight:600}.fee-version-field strong{color:var(--error-500)}.fee-version-field input{height:42px;padding:0 12px;border:1px solid var(--border-light);border-radius:7px;outline:0}.fee-version-field input:focus{border-color:var(--primary-500)}.fee-version-field small{color:var(--error-500);font-size:11px}.fee-version-check{margin-bottom:16px;display:flex;align-items:center;gap:9px;color:var(--slate-700);font-size:12px;font-weight:600}.fee-version-check input{width:16px;height:16px;accent-color:var(--primary-600)}.fee-version-summary{margin-top:16px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--slate-700);background:#effaf3;border:1px solid #bce8c9;border-radius:8px;font-size:12px}.fee-version-error{padding:11px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:7px;font-size:12px}.fee-version-modal>footer{padding:15px 24px;display:flex;justify-content:flex-end;gap:12px;background:var(--slate-50);border-top:1px solid var(--border-light)}.fee-version-modal>footer button{height:40px;min-width:120px;padding:0 18px;border-radius:7px;font-weight:700;cursor:pointer}.fee-version-cancel{color:var(--slate-700);background:#fff;border:1px solid var(--border-light)}.fee-version-save{color:#fff;background:var(--primary-600);border:1px solid var(--primary-600)}.fee-version-modal>footer button:disabled{opacity:.6;cursor:not-allowed}.fee-version-schedule{margin-top:16px;padding:14px;border:1px solid var(--border-light);border-radius:9px;background:#fff}.fee-version-schedule h4{margin:0 0 5px;color:var(--primary-700);font-size:13px}.fee-version-schedule>p{margin:0 0 14px;color:var(--slate-500);font-size:11px}.fee-version-schedule h5{margin:0 0 9px;color:var(--slate-800);font-size:12px}.fee-version-table-scroll{overflow-x:auto}.fee-version-table-scroll.cycles{max-height:300px;margin-top:14px;overflow:auto}.fee-version-table{min-width:620px;overflow:hidden;border:1px solid var(--border-light);border-radius:8px}.fee-version-table .head,.fee-version-table .row{display:grid;grid-template-columns:.65fr 1fr 1.2fr 1.3fr;align-items:center}.fee-version-table .head{color:var(--primary-700);background:var(--slate-50);font-size:10px;font-weight:700;text-transform:uppercase}.fee-version-table .row{min-height:38px;color:var(--slate-700);border-top:1px solid var(--border-light);font-size:12px}.fee-version-table span{padding:9px 11px}.fee-version-schedule-empty{margin-top:14px;padding:15px;color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--border-light);border-radius:7px;font-size:11px;text-align:center}@media(max-width:640px){.fee-version-overlay{padding:10px}.fee-version-modal{max-height:calc(100vh - 20px)}.fee-version-grid{grid-template-columns:1fr}.fee-version-body,.fee-version-modal>header,.fee-version-modal>footer{padding-left:16px;padding-right:16px}}.addon-course-list-header{display:grid;grid-template-columns:1.2fr 2.6fr 1.5fr 1.25fr 1fr 140px;gap:16px;align-items:center;padding:0 24px;min-height:48px;background:#f8fafc;border-bottom:1px solid var(--border-light)}.addon-course-list-header>div{display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-course-code-col,.addon-course-title-col,.addon-course-type-col,.addon-course-status-col,.addon-course-due-date-col{justify-content:flex-start}.addon-course-action-col{justify-content:center}.addon-status-modal{width:min(460px,calc(100vw - 32px))}.addon-status-modal-body{padding-top:26px;padding-bottom:26px}.addon-status-modal-body p{margin:0;color:var(--slate-600);font-size:14px;line-height:1.6}.addon-course-list-body{display:flex;flex-direction:column;background:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;text-align:center}.empty-state-icon{width:48px;height:48px;color:var(--slate-300);margin-bottom:8px}.empty-state-text{margin:0;font-size:15px;font-weight:600;color:var(--slate-700)}.empty-state-hint{margin:0;font-size:14px;color:var(--slate-400);font-weight:400;max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--slate-200);border-top-color:var(--slate-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin:0;font-size:14px;color:var(--slate-400);font-weight:400}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;text-align:center}.error-icon{width:48px;height:48px;color:#ef4444;margin-bottom:8px}.error-text{margin:0;font-size:15px;font-weight:600;color:var(--slate-700)}.retry-btn{height:36px;padding:0 16px;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--slate-600);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.retry-btn:hover{background:#f8fafc;border-color:var(--slate-300);color:var(--slate-900)}@media(max-width:1024px){.addon-course-list-header{grid-template-columns:1fr 2fr 1.2fr 1.15fr 1fr 120px;gap:12px;padding:0 20px}.empty-state,.loading-state,.error-state{padding:48px 20px}}@media(max-width:768px){.addon-course-list-header{grid-template-columns:1fr 2fr 1.3fr 1fr;gap:10px;padding:0 16px}.addon-course-type-col,.addon-course-action-col{display:none}}@media(max-width:640px){.addon-course-list-header{grid-template-columns:1fr 1.5fr 1.2fr 1fr;gap:8px;padding:0 12px}.empty-state,.loading-state,.error-state{padding:40px 16px}}.addon-course-list-row{display:grid;grid-template-columns:1.2fr 2.6fr 1.5fr 1.25fr 1fr 140px;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-light);transition:all var(--transition-base);background:#fff;position:relative}.addon-course-list-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-500),var(--secondary-500));transform:scaleY(0);transition:transform var(--transition-base);border-radius:0 2px 2px 0}.addon-course-list-row:last-child{border-bottom:none}.addon-course-list-row:hover{background:linear-gradient(90deg,#6366f108,#6366f103);transform:translate(2px);box-shadow:0 2px 8px #00000008}.addon-course-list-row:hover:before{transform:scaleY(1)}.addon-course-code-col{min-width:0;font-size:14px;font-weight:600;color:var(--slate-900);display:flex;align-items:center;gap:16px}.addon-course-code-text{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-course-title-col{min-width:0;font-size:14px;font-weight:500;color:var(--slate-700);display:flex;align-items:center}.addon-course-profile{position:relative;width:44px;height:44px;display:flex;flex:0 0 44px;justify-content:center;align-items:center;overflow:hidden;color:var(--primary-700);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border-radius:12px;font-size:16px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #6366f126;transition:all var(--transition-base)}.addon-course-profile:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.addon-course-list-row:hover .addon-course-profile{transform:scale(1.05);box-shadow:0 4px 12px #6366f140}.addon-course-list-row:hover .addon-course-profile:before{transform:translate(100%)}.addon-course-title-text{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-course-type-col{font-size:14px;font-weight:400;color:var(--slate-600);display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-course-status-col{font-size:13px;font-weight:500;display:flex;align-items:center}.addon-course-due-date-col{min-width:0;color:var(--slate-600);font-size:14px;white-space:nowrap}.addon-table-status-toggle{display:flex;align-items:center;gap:10px}.addon-table-status-toggle .bundle-toggle-switch:not(.active){background:var(--error-500)}.addon-course-action-col{display:flex;align-items:center;justify-content:center;gap:6px}.category-badge{margin-left:8px;padding:3px 8px;background:#f1f5f9;color:var(--slate-500);font-size:11px;font-weight:500;border-radius:4px;text-transform:capitalize;flex-shrink:0}.status-pill{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;text-transform:capitalize}.status-pill.active{background:#d1fae5;color:#059669}.status-pill.inactive{background:#fee2e2;color:#dc2626}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:6px;background:#fff;cursor:pointer;transition:all .15s ease;padding:0}.action-btn svg{width:16px;height:16px}.action-btn:hover{border-color:var(--slate-300);box-shadow:0 1px 2px #00000014}.view-btn{color:#3b82f6}.view-btn:hover{background:#eff6ff;border-color:#3b82f6}.edit-btn{color:#10b981}.edit-btn:hover{background:#ecfdf5;border-color:#10b981}.action-btn:focus-visible{outline:2px solid var(--slate-400);outline-offset:2px}@media(max-width:1024px){.addon-course-list-row{grid-template-columns:1fr 2fr 1.2fr 1.15fr 1fr 120px;gap:12px;padding:14px 20px}.addon-course-action-col{gap:6px}.action-btn{width:30px;height:30px}.action-btn svg{width:15px;height:15px}.addon-course-profile{width:40px;height:40px;flex-basis:40px;font-size:15px}}@media(max-width:768px){.addon-course-list-row{grid-template-columns:1fr 2fr 1.3fr 1fr;gap:10px;padding:12px 16px}.addon-course-type-col,.addon-course-action-col{display:none}.addon-course-code-col{font-size:13px;gap:12px}.addon-course-title-col,.addon-course-type-col{font-size:13px}.status-pill{font-size:12px;padding:3px 8px}.addon-course-profile{width:36px;height:36px;flex-basis:36px;font-size:14px}}@media(max-width:640px){.addon-course-list-row{grid-template-columns:1fr 1.5fr 1.2fr 1fr;padding:12px 14px;gap:8px}.addon-course-code-col,.addon-course-title-col,.addon-course-type-col{font-size:12px}.category-badge{font-size:10px;padding:2px 6px}}.addon-view-backdrop{position:fixed;z-index:1200;inset:0;padding:24px;display:flex;align-items:center;justify-content:center;background:#1f29378c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.addon-view-modal{width:min(1040px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;color:#111827;background:#fff;border:1px solid #ded9ee;border-radius:18px;box-shadow:0 26px 70px #0f172a47}.addon-view-header{position:relative;flex:0 0 auto;padding:30px 38px;display:grid;grid-template-columns:72px minmax(0,1fr) 50px;align-items:center;gap:24px;overflow:hidden;background:radial-gradient(circle at 87% 28%,rgba(255,255,255,.28) 0 2px,transparent 3px),linear-gradient(110deg,#f4e8ff,#e8e5ff 43%,#6f8ff0 73%,#42b9ee);background-size:22px 22px,100% 100%}.addon-view-heading-icon{width:72px;height:72px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#9b75f5,#3d1ba8);border-radius:14px;box-shadow:0 10px 22px #43239f38}.addon-view-heading-icon svg{width:38px;height:38px}.addon-view-heading-text h2{margin:0;color:#111827;font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.025em}.addon-view-heading-text p{margin:7px 0 0;color:#4b5563;font-size:16px}.addon-view-header-close{width:50px;height:50px;padding:0;display:grid;place-items:center;color:#111827;background:#fff;border:1px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 7px 18px #0f172a29;cursor:pointer}.addon-view-header-close:hover{background:#f8fafc}.addon-view-header-close svg{width:23px;height:23px}.addon-view-scroll-content{min-height:0;padding:30px 38px 8px;overflow-y:auto}.addon-view-section{padding-bottom:26px}.addon-view-section+.addon-view-section{padding-top:24px;border-top:1px solid #e5e7eb}.addon-view-section h3{margin:0 0 20px;display:flex;align-items:center;gap:12px;color:#4d29bc;font-size:16px;font-weight:750}.addon-view-section h3 svg{width:23px;height:23px}.addon-view-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.addon-view-detail-card{min-width:0;min-height:72px;padding:12px;display:flex;align-items:center;gap:16px;background:#faf9fd;border-radius:10px}.addon-view-detail-icon,.addon-view-small-icon{display:grid;flex:0 0 auto;place-items:center;border-radius:10px}.addon-view-detail-icon{width:48px;height:48px}.addon-view-small-icon{width:42px;height:42px}.addon-view-detail-icon svg,.addon-view-small-icon svg{width:23px;height:23px}.addon-view-detail-icon.purple,.addon-view-small-icon.purple{color:#5632c5;background:#eee8ff}.addon-view-detail-icon.red,.addon-view-small-icon.red{color:#ef4444;background:#fee8e8}.addon-view-detail-icon.blue,.addon-view-small-icon.blue{color:#168bd2;background:#e2f3ff}.addon-view-detail-icon.amber,.addon-view-small-icon.amber{color:#e6a008;background:#fff3d6}.addon-view-detail-icon.green,.addon-view-small-icon.green{color:#10a96d;background:#dcf8ec}.addon-view-detail-content{min-width:0;display:flex;flex-direction:column;gap:4px}.addon-view-detail-content>span,.addon-view-additional-row>div:last-child>span{color:#6b7280;font-size:13px;font-weight:500}.addon-view-detail-content>strong,.addon-view-additional-row strong{color:#111827;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.addon-view-status{width:fit-content;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:13px}.addon-view-status svg{width:14px;height:14px}.addon-view-status.active{color:#05865a;background:#d8f5e9}.addon-view-status.inactive{color:#c62828;background:#fee2e2}.addon-view-additional-list{display:flex;flex-direction:column;gap:12px}.addon-view-additional-row{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px}.addon-view-additional-row>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.addon-view-list-section h3{margin-bottom:14px}.addon-view-numbered-list{margin:0;padding:0;display:flex;flex-direction:column;gap:9px;list-style:none}.addon-view-numbered-list li{min-width:0;padding:9px 14px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;background:#f4fbff;border:1px solid #cde8f4;border-radius:9px}.addon-view-numbered-list li>span{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#147ac5;border-radius:50%;font-size:13px;font-weight:700}.addon-view-numbered-list p{margin:0;color:#334155;overflow-wrap:anywhere}.addon-view-empty,.addon-view-feedback{margin:0;padding:20px;color:#6b7280;background:#f8fafc;border-radius:10px;text-align:center}.addon-view-feedback.error{color:#b91c1c;background:#fef2f2}@media(max-width:760px){.addon-view-backdrop{padding:12px}.addon-view-modal{max-height:calc(100vh - 24px)}.addon-view-header{padding:22px;grid-template-columns:56px minmax(0,1fr) 42px;gap:15px}.addon-view-heading-icon{width:56px;height:56px}.addon-view-heading-icon svg{width:29px;height:29px}.addon-view-heading-text h2{font-size:23px}.addon-view-heading-text p{font-size:13px}.addon-view-header-close{width:42px;height:42px}.addon-view-scroll-content{padding:24px 20px 6px}.addon-view-basic-grid{grid-template-columns:1fr}}@media(max-width:480px){.addon-view-header{grid-template-columns:minmax(0,1fr) 40px}.addon-view-heading-icon{display:none}.addon-view-heading-text h2{font-size:20px}}.addon-course-content{display:flex;flex-direction:column;gap:24px;padding:0 8px 0 12px}.addon-course-layout{display:grid;grid-template-columns:1fr 400px;gap:20px;align-items:start}.addon-course-left{display:flex;flex-direction:column;gap:24px}.addon-course-right{display:flex;flex-direction:column;gap:24px;position:static}.basic-information-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005;border:1px solid #edf2f7;overflow:hidden}.basic-information-header{padding:24px 32px;border-bottom:1px solid #edf2f7}.basic-information-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#1a202c}.basic-information-description{margin:0;font-size:14px;color:#718096;line-height:1.5}.basic-information-body{padding:32px}.basic-information-layout{display:grid;grid-template-columns:1fr;gap:24px}.basic-information-left,.basic-information-right{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:4px}.required-mark{color:#e53e3e;font-weight:700}.form-input{height:44px;border:1px solid #e2e8f0;border-radius:8px;padding:0 16px;font-size:15px;outline:none;transition:all .2s ease;color:#2d3748;background-color:#fff}.form-input:focus{border-color:#0b45ab;box-shadow:0 0 0 3px #0b45ab1a}.form-input::placeholder{color:#a0aec0}.form-input.input-error{border-color:#dc2626}.form-input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{margin:0;color:#dc2626;font-size:12px;line-height:1.4}.form-textarea{min-height:120px;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:15px;outline:none;transition:all .2s ease;color:#2d3748;background-color:#fff;resize:vertical;font-family:inherit;line-height:1.5}.form-textarea:focus{border-color:#0b45ab;box-shadow:0 0 0 3px #0b45ab1a}.form-textarea::placeholder{color:#a0aec0}.character-count{text-align:right;font-size:12px;color:#a0aec0;margin-top:4px}.course-type-options{display:flex;gap:16px}.course-type-card{flex:1;min-width:200px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.course-type-card:disabled{cursor:default}.course-type-card:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a;transform:translateY(-1px)}.active-course-type{background:#eff6ff;border-color:#2563eb}.active-course-type:hover{background:#eff6ff;box-shadow:0 2px 12px #2563eb26}.course-type-radio{position:relative;width:18px;height:18px;flex-shrink:0;border:2px solid #cbd5e0;border-radius:50%;transition:all .2s ease}.course-type-radio.active-radio{border-color:#2563eb}.course-type-radio.active-radio:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#2563eb;transform:translate(-50%,-50%)}.course-type-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b;transition:all .2s ease}.course-type-card:hover .course-type-icon,.active-course-type .course-type-icon{color:#2563eb}.course-type-content{display:flex;flex-direction:column;gap:2px;min-width:0}.course-type-title{margin:0;font-size:15px;font-weight:600;line-height:1.3;color:#1e293b;white-space:nowrap}.course-type-description{margin:0;font-size:13px;line-height:1.4;color:#64748b}@media(max-width:1024px){.basic-information-layout{grid-template-columns:1fr}.course-type-options{flex-direction:column;gap:12px}.course-type-card{min-width:100%}}@media(max-width:768px){.basic-information-header,.basic-information-body{padding:20px}.basic-information-layout{gap:24px}.course-type-card{padding:14px 16px}.course-type-title{font-size:14px}.course-type-description{font-size:12px}}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:24px 0}.addon-course-back-btn{height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#334155;border:1px solid #dbe3ec;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.addon-course-back-btn svg{width:18px;height:18px}.addon-course-back-btn:hover{color:#0b45ab;border-color:#9db5d5;background:#f8fafc}.addon-course-back-btn:active{transform:translateY(1px)}.addon-course-back-btn:focus-visible{outline:2px solid #0b45ab;outline-offset:2px}.cancel-btn{height:44px;padding:0 24px;background:#fff;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#2d3748}.cancel-btn:active{transform:translateY(1px)}.cancel-btn:focus-visible{outline:2px solid #0b45ab;outline-offset:2px}.submit-btn{height:44px;padding:0 24px;background:#0b45ab;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background:#093a91;transform:translateY(-1px);box-shadow:0 4px 12px #0b45ab33}.submit-btn:active{transform:translateY(0)}.submit-btn:focus-visible{outline:2px solid #0b45ab;outline-offset:2px}@media(max-width:768px){.form-actions{flex-direction:column-reverse;gap:12px;padding:20px 0}.cancel-btn,.submit-btn{width:100%}}.course-highlights-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005;border:1px solid #edf2f7;overflow:hidden}.course-highlights-header{padding:24px 32px;border-bottom:1px solid #edf2f7}.course-highlights-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.course-highlights-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.course-highlights-title{margin:0;font-size:20px;font-weight:700;color:#1a202c}.course-highlights-description{margin:0;font-size:14px;color:#718096;line-height:1.5;padding-left:36px}.course-highlights-body{padding:32px;display:flex;flex-direction:column;gap:12px}.course-highlight-row{display:flex;align-items:center;gap:12px}.checkmark-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center}.course-highlight-input{flex:1;height:44px;border:1px solid #e2e8f0;border-radius:8px;padding:0 16px;font-size:15px;outline:none;transition:all .2s ease;color:#2d3748;background-color:#fff}.course-highlight-input:focus{border-color:#0b45ab;box-shadow:0 0 0 3px #0b45ab1a}.course-highlight-input::placeholder{color:#a0aec0}.delete-highlight-btn{width:36px;height:36px;min-width:36px;display:flex;justify-content:center;align-items:center;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.delete-highlight-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}.delete-highlight-btn:active{transform:translateY(0)}.delete-highlight-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.add-highlight-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-highlight-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.add-highlight-btn:active{transform:translateY(0)}.add-highlight-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.additional-info-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005;border:1px solid #edf2f7;overflow:hidden}.additional-info-header{padding:24px 32px;border-bottom:1px solid #edf2f7}.additional-info-title-wrapper{display:flex;align-items:center;gap:12px}.additional-info-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.additional-info-title{margin:0;font-size:20px;font-weight:700;color:#1a202c}.additional-info-body{padding:32px;display:flex;flex-direction:column;gap:20px}.optional-mark{font-weight:400;color:#a0aec0;font-size:13px}.course-status-toggle{display:flex;align-items:center;gap:12px}.toggle-switch{width:48px;height:26px;position:relative;border:none;border-radius:13px;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.toggle-switch.active{background:#2563eb}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:all .3s ease}.toggle-slider.active{left:25px}.toggle-status-text{font-size:15px;font-weight:500;color:#4a5568}@media(max-width:1200px){.addon-course-layout{grid-template-columns:1fr 340px}}@media(max-width:1024px){.addon-course-layout{grid-template-columns:1fr;gap:24px}.addon-course-right{position:static}}@media(max-width:768px){.course-highlights-header,.course-highlights-body,.additional-info-header,.additional-info-body{padding:20px}.course-highlights-description{padding-left:0}.course-highlight-row{flex-wrap:wrap}.delete-highlight-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.course-highlight-input{padding-right:48px}}.form-select{height:46px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:.2s}.form-select:focus{outline:none;border-color:#0b45ab;box-shadow:0 0 0 3px #0b45ab14}.form-input:disabled,.form-textarea:disabled,.form-select:disabled,.course-highlight-input:disabled{background-color:#f7fafc;color:#4a5568;cursor:default;opacity:1}.form-input:disabled::placeholder,.form-textarea:disabled::placeholder,.course-highlight-input:disabled::placeholder{color:#cbd5e0}.learning-outcomes-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005;border:1px solid #edf2f7;overflow:hidden}.learning-outcomes-header{padding:24px 32px;border-bottom:1px solid #edf2f7}.learning-outcomes-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#1a202c}.learning-outcomes-description{margin:0;font-size:14px;color:#718096;line-height:1.5}.learning-outcomes-body{padding:32px;display:flex;flex-direction:column;gap:16px}.learning-outcome-row{display:flex;align-items:flex-start;gap:12px}.learning-outcome-input{flex:1}.delete-outcome-btn{width:44px;height:44px;min-width:44px;margin-top:28px;display:flex;justify-content:center;align-items:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:18px;color:#ef4444;cursor:pointer;transition:all .2s ease}.delete-outcome-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef444426}.delete-outcome-btn:active{transform:translateY(0)}.delete-outcome-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.add-learning-btn{width:fit-content;padding:12px 20px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-learning-btn:hover{background:#eff6ff;border-color:#94a3b8;color:#0b45ab;transform:translateY(-1px);box-shadow:0 2px 8px #0b45ab1a}.add-learning-btn:active{transform:translateY(0)}.add-learning-btn:focus-visible{outline:2px solid #0b45ab;outline-offset:2px}@media(max-width:768px){.learning-outcomes-header,.learning-outcomes-body{padding:20px}.learning-outcome-row{flex-direction:column;align-items:stretch}.delete-outcome-btn{width:100%;margin-top:8px}}.create-bundle-page{display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;width:100%}.create-bundle-toolbar{margin-bottom:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.create-bundle-heading{min-width:0}.bundle-toolbar-back-button{height:44px;flex:0 0 auto;padding:0 18px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#334155;border:1px solid #dbe3ec;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.bundle-toolbar-back-button svg{width:18px;height:18px}.bundle-toolbar-back-button:hover:not(:disabled){color:#0b45ab;border-color:#9db5d5;background:#f8fafc}.bundle-toolbar-back-button:active:not(:disabled){transform:translateY(1px)}.bundle-toolbar-back-button:focus-visible{outline:2px solid #0b45ab;outline-offset:2px}.bundle-toolbar-back-button:disabled{opacity:.6;cursor:not-allowed}.create-bundle-heading{margin-bottom:8px}.create-bundle-heading h1{margin:0 0 8px;font-size:32px;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;line-height:1.2}.create-bundle-heading p{margin:0;color:var(--slate-500);font-size:15px;font-weight:400;line-height:1.5}.bundle-content-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.bundle-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;padding:24px}.bundle-card h2{margin:0 0 20px;color:var(--slate-900);font-size:18px;font-weight:600;letter-spacing:-.01em}.bundle-information-card{position:sticky;top:0}.bundle-label{display:block;margin:0 0 8px;color:var(--slate-700);font-size:14px;font-weight:600}.bundle-label:first-of-type{margin-top:0}.bundle-label span{color:#ef4444}.bundle-label+.bundle-input{margin-top:0}.bundle-label+.bundle-textarea{margin-top:0}.bundle-label+.modal-status-toggle{margin-top:0}.bundle-input,.bundle-textarea,.bundle-search-wrapper input{box-sizing:border-box;width:100%;border:1px solid var(--border-light);border-radius:8px;color:var(--slate-900);font:inherit;outline:none;transition:all .15s ease}.bundle-input{height:40px;padding:0 14px;font-size:14px;font-weight:400}.bundle-textarea{min-height:100px;padding:12px 14px;resize:vertical;font-size:14px;font-weight:400;line-height:1.5}.bundle-input:focus,.bundle-textarea:focus,.bundle-search-wrapper input:focus{border-color:var(--slate-400);box-shadow:0 0 0 3px #94a3b81a}.bundle-input::placeholder,.bundle-textarea::placeholder{color:var(--slate-400);font-weight:400}.bundle-character-count{margin:6px 0 0;color:var(--slate-400);font-size:12px;text-align:right;font-weight:400}.bundle-courses-card{display:flex;flex-direction:column}.bundle-courses-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.bundle-courses-header h2{margin:0;font-size:18px;font-weight:600;color:var(--slate-900);letter-spacing:-.01em}.bundle-courses-header span{color:var(--slate-500);font-size:13px;font-weight:500;background:#f1f5f9;padding:4px 10px;border-radius:6px}.bundle-search-wrapper{position:relative;margin-bottom:16px}.bundle-search-wrapper svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:16px;height:16px;color:var(--slate-400)}.bundle-search-wrapper input{height:40px;padding:0 14px 0 40px;font-size:14px}.bundle-course-table{border:1px solid var(--border-light);border-radius:8px;overflow:hidden;background:#fff}.bundle-course-header,.bundle-course-row{display:grid;grid-template-columns:32px 1fr 2fr 1.2fr;align-items:center;gap:12px;min-height:48px;padding:0 16px}.bundle-course-header{background:#f8fafc;color:var(--slate-500);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.bundle-course-row{border-top:1px solid var(--border-light);color:var(--slate-700);cursor:pointer;font-size:14px;font-weight:400;transition:background .1s ease}.bundle-course-row:hover{background:#f8fafc}.bundle-course-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--slate-900);cursor:pointer}.bundle-course-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-course-row span:last-child{color:var(--slate-400);font-weight:400}.bundle-feedback{padding:48px 16px;color:var(--slate-400);text-align:center;font-size:14px;font-weight:400}.bundle-feedback.error,.bundle-message.error{color:#dc2626}.bundle-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--slate-500);font-size:13px;font-weight:400}.bundle-pagination>div{display:flex;gap:4px}.bundle-pagination button{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--slate-600);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.bundle-pagination button:hover:not(:disabled):not(.active){background:#f8fafc;border-color:var(--slate-300)}.bundle-pagination button.active,.bundle-pagination button.active:hover{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.bundle-pagination button:disabled{cursor:not-allowed;opacity:.4}.bundle-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-light)}.bundle-cancel-button,.bundle-create-button{min-width:140px;height:40px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.bundle-cancel-button{border:1px solid var(--border-light);background:#fff;color:var(--slate-600);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.bundle-cancel-button:hover{background:#f8fafc;border-color:var(--slate-300);color:var(--slate-900)}.bundle-create-button{border:none;background:var(--slate-900);color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.bundle-create-button:hover{background:var(--slate-800);box-shadow:0 4px 6px #00000029,0 2px 4px #0000001f;transform:translateY(-1px)}.bundle-create-button:active{transform:translateY(0)}.bundle-message{margin:0;padding:16px 20px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px}.bundle-message.success{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.bundle-message.error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}@media(max-width:1200px){.bundle-content-grid{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:960px){.bundle-content-grid{grid-template-columns:1fr}.bundle-information-card{position:static}}@media(max-width:768px){.create-bundle-heading h1{font-size:28px}.bundle-card{padding:20px}.bundle-course-header,.bundle-course-row{grid-template-columns:28px 1fr 1.5fr;gap:10px;padding:0 12px;min-height:44px}.bundle-course-header span:last-child,.bundle-course-row span:last-child{display:none}}@media(max-width:640px){.create-bundle-page{gap:20px}.create-bundle-heading h1{font-size:24px}.bundle-card{padding:16px}.bundle-card h2{font-size:16px;margin-bottom:16px}.bundle-actions{flex-direction:column;align-items:stretch}.bundle-cancel-button,.bundle-create-button{width:100%}.bundle-pagination{flex-direction:column;align-items:stretch;gap:12px}.bundle-pagination>div{justify-content:center}}.bundle-list-page{display:flex;flex-direction:column;gap:24px;max-width:1600px;margin:0 auto;width:100%}.bundle-list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:8px}.bundle-list-toolbar>div:first-child{flex:1;min-width:0}.bundle-list-toolbar h1{margin:0 0 8px;font-size:32px;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;line-height:1.2}.bundle-list-toolbar p{margin:0;color:var(--slate-500);font-size:15px;font-weight:400;line-height:1.5;max-width:600px}.bundle-list-create-button{height:40px;padding:0 20px;border:none;border-radius:8px;background:var(--slate-900);color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;display:flex;align-items:center;gap:6px}.bundle-list-create-button:hover{background:var(--slate-800);box-shadow:0 4px 6px #00000029,0 2px 4px #0000001f;transform:translateY(-1px)}.bundle-list-create-button:active{transform:translateY(0)}.bundle-list-create-button span{font-size:18px;font-weight:500;line-height:1}.bundle-statistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bundle-stat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--border-light);border-radius:12px;background:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:all .15s ease;position:relative;overflow:hidden}.bundle-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--slate-200);transition:background .15s ease}.bundle-stat-card.total:before{background:var(--slate-400)}.bundle-stat-card.active:before{background:#10b981}.bundle-stat-card.inactive:before{background:#ef4444}.bundle-stat-card:hover{box-shadow:0 4px 6px #0000001f,0 2px 4px #00000014;transform:translateY(-1px)}.bundle-stat-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;font-size:24px;font-weight:700;flex-shrink:0;transition:transform .15s ease}.bundle-stat-card:hover .bundle-stat-icon{transform:scale(1.05)}.bundle-stat-card.total .bundle-stat-icon{background:var(--slate-100);color:var(--slate-700)}.bundle-stat-card.active .bundle-stat-icon{background:#d1fae5;color:#059669}.bundle-stat-card.inactive .bundle-stat-icon{background:#fee2e2;color:#dc2626}.bundle-stat-card>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.bundle-stat-card strong{color:var(--slate-900);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}.bundle-stat-card span{color:var(--slate-500);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0}.bundle-list-card{overflow:hidden;border:1px solid var(--border-light);border-radius:12px;background:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.bundle-list-card>.list-filter-panel{margin-bottom:0;border:0;border-bottom:1px solid var(--border-light);border-radius:0;box-shadow:none}.bundle-list-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-light);background:#fafbfc}.bundle-list-control-actions{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.bundle-list-search{position:relative;width:280px;flex-shrink:0}.bundle-list-search svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:16px;height:16px;color:var(--slate-400);pointer-events:none;z-index:2}.bundle-list-search input{width:100%;height:36px;border:1px solid var(--border-light);border-radius:8px;background:#fff;padding:0 14px 0 38px;font-size:14px;font-weight:400;color:var(--slate-900);transition:all .15s ease}.bundle-list-search input:focus{outline:none;border-color:var(--slate-400);box-shadow:0 0 0 3px #94a3b81a}.bundle-list-search input::placeholder{color:var(--slate-400);font-weight:400}.bundle-sort-control{position:relative;display:flex;flex-direction:column;width:160px;flex-shrink:0}.bundle-sort-control span{position:absolute;z-index:2;top:6px;left:12px;color:var(--slate-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.bundle-sort-control select{width:100%;height:36px;border:1px solid var(--border-light);border-radius:8px;background:#fff;padding:18px 12px 0;font-size:13px;font-weight:500;color:var(--slate-700);cursor:pointer;transition:all .15s ease;appearance:none;-webkit-appearance:none}.bundle-sort-control select:focus{outline:none;border-color:var(--slate-400);box-shadow:0 0 0 3px #94a3b81a}.bundle-sort-control:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--slate-400);pointer-events:none}.bundle-list-table{width:100%}.bundle-list-table-header{display:grid;grid-template-columns:2fr 1.2fr 1.4fr .8fr 84px;align-items:center;gap:16px;padding:0 24px;min-height:48px;background:#f8fafc;border-bottom:1px solid var(--border-light)}.bundle-list-table-header>span{color:var(--slate-500);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bundle-list-table-header>span:last-child{text-align:center}.bundle-list-row{display:grid;grid-template-columns:2fr 1.2fr 1.4fr .8fr 84px;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-light);color:var(--slate-700);font-size:14px;transition:all var(--transition-base);position:relative}.bundle-list-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-500),var(--secondary-500));transform:scaleY(0);transition:transform var(--transition-base);border-radius:0 2px 2px 0}.bundle-list-row:last-child{border-bottom:none}.bundle-list-row:hover{background:linear-gradient(90deg,#6366f108,#6366f103);transform:translate(2px);box-shadow:0 2px 8px #00000008}.bundle-list-row:hover:before{transform:scaleY(1)}.bundle-list-name{font-weight:600;color:var(--slate-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-course-count{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:var(--slate-600);font-size:13px;font-weight:500}.bundle-category,.bundle-status{width:fit-content;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-category.category-1{background:#f3e8ff;color:#7c3aed}.bundle-category.category-2{background:#dbeafe;color:#1d4ed8}.bundle-category.category-3{background:#fef3e2;color:#c2410c}.bundle-status.active{background:#d1fae5;color:#059669}.bundle-status.inactive{background:#fee2e2;color:#dc2626}.bundle-table-status-toggle{display:flex;align-items:center;gap:10px}.bundle-table-status-toggle .bundle-toggle-switch:not(.active){background:var(--error-500)}.bundle-status-modal{width:min(460px,calc(100vw - 32px))}.bundle-status-modal-body{padding-top:26px;padding-bottom:26px}.bundle-status-modal-body p{margin:0;color:var(--slate-600);font-size:14px;line-height:1.6}.bundle-actions-cell{display:flex;gap:8px;align-items:center;justify-content:center}.bundle-action-btn{display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-light);border-radius:6px;background:#fff;cursor:pointer;transition:all .15s ease}.bundle-action-btn:hover{border-color:var(--slate-300);box-shadow:0 1px 2px #00000014}.bundle-action-btn svg{width:16px;height:16px}.bundle-view-btn{color:#3b82f6}.bundle-view-btn:hover{background:#eff6ff;border-color:#3b82f6}.bundle-edit-btn{color:#10b981}.bundle-edit-btn:hover{background:#ecfdf5;border-color:#10b981}.bundle-list-empty{padding:48px 24px;margin:0;color:var(--slate-400);text-align:center;font-size:14px;font-weight:400}.bundle-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--border-light);background:#fafbfc;color:var(--slate-500);font-size:13px;font-weight:400}.bundle-list-pagination>div{display:flex;gap:4px}.bundle-list-pagination button{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--slate-600);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.bundle-list-pagination button:hover:not(:disabled):not(.active){background:#f8fafc;border-color:var(--slate-300)}.bundle-list-pagination button.active,.bundle-list-pagination button.active:hover{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.bundle-list-pagination button:disabled{cursor:not-allowed;opacity:.4}@media(max-width:1200px){.bundle-list-toolbar{flex-direction:column;gap:16px}.bundle-list-create-button{width:100%;justify-content:center}.bundle-list-controls,.bundle-list-control-actions{flex-wrap:wrap}}@media(max-width:900px){.bundle-statistics-grid{grid-template-columns:1fr}.bundle-list-table-header,.bundle-list-row{grid-template-columns:1.8fr 1.2fr 1fr 84px;gap:12px;padding:0 16px}.bundle-list-table-header>:nth-child(3),.bundle-list-row>:nth-child(3){display:none}}@media(max-width:640px){.bundle-list-toolbar h1{font-size:28px}.bundle-stat-card{padding:16px 20px}.bundle-list-controls{flex-direction:column;align-items:stretch}.bundle-list-control-actions{flex-direction:column}.bundle-list-search,.bundle-sort-control{width:100%}.bundle-list-table-header,.bundle-list-row{grid-template-columns:1.5fr 1fr 76px;gap:10px;padding:0 12px}.bundle-list-table-header>:nth-child(4),.bundle-list-row>:nth-child(4){display:none}}.bundle-details-backdrop{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a66;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.bundle-details-modal{width:min(780px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:16px;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb}.bundle-details-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:#fff}.bundle-details-header h2{margin:0;color:#111827;font-size:20px;font-weight:700}.bundle-details-header p{margin:4px 0 0;color:#6b7280;font-size:14px;font-weight:400}.bundle-details-header button{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;transition:all .2s ease}.bundle-details-header button:hover{background:#f3f4f6;color:#111827}.bundle-details-header button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.bundle-details-content{padding:32px 24px;background:#fff}.bundle-details-feedback{padding:48px 24px;margin:0;color:#6b7280;text-align:center;font-size:15px;font-weight:400}.bundle-details-feedback.error{color:#dc2626}.bundle-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bundle-details-grid>div{display:flex;flex-direction:column;gap:8px}.bundle-details-grid span{color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bundle-details-grid strong{color:#111827;font-size:16px;font-weight:600}.bundle-details-grid strong.active{color:#059669}.bundle-details-grid strong.inactive{color:#dc2626}.bundle-details-description{grid-column:1 / -1}.bundle-details-description p{margin:0;color:#374151;font-size:15px;line-height:1.6;white-space:pre-wrap;font-weight:400}.bundle-details-content h3{margin:32px 0 16px;color:#111827;font-size:18px;font-weight:700}.bundle-details-course-table{overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.bundle-details-course-header,.bundle-details-course-row{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:16px;padding:16px 20px;align-items:center}.bundle-details-course-header{background:#f9fafb;color:#374151;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.bundle-details-course-row{border-top:1px solid #f3f4f6;color:#374151;font-size:15px;font-weight:400}.bundle-details-course-row:last-child{border-bottom:none}.bundle-details-actions{display:flex;align-items:center;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.bundle-details-actions button{min-width:100px;height:40px;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s ease}.bundle-details-actions button:hover{background:#2563eb}.bundle-details-actions button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}@media(max-width:768px){.bundle-details-grid{grid-template-columns:1fr;gap:20px}.bundle-details-course-header,.bundle-details-course-row{grid-template-columns:1fr 1.5fr;gap:12px;padding:14px 16px}.bundle-details-course-header span:last-child,.bundle-details-course-row span:last-child{display:none}}@media(max-width:640px){.bundle-details-backdrop{padding:16px}.bundle-details-header,.bundle-details-content,.bundle-details-actions{padding:20px}.bundle-details-content{padding:24px 20px}.bundle-details-modal{max-height:calc(100vh - 32px)}}.bundle-edit-backdrop{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a66;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.bundle-edit-modal{width:min(1050px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:16px;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb}.bundle-edit-header,.bundle-edit-actions{display:flex;align-items:center;justify-content:space-between;padding:24px}.bundle-edit-header{border-bottom:1px solid #e5e7eb;background:#fff}.bundle-edit-header h2{margin:0;color:#111827;font-size:20px;font-weight:700}.bundle-edit-header p{margin:4px 0 0;color:#6b7280;font-size:14px;font-weight:400}.bundle-edit-header button{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;transition:all .2s ease}.bundle-edit-header button:hover{background:#f3f4f6;color:#111827}.bundle-edit-header button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.bundle-edit-header button:disabled{cursor:not-allowed;opacity:.4}.bundle-edit-feedback{margin:0;padding:24px;color:#6b7280;text-align:center;font-size:15px;font-weight:400}.bundle-edit-feedback.error{color:#dc2626;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.bundle-edit-content{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.6fr);gap:24px;padding:32px 24px;background:#fff}.bundle-edit-fields,.bundle-edit-courses{border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff}.bundle-edit-fields label{display:block;margin:20px 0 8px;color:#374151;font-size:14px;font-weight:600}.bundle-edit-fields label:first-child{margin-top:0}.bundle-edit-fields label span{color:#dc2626}.bundle-edit-fields input,.bundle-edit-fields textarea,.bundle-edit-search{box-sizing:border-box;width:100%;border:1px solid #d1d5db;border-radius:8px;color:#111827;font:inherit;outline:none;background:#fff;transition:all .2s ease}.bundle-edit-fields input{height:44px;padding:0 16px;font-size:15px;font-weight:400}.bundle-edit-fields textarea{min-height:110px;padding:16px;resize:vertical;font-size:15px;font-weight:400;line-height:1.5}.bundle-edit-fields input:focus,.bundle-edit-fields textarea:focus,.bundle-edit-search:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.bundle-edit-fields input::placeholder,.bundle-edit-fields textarea::placeholder{color:#9ca3af;font-weight:400}.bundle-edit-fields>p{margin:6px 0 0;color:#6b7280;font-size:12px;text-align:right;font-weight:400}.bundle-edit-courses-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.bundle-edit-courses-heading h3{margin:0 0 16px;color:#111827;font-size:18px;font-weight:700}.bundle-edit-courses-heading span{color:#6b7280;font-size:14px;font-weight:500;background:#f3f4f6;padding:4px 12px;border-radius:6px}.bundle-edit-search{height:40px;margin-bottom:16px;padding:0 16px 0 44px;position:relative;font-size:14px;font-weight:400}.bundle-edit-search-wrapper{position:relative;margin-bottom:16px}.bundle-edit-search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af;pointer-events:none}.bundle-edit-warning{margin:0 0 16px;color:#b45309;font-size:14px;font-weight:500;background:#fef3c7;padding:12px;border-radius:8px;border:1px solid #fde68a}.bundle-edit-course-table{overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.bundle-edit-course-header,.bundle-edit-course-row{display:grid;grid-template-columns:32px 1fr 2fr 1.2fr;align-items:center;gap:12px;min-height:48px;padding:0 16px}.bundle-edit-course-header{background:#f9fafb;color:#374151;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.bundle-edit-course-row{border-top:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:14px;font-weight:400;transition:background .15s ease}.bundle-edit-course-row:hover{background:#f9fafb}.bundle-edit-course-row.disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.bundle-edit-course-row input{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.bundle-edit-course-row input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.bundle-edit-empty{margin:24px 0 0;color:#6b7280;font-size:15px;text-align:center;font-weight:400;padding:32px 16px}.bundle-edit-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;color:#6b7280;font-size:14px;font-weight:400}.bundle-edit-pagination>div{display:flex;gap:6px}.bundle-edit-pagination button{min-width:36px;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.bundle-edit-pagination button:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#9ca3af}.bundle-edit-pagination button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.bundle-edit-pagination button.active:hover{background:#2563eb;border-color:#2563eb}.bundle-edit-pagination button:disabled{cursor:not-allowed;opacity:.4}.bundle-edit-pagination button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.bundle-edit-actions{justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.bundle-edit-actions button{min-width:120px;height:40px;border-radius:8px;font-weight:600;cursor:pointer;font-size:15px;padding:0 24px;transition:all .2s ease}.bundle-edit-actions button:first-child{border:1px solid #d1d5db;background:#fff;color:#374151}.bundle-edit-actions button:first-child:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.bundle-edit-actions button:last-child{border:none;background:#3b82f6;color:#fff}.bundle-edit-actions button:last-child:hover{background:#2563eb}.bundle-edit-actions button:disabled{cursor:not-allowed;opacity:.4}.bundle-edit-actions button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}@media(max-width:960px){.bundle-edit-content{grid-template-columns:1fr}}@media(max-width:768px){.bundle-edit-course-header,.bundle-edit-course-row{grid-template-columns:28px 1fr 2fr;gap:10px;padding:0 14px;min-height:44px}.bundle-edit-course-header span:last-child,.bundle-edit-course-row span:last-child{display:none}}@media(max-width:640px){.bundle-edit-backdrop{padding:16px}.bundle-edit-header,.bundle-edit-content,.bundle-edit-actions{padding:20px}.bundle-edit-content{padding:24px 20px}.bundle-edit-pagination{align-items:stretch;flex-direction:column;gap:12px}}.students-page{width:100%}.students-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.students-heading{display:flex;flex-direction:column;gap:4px}.students-heading span{color:var(--slate-500);font-size:13px;font-weight:500}.students-heading h1{margin:0;color:var(--slate-900);font-size:28px;font-weight:700;letter-spacing:-.025em}.students-table-card{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:14px;box-shadow:var(--shadow-xs)}.students-table-header,.student-table-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.75fr) minmax(260px,1fr) 90px;align-items:center;column-gap:22px}.students-table-header{min-height:56px;padding:0 24px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--border-light);font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.students-table-body{min-width:0}.student-table-row{min-height:82px;padding:12px 24px;border-bottom:1px solid var(--border-light);transition:background-color .16s ease}.student-table-row:hover{background:var(--slate-50)}.student-name-cell{min-width:0;display:flex;align-items:center;gap:16px}.student-name-cell strong,.student-email-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-name-cell strong{color:var(--slate-900);font-size:15px;font-weight:600}.student-avatar{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;color:#fff;background:#253a56;border:2px solid #ffffff;border-radius:50%;box-shadow:0 3px 7px #0f172a33;font-size:14px;font-weight:700}.student-contact-cell,.student-email-cell{color:var(--slate-700);font-size:14px}.students-action-heading{text-align:center}.student-action-cell{display:flex;align-items:center;justify-content:center}.student-view-button{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;color:#1683ff;background:#fff;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.student-view-button:hover{color:var(--primary-700);background:var(--primary-50);border-color:var(--primary-300)}.student-view-button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.student-view-button svg{width:18px;height:18px}.students-empty-state{min-height:300px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--slate-500);text-align:center}.students-empty-state strong{color:var(--slate-700);font-size:16px}.students-error-state strong{color:#b91c1c}.students-empty-state>span{max-width:390px;font-size:13px;line-height:1.5}.students-empty-icon{width:48px;height:48px;margin-bottom:3px;display:grid;place-items:center;color:#0b45ab;background:#e8f0fc;border-radius:12px}.students-empty-icon svg{width:24px;height:24px}@media(max-width:800px){.students-table-card{overflow-x:auto}.students-table-header,.student-table-row{min-width:760px;padding-inline:18px}}@media(max-width:480px){.students-heading h1{font-size:24px}}.additional-payment-overlay{position:fixed;inset:0;z-index:1200;padding:24px;display:grid;place-items:center;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.additional-payment-modal{width:min(560px,100%);overflow:hidden;background:#fff;border:1px solid #dfe3ee;border-radius:18px;box-shadow:0 24px 70px #0f172a40}.additional-payment-modal>header{padding:24px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e7ef}.additional-payment-modal>header>div{display:flex;align-items:center;gap:14px}.additional-payment-heading-icon{width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;color:#4531d7;background:#efedff;border-radius:12px}.additional-payment-heading-icon svg,.additional-payment-close svg{width:22px;height:22px}.additional-payment-modal h2{margin:0;color:#111827;font-size:24px;font-weight:800}.additional-payment-modal header p{margin:5px 0 0;color:#64748b;font-size:14px}.additional-payment-close{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;color:#475569;background:#fff;border:1px solid #dbe1eb;border-radius:10px;cursor:pointer}.additional-payment-modal form{padding:26px;display:flex;flex-direction:column;gap:20px}.additional-payment-modal label>span{margin-bottom:8px;display:block;color:#25324b;font-size:14px;font-weight:700}.additional-payment-modal label b{color:#dc2626}.additional-payment-modal label>div{min-height:50px;display:flex;align-items:flex-start;gap:10px;border:1px solid #cfd6e3;border-radius:10px}.additional-payment-modal label>div:focus-within{border-color:#6043c7;box-shadow:0 0 0 3px #6043c71f}.additional-payment-modal label>div.invalid{border-color:#dc2626}.additional-payment-modal label svg{width:19px;height:19px;margin:15px 0 0 14px;flex:0 0 auto;color:#6043c7}.additional-payment-modal input,.additional-payment-modal textarea{width:100%;padding:14px 14px 14px 0;color:#111827;background:transparent;border:0;outline:0;resize:vertical;font:inherit;font-size:14px}.additional-payment-modal textarea{min-height:96px}.additional-payment-modal small,.additional-payment-error{margin-top:6px;display:block;color:#b91c1c;font-size:12px}.additional-payment-error{margin:0}.additional-payment-modal footer{margin:4px -26px -26px;padding:18px 26px;display:flex;justify-content:flex-end;gap:12px;background:#fafaff;border-top:1px solid #e4e7ef}.additional-payment-modal footer button{min-width:104px;min-height:44px;padding:0 18px;color:#39465f;background:#fff;border:1px solid #ccd4e1;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}.additional-payment-modal footer button.primary{color:#fff;background:#4531d7;border-color:#4531d7}.additional-payment-modal button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:600px){.additional-payment-overlay{padding:12px}.additional-payment-modal>header,.additional-payment-modal form{padding:20px}.additional-payment-modal footer{margin:4px -20px -20px;padding:16px 20px}}.full-payment-overlay{position:fixed;inset:0;z-index:1200;padding:24px;display:grid;place-items:center;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.full-payment-modal{width:min(650px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #dfe3ee;border-radius:18px;box-shadow:0 24px 70px #0f172a40}.full-payment-modal>header{padding:24px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e7ef}.full-payment-modal>header>div{display:flex;align-items:center;gap:14px}.full-payment-modal>header>div>span{width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;color:#4531d7;background:#efedff;border-radius:12px}.full-payment-modal h2{margin:0;color:#111827;font-size:24px;font-weight:800}.full-payment-modal header p{margin:5px 0 0;color:#64748b;font-size:14px}.full-payment-close{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;color:#475569;background:#fff;border:1px solid #dbe1eb;border-radius:10px;cursor:pointer}.full-payment-modal form{padding:26px;display:flex;flex-direction:column;gap:19px}.full-payment-summary{padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#f7f6ff;border:1px solid #ded9ff;border-radius:12px}.full-payment-summary span{display:flex;flex-direction:column;gap:5px;color:#59647a;font-size:13px;font-weight:700}.full-payment-summary strong{color:#3122b8;font-size:20px}.full-payment-modal label>span{margin-bottom:8px;display:block;color:#25324b;font-size:14px;font-weight:700}.full-payment-modal label b{color:#dc2626}.full-payment-modal label>div{min-height:50px;display:flex;align-items:center;gap:10px;border:1px solid #cfd6e3;border-radius:10px}.full-payment-modal label>div:focus-within{border-color:#6043c7;box-shadow:0 0 0 3px #6043c71f}.full-payment-modal label>div.invalid{border-color:#dc2626}.full-payment-modal label svg{width:19px;height:19px;margin-left:14px;flex:0 0 auto;color:#6043c7}.full-payment-modal input,.full-payment-modal select{width:100%;min-width:0;padding:14px 14px 14px 0;color:#111827;background:transparent;border:0;outline:0;font:inherit;font-size:14px}.full-payment-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full-payment-modal small,.full-payment-error{margin-top:6px;display:block;color:#b91c1c;font-size:12px}.full-payment-error{margin:0}.full-payment-modal footer{margin:4px -26px -26px;padding:18px 26px;display:flex;justify-content:flex-end;gap:12px;background:#fafaff;border-top:1px solid #e4e7ef}.full-payment-modal footer button{min-width:104px;min-height:44px;padding:0 18px;color:#39465f;background:#fff;border:1px solid #ccd4e1;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}.full-payment-modal footer button.primary{color:#fff;background:#4531d7;border-color:#4531d7}.full-payment-modal button:disabled,.full-payment-modal input:disabled,.full-payment-modal select:disabled{cursor:not-allowed;opacity:.65}@media(max-width:600px){.full-payment-overlay{padding:12px}.full-payment-modal{max-height:calc(100vh - 24px)}.full-payment-modal>header,.full-payment-modal form{padding:20px}.full-payment-row,.full-payment-summary{grid-template-columns:1fr}.full-payment-modal footer{margin:4px -20px -20px;padding:16px 20px}}.student-payment-overlay{position:fixed;z-index:1400;inset:0;padding:24px;display:grid;place-items:center;background:#0f172a8a}.student-payment-modal{width:min(620px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 24px 70px #0f172a47}.student-payment-header{padding:24px 26px;display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:16px;border-bottom:1px solid var(--border-light)}.student-payment-header-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--primary-600);background:#eef5ff;border-radius:12px}.student-payment-header-icon svg{width:29px;height:29px}.student-payment-header h2{margin:0 0 5px;color:var(--slate-900);font-size:24px;line-height:1.2}.student-payment-header p{margin:0;color:var(--slate-500);font-size:13px;line-height:1.45}.student-payment-close{width:42px;height:42px;display:grid;place-items:center;color:var(--slate-600);background:#fff;border:1px solid var(--border-light);border-radius:9px;cursor:pointer}.student-payment-close svg{width:22px;height:22px}.student-payment-body{padding:24px 26px;overflow-y:auto}#student-payment-form{display:flex;flex-direction:column;gap:19px}.student-payment-amount-summary{min-height:105px;padding:19px 22px;display:flex;align-items:center;gap:18px;background:#f5f9ff;border:1px solid #cfe0ff;border-radius:11px}.student-payment-amount-summary>span{width:52px;height:52px;display:grid;flex:0 0 52px;place-items:center;color:var(--primary-600);background:#e5efff;border-radius:50%}.student-payment-amount-summary svg{width:27px;height:27px}.student-payment-amount-summary p{margin:0 0 5px;color:var(--slate-600);font-size:14px}.student-payment-amount-summary strong{color:var(--primary-700);font-size:27px}.student-payment-field{display:flex;flex-direction:column;gap:7px}.student-payment-field>span{color:var(--slate-700);font-size:13px;font-weight:700}.student-payment-field b{color:#dc2626}.student-payment-field>div{min-height:48px;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.student-payment-field>div:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a}.student-payment-field>div.invalid{border-color:#ef4444}.student-payment-field>div>svg{width:19px;height:19px;justify-self:center;color:var(--primary-600)}.student-payment-field input,.student-payment-field select{width:100%;height:46px;padding:0 13px;color:var(--slate-900);background:#fff;border:0;outline:0;font:inherit;font-size:14px}.student-payment-field small,.student-payment-general-error{color:#dc2626;font-size:12px}.student-payment-field .student-payment-usable-hint{margin:-3px 0 7px;display:block;color:#4531d7;font-weight:700}.student-payment-general-error{margin:0;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:7px}.student-payment-state{min-height:220px;display:grid;place-items:center;color:var(--slate-500);text-align:center}.student-payment-state.error{color:#dc2626}.student-payment-footer{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-light)}.student-payment-footer button{min-height:44px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--slate-700);background:#fff;border:1px solid var(--border-light);border-radius:8px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.student-payment-footer button.primary{color:#fff;background:var(--primary-600);border-color:var(--primary-600)}.student-payment-footer button:disabled,.student-payment-close:disabled{cursor:not-allowed;opacity:.65}.student-payment-footer svg{width:18px;height:18px}.payment-confirmation-layer{position:fixed;z-index:1410;inset:0;padding:20px;display:grid;place-items:center;background:#0f172a7a}.payment-confirmation{width:min(420px,100%);padding:28px;color:var(--slate-900);background:#fff;border:1px solid var(--border-light);border-radius:14px;box-shadow:0 20px 55px #0f172a40;text-align:center}.payment-confirmation-icon{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;color:#b45309;background:#fff7ed;border-radius:50%}.payment-confirmation-icon svg{width:27px;height:27px}.payment-confirmation h3{margin:0 0 8px;font-size:20px}.payment-confirmation p{margin:0;color:var(--slate-600);font-size:14px;line-height:1.55}.payment-confirmation-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.payment-confirmation-actions button{min-height:40px;min-width:92px;padding:0 16px;color:var(--slate-700);background:#fff;border:1px solid var(--border-light);border-radius:7px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.payment-confirmation-actions button.confirm{color:#fff;background:var(--primary-600);border-color:var(--primary-600)}.payment-confirmation-actions button:disabled{cursor:not-allowed;opacity:.65}@media(max-width:560px){.student-payment-overlay{padding:10px}.student-payment-modal{max-height:calc(100vh - 20px)}.student-payment-header{padding:18px;grid-template-columns:46px minmax(0,1fr) 38px;gap:11px}.student-payment-header-icon{width:46px;height:46px}.student-payment-header h2{font-size:19px}.student-payment-body,.student-payment-footer{padding:18px}.student-payment-footer button{flex:1;padding:0 12px}}.student-payments{padding:34px 12px 20px;background:#f8f7ff}.student-payments-heading{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.student-payments-heading h2{margin:0;display:flex;align-items:center;gap:13px;color:var(--slate-900);font-size:25px;font-weight:800;letter-spacing:-.02em}.student-payments-heading h2>span{width:38px;height:38px;display:grid;place-items:center;color:#0796bd;background:#eef0ff;border-radius:9px}.student-payments-heading h2 svg{width:20px;height:20px}.student-payment-item-list{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:16px}.student-payment-item-group{border-bottom:1px solid var(--border-light)}.student-payment-item-group:last-child{border-bottom:0}.student-payment-item{position:relative;min-height:104px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.student-payment-item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--primary-600)}.student-payment-item.interested:before{background:#cc5a08}.student-payment-item.other:before{background:#0796bd}.student-payment-item-copy{min-width:0;display:flex;align-items:center;gap:18px}.student-payment-item-icon{width:52px;height:52px;display:grid;flex:0 0 52px;place-items:center;color:#403454;background:#f1efff;border-radius:12px}.student-payment-item.interested .student-payment-item-icon{background:#fff2df}.student-payment-item.other .student-payment-item-icon{color:#087da0;background:#e8f8fc}.student-payment-item-icon svg{width:24px;height:24px}.student-payment-item h3{margin:0 0 7px;color:var(--slate-900);font-size:19px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.student-payment-item-badge{width:fit-content;padding:4px 10px;display:inline-flex;color:var(--primary-700);background:#efedff;border:1px solid #d9d3ff;border-radius:6px;font-size:12px;font-weight:700}.student-payment-item.interested .student-payment-item-badge{color:#ad520b;background:#fff4e4;border-color:#f4c88f}.student-payment-item.other .student-payment-item-badge{color:#087da0;background:#eaf8fc;border-color:#afe0ec}.student-payment-view{min-width:88px;min-height:44px;padding:0 18px;color:var(--primary-700);background:#fff;border:1px solid #d8d2ff;border-radius:11px;font:inherit;font-size:15px;font-weight:750;cursor:pointer}.student-payment-view:hover,.student-payment-view[aria-expanded=true]{color:#fff;background:var(--primary-600);border-color:var(--primary-600)}.student-payment-history-panel{padding:0 32px 24px;background:#fbfaff}.student-payment-history-table-wrap{overflow-x:auto;border:1px solid var(--border-light);border-radius:10px}.student-payment-history-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.student-payment-history-table th,.student-payment-history-table td{padding:13px 16px;color:var(--slate-700);border-bottom:1px solid var(--border-light);font-size:13px;text-align:left;white-space:nowrap}.student-payment-history-table th{color:var(--slate-600);background:#f6f7fb;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.student-payment-history-table td{font-weight:650}.student-payment-history-table tbody tr:last-child td{border-bottom:0}.student-payment-history-table td:nth-child(2){color:var(--slate-900);font-weight:800}.student-payment-history-empty{margin:0;padding:22px;color:var(--slate-500);background:#fff;border:1px dashed var(--border-light);border-radius:10px;font-size:13px;text-align:center}.student-payments-state{min-height:150px;padding:30px;display:grid;place-items:center;color:var(--slate-500);background:#fff;border:1px dashed var(--border-light);border-radius:16px;text-align:center}.student-payments-state p{margin:0}.student-payments-state button{margin-top:12px;padding:8px 16px;color:#fff;background:var(--primary-600);border:0;border-radius:8px;font:inherit;font-weight:700}.student-payments-state.error{color:#b42318}@media(max-width:760px){.student-payments{padding:24px 0 10px}.student-payments-heading{align-items:stretch;flex-direction:column}.student-payments-heading h2{font-size:21px}.student-payment-item{padding:18px 20px}.student-payment-history-panel{padding:0 20px 20px}}@media(max-width:480px){.student-payment-item{align-items:flex-start;flex-direction:column}.student-payment-view{width:100%}}.student-enrollments-view{padding:36px 16px 12px;display:flex;flex-direction:column;gap:28px}.student-enrollment-list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.student-enrollment-list-title{min-width:0;display:flex;align-items:center;gap:16px}.student-enrollment-list-title>span{width:50px;height:50px;display:grid;flex:0 0 50px;place-items:center;color:#5038f0;background:#efecff;border-radius:12px}.student-enrollment-list-title svg{width:22px;height:22px}.student-enrollment-list-title h2{margin:0;color:#111827;font-size:25px;font-weight:850;letter-spacing:-.025em}.student-enrollment-list-title p{margin:4px 0 0;color:#667085;font-size:14px;font-weight:500}.student-enrollment-list-controls{display:flex;align-items:center;gap:12px}.student-enrollment-search{width:290px;min-height:46px;padding:0 16px;display:flex;align-items:center;gap:10px;color:#98a2b3;background:#f8f7fc;border:1px solid #e1e2ec;border-radius:12px}.student-enrollment-search:focus-within{border-color:#6d4fe0;box-shadow:0 0 0 3px #6d4fe01a}.student-enrollment-search svg{width:17px;height:17px;flex:0 0 auto}.student-enrollment-search input{width:100%;min-width:0;color:#26324b;background:transparent;border:0;outline:0;font:inherit;font-size:14px}.student-enrollment-search input::placeholder{color:#98a2b3}.student-enrollment-list-controls select{min-width:118px;min-height:46px;padding:0 36px 0 16px;color:#111827;background:#f8f7fc;border:1px solid #e1e2ec;border-radius:12px;outline:0;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.student-enrollment-tile-grid{display:grid;grid-template-columns:1fr;gap:16px}.student-enrollment-tile{min-width:0;min-height:124px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:#fff;border:1px solid #dedfec;border-radius:17px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.student-enrollment-tile:hover{border-color:#6d4fe0;box-shadow:0 10px 26px #4d37d214;transform:translateY(-1px)}.student-enrollment-tile-icon{width:58px;height:58px;display:grid;flex:0 0 58px;place-items:center;color:#5038f0;background:#efecff;border-radius:14px}.student-enrollment-tile-icon svg{width:25px;height:25px}.student-enrollment-tile-copy{min-width:0}.student-enrollment-tile-label{display:flex;align-items:center;gap:10px}.student-enrollment-tile-label>span{color:#98a2b3;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.student-enrollment-tile-status{padding:9px 17px;color:#079447;background:#e9f9ef;border-radius:999px;font-size:14px;font-weight:800;text-transform:capitalize;white-space:nowrap}.student-enrollment-tile-status.status-course_break{color:#b54708;background:#fff4e5}.student-enrollment-tile-status.status-discontinued{color:#b42318;background:#fff1f0}.student-enrollment-tile-status.status-course_change{color:#175cd3;background:#eff8ff}.student-enrollment-tile-copy h3{margin:6px 0 5px;color:#0f172a;font-size:19px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.student-enrollment-tile-copy p{margin:0;display:flex;align-items:center;gap:12px;color:#667085;font-size:13px;font-weight:500;overflow-wrap:anywhere}.student-enrollment-tile-copy p i{width:5px;height:5px;flex:0 0 5px;background:#e2e4ee;border-radius:50%}.student-enrollment-tile-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.student-enrollment-tile-actions button{min-width:96px;min-height:46px;padding:0 20px;color:#fff;background:#5038f0;border:1px solid #5038f0;border-radius:11px;font:inherit;font-size:14px;font-weight:850;cursor:pointer}.student-enrollment-tile-actions button:hover{background:#4329dc;border-color:#4329dc}.student-enrollment-list-count{margin:0;color:#667085;font-size:14px;text-align:center}.student-enrollment-back{width:fit-content;min-height:42px;padding:0 15px;display:flex;align-items:center;gap:8px;color:#4531d7;background:#fff;border:1px solid #cfc9f7;border-radius:9px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.student-enrollment-back svg{width:17px;height:17px}.student-enrollments-title{margin:0;display:flex;align-items:center;gap:12px;color:var(--slate-900);font-size:25px;font-weight:800;letter-spacing:-.02em}.student-enrollments-title svg{width:22px;height:22px;padding:8px;box-sizing:content-box;color:var(--primary-600);background:#f0edff;border-radius:9px}.student-enrollment-record{display:flex;flex-direction:column;gap:24px}.student-enrollment-card{overflow:hidden;background:#fff;border:1px solid #dedfec;border-radius:15px}.student-enrollment-card-header{min-height:122px;padding:20px 28px;display:grid;grid-template-columns:198px minmax(0,1fr);align-items:center;gap:28px;border-bottom:1px solid #e6e7f0}.student-enrollment-id-block{min-width:0;padding-right:24px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #dfe1eb}.student-enrollment-id-block span,.student-enrollment-fee-breakdown small,.student-enrollment-total-fee span,.student-enrollment-facts span,.student-enrollment-detail-row dt{color:#37415f;font-size:14px;font-weight:650}.student-enrollment-id-block strong{color:#4232d8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;font-weight:800;overflow-wrap:anywhere}.student-enrollment-course-heading{min-width:0;display:flex;align-items:center;gap:14px}.student-enrollment-course-icon{width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;color:#4338ca;background:#efecff;border-radius:11px}.student-enrollment-course-icon svg{width:23px;height:23px}.student-enrollment-course-heading h3{margin:0;color:var(--slate-900);font-size:23px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.student-enrollment-course-heading p{margin:4px 0 0;color:#37415f;font-size:15px;font-weight:650}.student-enrollment-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px}.student-enrollment-toolbar.without-title{justify-content:flex-end}.student-enrollment-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.student-enrollment-actions button,.student-enrollments-message button{min-height:44px;padding:0 17px;color:#fff;background:#4531d7;border:1px solid #4531d7;border-radius:10px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.student-enrollment-actions button.secondary{color:#4531d7;background:#fff}.student-enrollment-assignments-toggle{min-width:0;min-height:78px;padding:12px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;color:#3524d5;background:#fff;border:1px solid #a99cff;border-radius:13px;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 8px #faf9ff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.student-enrollment-assignments-toggle:hover{border-color:#5138ef;box-shadow:inset 0 0 0 8px #f6f3ff,0 7px 18px #4730d514}.student-enrollment-assignments-toggle:active{transform:scale(.992)}.student-enrollment-assignments-toggle>span:first-child{width:42px;height:42px;display:grid;place-items:center;color:#4c35e7;background:#efedff;border-radius:10px}.student-enrollment-assignments-toggle svg{width:20px;height:20px}.student-enrollment-assignments-toggle>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:6px}.student-enrollment-assignments-toggle strong{font-size:16px;font-weight:850;white-space:nowrap}.student-enrollment-assignments-toggle small{display:flex;align-items:center;gap:9px;color:#37415f;font-size:12px;font-weight:700;white-space:nowrap}.student-enrollment-assignments-toggle small i{width:4px;height:4px;background:#4c35e7;border-radius:50%}.student-enrollment-assignments-toggle>svg{transition:transform .26s ease}.student-enrollment-assignments-toggle.open>svg{transform:rotate(180deg)}.student-enrollment-financial-overview{min-height:126px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;background:#fbfaff;border-bottom:1px solid #e1e2ec}.student-enrollment-financial-metric{min-width:0;min-height:76px;padding:20px 28px;display:flex;align-items:center;gap:18px;border-left:1px solid #e1e2ec}.student-enrollment-financial-metric:first-child{border-left:0}.student-enrollment-financial-metric>span{width:46px;height:46px;display:grid;flex:0 0 46px;place-items:center;color:#5138ef;background:#efedff;border-radius:50%}.student-enrollment-financial-metric.paid>span{color:#16a34a;background:#eaf9ef}.student-enrollment-financial-metric.remaining>span{color:#4531d7;background:#efedff}.student-enrollment-financial-metric.usable>span{color:#c2410c;background:#fff3e8}.student-enrollment-financial-metric svg{width:21px;height:21px}.student-enrollment-financial-metric>div{min-width:0;display:flex;flex-direction:column;gap:8px}.student-enrollment-financial-metric small{color:#37415f;font-size:13px;font-weight:700}.student-enrollment-financial-metric strong{color:var(--slate-900);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:850;overflow-wrap:anywhere}.student-enrollment-financial-metric.remaining strong{color:#4232d8}.student-enrollment-financial-metric.usable strong{color:#c2410c}.student-enrollment-fee-breakdown{min-height:120px;padding:22px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;background:#fbfaff;border-bottom:1px solid #e1e2ec}.student-enrollment-fee-calculation h4{margin:0 0 18px;color:#34405e;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.student-enrollment-fee-calculation>div{display:flex;align-items:flex-end;gap:18px}.student-enrollment-fee-calculation span{display:flex;flex-direction:column;gap:7px}.student-enrollment-fee-calculation strong,.student-enrollment-total-fee strong{color:var(--slate-900);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:21px;font-weight:800}.student-enrollment-fee-calculation b{padding-bottom:2px;color:#52607c;font-size:18px;font-weight:800}.student-enrollment-total-fee{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.student-enrollment-total-fee strong{color:#4232d8;font-size:26px;font-weight:850}.student-enrollment-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.student-enrollment-facts>div{min-width:0;min-height:74px;padding:18px 28px;display:flex;flex-direction:column;gap:8px;border-left:1px solid #e1e2ec}.student-enrollment-facts>div:first-child{border-left:0}.student-enrollment-facts strong{color:var(--slate-900);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:800;overflow-wrap:anywhere}.student-enrollment-campus{width:fit-content;padding:5px 10px;color:#b45309!important;background:#fff8eb;border:1px solid #f6cf8d;border-radius:7px;font-family:inherit!important}.student-enrollment-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-enrollment-detail-grid>section{min-width:0;min-height:250px;padding:22px 24px;background:#fff;border:1px solid #dedfec;border-left:3px solid #4f46e5;border-radius:14px}.student-enrollment-detail-grid>section:nth-child(2){border-left-color:#16a34a}.student-enrollment-detail-grid>section:nth-child(3){border-left-color:#c5641a}.student-enrollment-detail-grid h4{margin:0 0 18px;padding-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--slate-900);border-bottom:1px solid #dfe1eb;font-size:19px;font-weight:800}.student-enrollment-detail-grid h4 svg{width:18px;height:18px;padding:7px;box-sizing:content-box;color:#4f46e5;background:#efedff;border-radius:8px}.student-enrollment-detail-grid>section:nth-child(2) h4 svg{color:#15803d;background:#ebfaef}.student-enrollment-detail-grid>section:nth-child(3) h4 svg{color:#b45309;background:#fff6e9}.student-enrollment-detail-grid dl{margin:0;display:flex;flex-direction:column}.student-enrollment-detail-row{min-height:43px;display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #e6e7ee}.student-enrollment-detail-row:last-child{border-bottom:0}.student-enrollment-detail-row dd{margin:0;color:var(--slate-900);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:800;text-align:right;overflow-wrap:anywhere}.student-enrollment-status{display:inline-flex;padding:4px 10px;color:#b42318;background:#fff1f0;border:1px solid #fda29b;border-radius:6px;font-family:inherit;text-transform:capitalize}.student-enrollment-status.paid{color:#15803d;background:#edf9f0;border-color:#a7e6ba}.student-installment-schedule-panel{margin:0;padding:13px;background:#fff;border:1px solid #e0e7f0;border-radius:10px}.student-installment-schedule-heading{display:flex;justify-content:space-between;gap:20px}.student-installment-schedule-heading h4{margin:0 0 12px;color:#17213a;font-size:13px}.student-installment-schedule-heading p{margin:-6px 0 16px;color:#60708c;font-size:11px}.student-installment-balance{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.student-installment-balance span{color:#1f2937;font-size:15px;font-weight:650;line-height:1.35}.student-installment-balance strong{color:#4b5563;font-size:14px;font-weight:500;line-height:1.45}.student-installment-table-scroll{overflow-x:auto}.student-installment-table{min-width:650px;overflow:hidden;border:1px solid #dfe6ef;border-radius:8px}.student-installment-table .head,.student-installment-table .row{display:grid;grid-template-columns:.65fr 1fr 1.2fr 1.3fr;align-items:center}.student-installment-table .head{color:#1457e6;background:#f5f7fb;font-size:10px;font-weight:750;text-transform:uppercase}.student-installment-table .row{min-height:38px;color:#26344f;font-size:12px;font-weight:550;border-top:1px solid #e5eaf1}.student-installment-table .head span,.student-installment-table .row span{min-width:0;padding:9px 12px;overflow-wrap:anywhere}.student-installment-empty{margin:10px 0 0;padding:18px;color:#60708c;background:#f8fafc;border:1px dashed #d7e0eb;border-radius:8px;font-size:13px;text-align:center}.student-enrollment-overview-panel,.student-enrollment-assignments-panel{display:grid;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1),opacity .26s ease,transform .42s cubic-bezier(.4,0,.2,1)}.student-enrollment-overview-panel{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.student-enrollment-assignments-panel{grid-template-rows:0fr;opacity:0;transform:translateY(-10px)}.student-enrollment-assignments-panel.open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.student-enrollment-overview-panel>div,.student-enrollment-assignments-panel>div{min-height:0;overflow:hidden}.student-enrollment-assignments-panel>div{margin:0;border:0 solid #dedfec;border-radius:13px}.student-enrollment-assignments-panel.open>div{margin-bottom:20px;border-width:1px}.student-enrollment-assignments-panel header{min-height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#3524d5;background:#fbfaff;border-bottom:1px solid #dedfec;font-size:15px;font-weight:850}.student-enrollment-assignments-panel header svg{width:20px;height:20px;padding:6px;box-sizing:content-box;color:#4c35e7;background:#efedff;border-radius:8px}.student-assignment-table-wrap{overflow-x:auto}.student-assignment-table{width:100%;min-width:930px;border-collapse:collapse;color:#202b49;font-size:12px}.student-assignment-table th,.student-assignment-table td{padding:12px 16px;border-bottom:1px solid #e1e2ec;text-align:left;vertical-align:middle}.student-assignment-table th{color:#34405e;background:#fff;font-size:11px;font-weight:850}.student-assignment-table tbody td{font-weight:700}.student-assignment-table tbody td:first-child{width:46px}.student-assignment-table tbody td:nth-child(2){font-weight:850}.student-assignment-table td>a{display:inline-flex;align-items:center;gap:7px;color:#202b49;font-weight:750;text-decoration:none}.student-assignment-table td>a:hover span{color:#4531d7;text-decoration:underline}.student-assignment-table td>a svg{width:18px;height:18px;color:#3978f6}.student-assignment-table td>a small{font-size:inherit}.student-assignment-table td em{color:#667085;font-weight:650}.student-assignment-status{display:inline-flex;padding:4px 9px;color:#475467;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:6px;font-weight:800;text-transform:capitalize;white-space:nowrap}.student-assignment-status.graded{color:#15803d;background:#edf9f0;border-color:#a7e6ba}.student-assignment-status.pending{color:#a15c00;background:#fff7e8;border-color:#f8c66b}.student-assignment-table tfoot td{padding:12px 16px;background:#fbfaff;border-bottom:0}.student-assignment-table tfoot td:first-child strong{margin-right:12px;padding:4px 9px;color:#3524d5;background:#efedff;border-radius:5px}.student-assignment-table tfoot td:last-child{text-align:right}.student-assignment-table tfoot td:last-child strong{margin-right:18px;padding:4px 9px;color:#3524d5;background:#efedff;border-radius:5px}.student-assignment-table tfoot b{color:#3524d5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.student-assignment-state{min-height:130px;padding:24px;display:flex;align-items:center;justify-content:center;gap:12px;color:#667085;font-size:13px}.student-assignment-state.error{color:#b91c1c}.student-assignment-state button{min-height:34px;padding:0 13px;color:#fff;background:#4531d7;border:0;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.student-enrollment-bottom-nav{min-height:66px;margin-top:20px;padding:0 24px;display:flex;align-items:stretch;gap:34px;background:#fff;border:1px solid #dedfec;border-radius:12px}.student-enrollment-bottom-nav button{position:relative;min-width:110px;padding:0 8px;color:#3e4966;background:transparent;border:0;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.student-enrollment-bottom-nav button:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;content:"";background:#5138ef;border-radius:2px 2px 0 0;opacity:0;transform:scaleX(.35);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.student-enrollment-bottom-nav button:hover,.student-enrollment-bottom-nav button.active{color:#4531d7}.student-enrollment-bottom-nav button.active:after{opacity:1;transform:scaleX(1)}.student-enrollment-tab-page{margin-top:16px;animation:student-enrollment-tab-in .34s cubic-bezier(.2,.8,.2,1) both}.student-enrollment-tab-content{min-width:0;padding:18px;background:#fff;border:1px solid #dedfec;border-radius:13px}.student-enrollment-tab-content.assignments,.student-enrollment-tab-content.scores{padding:0;overflow:hidden}.student-enrollment-tab-content.scores>header{min-height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#3524d5;background:#fbfaff;border-bottom:1px solid #dedfec;font-size:15px;font-weight:850}.student-enrollment-tab-content.scores>header svg{width:20px;height:20px;padding:6px;box-sizing:content-box;color:#4c35e7;background:#efedff;border-radius:8px}.student-score-table-wrap{overflow-x:auto}.student-score-table{width:100%;min-width:1050px;border-collapse:collapse;color:#202b49;font-size:12px}.student-score-table th,.student-score-table td{padding:15px 16px;border-bottom:1px solid #e1e2ec;text-align:left;vertical-align:middle}.student-score-table th{color:#34405e;background:#f8f9fc;font-size:11px;font-weight:850}.student-score-table tbody td{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:750}.student-score-table tbody td:first-child{width:240px;font-family:inherit;font-weight:800}.student-score-table tbody td:last-child{color:#4531d7;font-weight:900}.student-score-table tbody tr:last-child td{border-bottom:0}.student-score-state{min-height:150px;padding:24px;display:flex;align-items:center;justify-content:center;gap:12px;color:#667085;font-size:13px}.student-score-state.error{color:#b91c1c}.student-score-state button{min-height:34px;padding:0 13px;color:#fff;background:#4531d7;border:0;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.student-enrollment-tab-content.assignments>header{min-height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#3524d5;background:#fbfaff;border-bottom:1px solid #dedfec;font-size:15px;font-weight:850}.student-enrollment-tab-content.assignments>header svg{width:20px;height:20px;padding:6px;box-sizing:content-box;color:#4c35e7;background:#efedff;border-radius:8px}.student-enrollment-tab-content.payments{padding:18px}.student-course-payments-header{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.student-course-payments-header h3{margin:0;display:flex;align-items:center;gap:11px;color:var(--slate-900);font-size:19px;font-weight:850}.student-course-payments-header h3 svg{width:20px;height:20px;padding:8px;box-sizing:content-box;color:#4531d7;background:#efedff;border-radius:8px}.student-course-payment-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.student-course-payment-actions button{min-height:42px;padding:0 17px;color:#fff;background:#4531d7;border:1px solid #4531d7;border-radius:9px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.student-course-payment-actions button.secondary{color:#4531d7;background:#fff}.student-course-payment-table-wrap{overflow-x:auto;border:1px solid #dedfec;border-radius:10px}.student-course-payment-table{width:100%;min-width:1050px;border-collapse:collapse;color:#202b49;font-size:12px}.student-course-payment-table th,.student-course-payment-table td{padding:12px 14px;border-bottom:1px solid #e1e2ec;text-align:left;vertical-align:middle}.student-course-payment-table th{color:#34405e;background:#f8f9fc;font-size:11px;font-weight:850}.student-course-payment-table tbody td{font-weight:700}.student-course-payment-table tbody td:nth-child(4){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:850}.student-course-payment-table tbody tr:last-child td{border-bottom:0}.student-course-payment-table tfoot td{padding:13px 14px;background:#fbfaff;border-top:1px solid #e1e2ec;border-bottom:0}.student-course-payment-table tfoot strong{margin-right:14px;padding:4px 9px;color:#3524d5;background:#efedff;border-radius:5px}.student-course-payment-table tfoot b{color:#3524d5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px}.student-course-payment-more{color:#24324a;font-size:15px;font-weight:900;letter-spacing:2px}.student-course-payment-state{min-height:150px;display:flex;align-items:center;justify-content:center;gap:12px;color:#667085;background:#fbfcfe;border:1px dashed #d7e0eb;border-radius:10px;font-size:13px}.student-course-payment-state.error{color:#b91c1c}.student-course-payment-state button{min-height:34px;padding:0 13px;color:#fff;background:#4531d7;border:0;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}@keyframes student-enrollment-tab-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.student-enrollments-message{min-height:240px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--border-light);border-radius:14px;font-size:14px}.student-enrollments-message.error{color:#b91c1c}@media(max-width:1100px){.student-enrollment-card-header{grid-template-columns:170px minmax(0,1fr)}.student-enrollment-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.student-enrollment-toolbar.without-title{align-items:flex-end}.student-enrollment-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.student-enrollment-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.student-enrollment-card-header{grid-template-columns:1fr}.student-enrollment-id-block{padding:0 0 16px;border-right:0;border-bottom:1px solid #dfe1eb}.student-enrollment-toolbar.without-title{align-items:stretch}.student-enrollment-actions{width:100%;flex-direction:column}.student-enrollment-actions button{width:100%}.student-enrollment-financial-overview{grid-template-columns:1fr}.student-enrollment-financial-metric{border-top:1px solid #e1e2ec;border-left:0}.student-enrollment-financial-metric:first-child{border-top:0}.student-enrollment-fee-breakdown{align-items:flex-start;flex-direction:column}.student-enrollment-total-fee{align-items:flex-start}.student-enrollment-facts{grid-template-columns:1fr}.student-enrollment-facts>div{border-top:1px solid #e1e2ec;border-left:0}.student-enrollment-bottom-nav{padding:0 12px;gap:8px}.student-enrollment-bottom-nav button{flex:1;min-width:0}}@media(max-width:850px){.student-enrollment-list-heading{align-items:flex-start;flex-direction:column}.student-enrollment-list-controls{width:100%}.student-enrollment-search{width:auto;flex:1}}@media(max-width:600px){.student-enrollments-view{padding:26px 0 8px}.student-enrollment-list-controls{align-items:stretch;flex-direction:column}.student-enrollment-search,.student-enrollment-list-controls select{width:100%}.student-enrollment-tile{grid-template-columns:auto minmax(0,1fr);padding:20px}.student-enrollment-tile-copy p{align-items:flex-start;flex-direction:column;gap:4px}.student-enrollment-tile-copy p i{display:none}.student-enrollment-tile-actions{grid-column:1/-1;width:100%}.student-enrollment-tile-actions button{flex:1}}@media(max-width:480px){.student-enrollment-fee-calculation>div{align-items:flex-start;flex-direction:column;gap:10px}.student-enrollment-fee-calculation b{display:none}}@media(max-width:600px){.student-installment-schedule-heading{flex-direction:column}.student-installment-balance{align-items:flex-start;margin-bottom:12px}}@media(max-width:760px){.student-course-payments-header{align-items:flex-start;flex-direction:column}.student-course-payment-actions{width:100%;flex-direction:column}.student-course-payment-actions button{width:100%}}.student-details-page{width:100%;display:flex;flex-direction:column;gap:24px}.student-details-toolbar{min-height:48px;display:flex;align-items:center;gap:14px}.student-details-toolbar h1{margin:0;color:var(--slate-900);font-size:26px;font-weight:750;letter-spacing:-.025em}.student-details-back{padding:8px 10px 8px 0;display:inline-flex;align-items:center;gap:7px;color:var(--slate-600);background:transparent;border:0;border-radius:7px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.student-details-back:hover{color:var(--primary-700)}.student-details-back:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.student-details-back svg{width:18px;height:18px}.student-profile-card,.student-summary-grid{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-xs)}.student-profile-card{position:relative;min-height:190px;padding:28px 250px 28px 28px;display:grid;grid-template-columns:minmax(620px,1.3fr) minmax(300px,.7fr);align-items:center;gap:34px;overflow:hidden}.student-profile-identity{min-width:0;display:flex;align-items:center;gap:22px}.student-profile-avatar{width:104px;height:104px;display:grid;flex:0 0 104px;place-items:center;color:#fff;background:linear-gradient(145deg,#d7d2f3,#a89cd8);border:5px solid #ffffff;border-radius:50%;box-shadow:0 8px 22px #2c3e602e;font-size:34px;font-weight:700}.student-profile-copy{min-width:0}.student-profile-copy h2{margin:0;color:var(--slate-900);font-size:25px;font-weight:750;text-align:left}.student-payment-success{padding:11px 14px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;font-size:13px;font-weight:650}.student-profile-copy p{margin:0 0 16px;display:flex;align-items:center;gap:7px;color:var(--slate-600);font-size:13px;overflow-wrap:anywhere}.student-profile-copy p svg,.student-profile-tags svg{width:15px;height:15px;flex:0 0 auto}.student-profile-tags{margin-top:24px;display:flex;flex-wrap:nowrap;gap:9px}.student-profile-tags span{min-height:34px;padding:0 11px;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:#514886;background:#f6f3ff;border:1px solid #ece7ff;border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap}.student-campus-details{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.student-campus-details article{min-width:0;min-height:82px;padding:0 22px;display:flex;align-items:center;gap:13px;border-left:1px solid var(--border-light)}.student-campus-icon{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;color:#384967;background:#f4f6f9;border-radius:10px}.student-campus-icon svg{width:22px;height:22px}.student-campus-details article>div{min-width:0;display:flex;flex-direction:column;gap:7px}.student-campus-details article div span{color:var(--slate-500);font-size:12px}.student-campus-details article strong{min-width:0;color:var(--slate-900);font-size:14px;overflow-wrap:anywhere}.student-profile-art{position:absolute;inset:0 0 0 auto;width:220px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#e9e4ff,#b3a4f0 55%,#8d78dd);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}.student-profile-art>svg{position:relative;z-index:2;width:94px;height:94px;margin-left:26px;filter:drop-shadow(0 9px 10px rgba(57,41,121,.24))}.student-art-circle{position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:50%}.student-art-circle-one{width:130px;height:130px;top:-40px;right:-20px}.student-art-circle-two{width:75px;height:75px;right:100px;bottom:-24px}.student-summary-grid{padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.student-summary-card{min-width:0;min-height:110px;padding:18px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border-light);border-radius:13px}.student-summary-icon{width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;border-radius:50%}.student-summary-icon svg{width:24px;height:24px}.student-summary-card>div{min-width:0;display:flex;flex-direction:column;gap:5px}.student-summary-card strong{color:var(--slate-900);font-size:18px;font-weight:750;overflow-wrap:anywhere}.student-summary-card>div>span{color:var(--slate-500);font-size:12px;line-height:1.35}.student-summary-card.violet .student-summary-icon{color:#6d4fe0;background:#f0ebff}.student-summary-card.orange .student-summary-icon{color:#e97818;background:#fff0df}.student-summary-card.green .student-summary-icon{color:#2f9e44;background:#e4f7e7}.student-summary-card.blue .student-summary-icon{color:#1683e8;background:#e6f2ff}.student-records-panel{padding:0 20px 20px;overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-xs)}.student-record-tabs{position:relative;min-height:64px;display:flex;align-items:flex-end;gap:34px;border-bottom:1px solid var(--border-light)}.student-record-tabs button{position:relative;min-height:64px;padding:0 3px;color:var(--slate-600);background:transparent;border:0;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:color .22s ease,transform .22s ease}.student-record-tabs button:hover,.student-record-tabs button.active{color:#5d3fd3}.student-record-tabs button:hover{transform:translateY(-1px)}.student-tab-indicator{position:absolute;bottom:-1px;height:3px;background:#6d4fe0;border-radius:3px 3px 0 0;pointer-events:none;transition:left .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.student-record-tabs button:focus-visible{outline:2px solid var(--primary-500);outline-offset:-4px}.student-interested-course-card{min-height:300px;margin-top:18px;padding:28px 34px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:36px;background:#fff;border:1px solid var(--border-light);border-radius:14px}.student-interested-course-copy h2{max-width:720px;margin:0 0 18px;color:var(--slate-900);font-size:21px;line-height:1.3}.student-interested-course-copy p{margin:0 0 6px;color:var(--slate-700);font-size:14px}.student-interested-category{font-weight:750;text-transform:uppercase}.student-payment-details{margin-top:18px}.student-payment-details p,.student-payment-details p strong{color:#159447}.student-payment-details .student-enrollment-fee-left{margin-top:10px;font-size:17px}.student-registration-state{width:fit-content;max-width:100%;min-height:42px;margin-top:12px;padding:8px 14px;display:flex;align-items:center;gap:9px;border:1px solid;border-radius:7px;font-size:13px}.student-registration-state svg{width:19px;height:19px;flex:0 0 auto}.student-registration-state.approved{color:#15803d;background:#f0fdf4;border-color:#69c38a}.student-registration-state.pending{color:#a16207;background:#fffbeb;border-color:#e9c46a}.student-course-action{padding-top:12px}.student-course-action button{width:100%;min-height:44px;color:#fff;background:#6043c7;border:0;border-radius:6px;box-shadow:0 5px 12px #533ab02e;font:inherit;font-size:14px;font-weight:700}.student-course-action button:disabled{cursor:not-allowed;opacity:.68}.student-record-empty{min-height:240px;margin-top:18px;display:grid;place-items:center;color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--border-light);border-radius:14px;font-size:14px;text-align:center}.student-interests-view{padding-top:22px}.student-tab-content{animation:student-tab-slide-in .32s cubic-bezier(.22,1,.36,1)}@keyframes student-tab-slide-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.student-record-tabs button,.student-tab-indicator{transition:none}.student-tab-content{animation:none}}.student-primary-interest{padding:0 12px 20px}.student-interest-section-title{margin:0 0 22px;display:flex;align-items:center;gap:12px;color:var(--slate-900);font-size:25px;font-weight:800;letter-spacing:-.02em}.student-interest-section-title svg{width:22px;height:22px;padding:8px;box-sizing:content-box;color:var(--primary-600);background:#f0edff;border-radius:9px}.student-interest-card{overflow:hidden;background:#fff;border:1px solid var(--border-light);border-radius:16px}.student-interest-card-header{min-height:108px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-light)}.student-interest-course-identity{min-width:0;display:flex;align-items:center;gap:16px}.student-interest-course-icon{width:54px;height:54px;display:grid;flex:0 0 54px;place-items:center;color:var(--primary-700);background:#f0edff;border-radius:12px}.student-interest-course-icon svg{width:25px;height:25px}.student-interest-card-header h3{max-width:760px;margin:0;color:var(--slate-900);font-size:23px;font-weight:800;line-height:1.3}.student-interest-card-header p{margin:2px 0 0;color:#37415f;font-size:15px;font-weight:650}.student-interest-actions{display:flex;align-items:center;gap:12px}.student-primary-badge,.student-approved-badge,.student-campus-badge{width:fit-content;padding:5px 9px;color:#15803d;background:#edf9f0;border:1px solid #b8e1c3;border-radius:6px;font-size:12px;font-weight:700;text-transform:capitalize}.student-primary-badge{padding:10px 18px;border-radius:10px;font-size:14px}.student-campus-badge{color:#9a4b12;background:#fff6ed;border-color:#fed7aa}.student-interest-actions button{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--primary-600);border:1px solid var(--primary-600);border-radius:10px;font:inherit;font-size:15px;font-weight:800}.student-interest-actions button:disabled{cursor:not-allowed;opacity:.72}.student-interest-fee-breakdown{padding:24px 32px 28px;background:#fbfaff;border-bottom:1px solid var(--border-light)}.student-interest-fee-breakdown h4{margin:0 0 18px;color:#37415f;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.student-interest-fee-content{display:flex;align-items:stretch}.student-payment-status-badge{display:inline-flex;width:fit-content;padding:5px 9px;color:#b42318;background:#fff1f0;border:1px solid #fda29b;border-radius:6px;font-size:12px;font-weight:700;text-transform:capitalize}.student-payment-status-badge.paid{color:#15803d;background:#edf9f0;border-color:#b8e1c3}.student-interest-course-cost,.student-interest-total-fee{display:flex;width:50%;flex-direction:column;gap:5px}.student-interest-course-cost span,.student-interest-total-fee span{color:#37415f;font-size:14px;font-weight:650}.student-interest-course-cost strong{color:var(--slate-900);font-size:26px;font-weight:800}.student-interest-total-fee{padding-left:48px;border-left:1px solid var(--border-light)}.student-interest-total-fee span,.student-interest-total-fee strong{color:var(--primary-700)}.student-interest-total-fee strong{font-size:26px;font-weight:850}.student-course-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.student-course-facts>div{min-width:0;min-height:98px;padding:20px 32px;display:flex;flex-direction:column;gap:7px;border-left:1px solid var(--border-light)}.student-course-facts>div:first-child{border-left:0}.student-course-facts span,.student-interest-detail-grid dt{color:#37415f;font-size:14px;font-weight:650}.student-course-facts strong{color:var(--slate-900);font-size:17px;font-weight:800;overflow-wrap:anywhere}.student-interest-detail-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.student-interest-detail-grid>section{min-width:0;padding:24px 28px;background:#fff;border:1px solid var(--border-light);border-left:3px solid var(--primary-600);border-radius:16px}.student-interest-detail-grid>section:nth-child(2){border-left-color:#16a34a}.student-interest-detail-grid>section:nth-child(3){border-left-color:#c55a08}.student-interest-detail-grid h4{margin:0 0 4px;padding-bottom:16px;display:flex;align-items:center;gap:12px;color:var(--slate-900);border-bottom:1px solid var(--border-light);font-size:19px;font-weight:800}.student-interest-detail-icon{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;color:var(--primary-700);background:#f0edff;border-radius:9px}.student-interest-detail-icon svg{width:18px;height:18px}.student-interest-detail-grid>section:nth-child(2) .student-interest-detail-icon{color:#15803d;background:#eaf9ef}.student-interest-detail-grid>section:nth-child(3) .student-interest-detail-icon{color:#a64b08;background:#fff4e6}.student-interest-detail-grid dl{margin:0}.student-interest-detail-grid dl>div{padding:12px 0;display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1fr);gap:14px;border-bottom:1px solid var(--border-light)}.student-interest-detail-grid dl>div:last-child{border-bottom:0}.student-interest-detail-grid dd,.student-interest-detail-grid p{margin:0;color:var(--slate-900);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:800;line-height:1.55;text-align:right;overflow-wrap:anywhere}.student-details-state{min-height:420px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--slate-600);background:#fff;border:1px solid var(--border-light);border-radius:16px;text-align:center}.student-details-state>svg{width:42px;height:42px;color:var(--primary-600)}.student-details-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.student-details-state-actions button{min-height:38px;padding:0 15px;color:#fff;background:var(--primary-600);border:0;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}@media(max-width:1240px){.student-profile-card{padding-right:30px;grid-template-columns:1fr}.student-profile-art{display:none}.student-campus-details article:first-child{border-left:0}.student-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-course-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.student-course-facts>div:nth-child(4){padding-left:0;border-left:0}}@media(max-width:900px){.student-profile-tags{flex-wrap:wrap}.student-interest-fee-content{flex-direction:column;gap:20px}.student-interest-course-cost,.student-interest-total-fee{width:100%}.student-interest-total-fee{padding-top:20px;padding-left:0;border-top:1px solid var(--border-light);border-left:0}}@media(max-width:760px){.student-profile-card{padding:22px}.student-profile-identity{align-items:flex-start}.student-profile-avatar{width:78px;height:78px;flex-basis:78px;font-size:26px}.student-campus-details{grid-template-columns:1fr}.student-campus-details article{padding:15px 0;border-left:0;border-top:1px solid var(--border-light)}.student-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-record-tabs{gap:20px;overflow-x:auto}.student-record-tabs button{flex:0 0 auto}.student-interested-course-card{padding:22px;grid-template-columns:1fr}.student-course-action{padding-top:0}.student-interest-card-header{align-items:flex-start;flex-direction:column}.student-interest-actions{width:100%;justify-content:space-between}.student-interest-detail-grid{grid-template-columns:1fr}.student-course-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.student-course-facts>div:nth-child(odd){border-left:0}}@media(max-width:480px){.student-details-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.student-details-toolbar h1{font-size:23px}.student-profile-identity{flex-direction:column}.student-summary-grid{grid-template-columns:1fr}.student-primary-interest{padding:0 4px 14px}.student-interest-section-title{font-size:21px}.student-interest-card-header,.student-interest-fee-breakdown{padding:20px}.student-course-facts{grid-template-columns:1fr}.student-course-facts>div{min-height:auto;padding:16px 20px;border-left:0;border-top:1px solid var(--border-light)}.student-course-facts>div:first-child{border-top:0}.student-interest-actions{width:100%;flex-wrap:wrap}.student-interest-actions button{width:100%}}