:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--gradient-primary:linear-gradient(135deg,#6366f1,#4f46e5);--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-bg:#f8fafc;--color-surface:#fff;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0f172a14;--shadow:0 4px 16px #0f172a14;--shadow-lg:0 12px 32px #6366f12e}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--color-bg);color:#1e293b;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:#6366f1;color:var(--color-primary)}::selection{background:#e0e7ff;background:var(--color-primary-100)}.auth-wrapper{background:var(--color-bg);display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.auth-brand{background:var(--gradient-primary);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.auth-brand:after{background:#ffffff14;border-radius:50%;bottom:-160px;content:"";height:420px;position:absolute;right:-120px;width:420px}.auth-brand-logo{align-items:center;color:#fff;display:inline-flex;font-size:1.3rem;font-weight:700;gap:10px;text-decoration:none;z-index:1}.auth-brand-copy{max-width:420px;z-index:1}.auth-brand-copy h1{font-size:2.2rem;line-height:1.2;margin:0 0 14px}.auth-brand-copy p{font-size:1rem;line-height:1.6;margin:0 0 24px;opacity:.9}.auth-brand-points{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.auth-brand-points li{opacity:.95;padding-left:26px;position:relative}.auth-brand-points li:before{align-items:center;background:#ffffff40;border-radius:50%;content:"✓";display:flex;font-size:.7rem;height:18px;justify-content:center;left:0;position:absolute;top:0;width:18px}.auth-brand-foot{font-size:.82rem;opacity:.7;z-index:1}.auth-form-panel{align-items:center;display:flex;justify-content:center;padding:40px 24px}.auth-card{max-width:400px;width:100%}.auth-card-head{margin-bottom:28px}.auth-card-head h2{color:var(--color-text);font-size:1.7rem;margin:0 0 6px}.auth-card-head p{color:var(--color-text-muted);margin:0}.auth-form{gap:18px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:7px}.auth-field>span{color:var(--color-text);font-size:.85rem;font-weight:600}.auth-input{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:10px;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.auth-input svg{color:var(--color-text-muted);flex-shrink:0}.auth-input input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:.95rem;outline:none;padding:13px 0}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:var(--color-danger);font-size:.88rem;padding:11px 14px}.auth-submit{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:14px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.75}.auth-spin{animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-foot-note{font-size:.82rem;margin:20px 0 0}.auth-back,.auth-foot-note{color:var(--color-text-muted);text-align:center}.auth-back{display:block;font-size:.85rem;margin-top:14px;text-decoration:none}.auth-back:hover{color:var(--color-primary)}@media (max-width:860px){.auth-wrapper{grid-template-columns:1fr}.auth-brand{display:none}}.dash-shell{background:var(--color-bg);display:flex;min-height:100vh}.dash-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;width:240px}.dash-sidebar-brand{align-items:center;color:var(--color-primary);display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:6px 10px 18px;text-decoration:none}.dash-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.dash-sidebar-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;font-size:.92rem;font-weight:500;gap:12px;padding:11px 12px;text-decoration:none;transition:background .15s ease,color .15s ease}.dash-sidebar-link:hover{background:var(--color-bg);color:var(--color-text)}.dash-sidebar-link.active{background:var(--color-primary-50);color:var(--color-primary);font-weight:600}.dash-sidebar-group{display:flex;flex-direction:column}.dash-sidebar-toggle{background:#0000;border:none;cursor:pointer;width:100%}.dash-chevron{margin-left:auto;transition:transform .2s ease}.dash-chevron.open{transform:rotate(180deg)}.dash-sidebar-submenu{border-left:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 16px;padding-left:12px}.dash-sidebar-sublink{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.88rem;font-weight:500;padding:9px 12px;text-decoration:none;transition:background .15s ease,color .15s ease}.dash-sidebar-sublink:hover{background:var(--color-bg);color:var(--color-text)}.dash-sidebar-sublink.active{background:var(--color-primary-50);color:var(--color-primary);font-weight:600}.dash-sidebar-logout{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:12px;padding:11px 12px;text-align:left}.dash-sidebar-logout:hover{background:#fef2f2;color:var(--color-danger)}.dash-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.academic-main-contents,.add-course-main-content,.all-users-main-content,.assign-faculty-main-content,.course-main-contents,.enrollment-main-content,.manage-course-main-content,.reports-main-contents,.update-course-main-content{flex:1 1;margin-left:0!important;min-width:0}@media (max-width:820px){.dash-shell{flex-direction:column}.dash-sidebar{align-items:center;flex-direction:row;gap:6px;height:auto;overflow-x:auto;padding:10px;position:static;width:100%}.dash-sidebar-brand{display:none}.dash-sidebar-nav{flex:1 1;flex-direction:row}.dash-sidebar-link span,.dash-sidebar-logout span{display:none}.dash-sidebar-link,.dash-sidebar-logout{padding:10px}}.create-user-management-page{background-color:#f8fafc;display:flex;min-height:100vh}.create-user-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.create-user-dash-header{margin-bottom:2.5rem}.create-user-dash-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.create-user-dash-header p{color:#64748b;font-size:1.1rem}.create-user-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 20px 25px -5px #0000000d;margin:0 auto;max-width:900px;padding:3rem}.create-user-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.create-user-form-group{display:flex;flex-direction:column;gap:.6rem}.create-user-form-group label{color:#475569;font-size:.9rem;font-weight:700}.create-user-form-group input,.create-user-styled-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;font-weight:600;padding:.85rem 1.25rem;transition:all .2s}.create-user-form-group input:focus,.create-user-styled-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.create-user-full-width{margin-bottom:2rem}.create-user-status-banner{border-radius:14px;font-weight:700;margin-bottom:2rem;padding:1.25rem;text-align:center}.create-user-success{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.create-user-error{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.create-user-form-actions{display:flex;gap:1rem;margin-top:1rem}.create-user-submit-btn{background:#6366f1;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;flex:1 1;font-weight:800}.create-user-cancel-btn,.create-user-submit-btn{border:none;border-radius:14px;cursor:pointer;padding:1rem 2rem}.create-user-cancel-btn{background:#f1f5f9;color:#64748b;font-weight:700}.all-users-management-page{background-color:#f8fafc;display:flex;min-height:100vh}.all-users-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.all-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem}.all-users-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.all-users-header-actions{align-items:center;display:flex;gap:1.25rem}.all-users-search-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:.75rem;padding:.75rem 1.25rem;width:380px}.all-users-search-pill input{border:none;color:#1e293b;font-size:.95rem;font-weight:500;outline:none;width:100%}.all-users-primary-action-btn{align-items:center;background:#6366f1;border:none;border-radius:14px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.75rem;padding:.85rem 1.5rem}.all-users-table-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 20px 25px -5px #0000000d;overflow:hidden}.all-users-modern-table{border-collapse:collapse;width:100%}.all-users-modern-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 2rem;text-align:left;text-transform:uppercase}.all-users-clickable-row{cursor:pointer;transition:all .2s ease}.all-users-clickable-row:hover{background:#6366f105}.all-users-modern-table td{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;vertical-align:middle}.all-users-user-profile-cell{align-items:center;display:flex;gap:1.25rem}.all-users-profile-initials{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;color:#fff;display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.all-users-p-full-name{color:#1e293b;display:block;font-size:.95rem;font-weight:700}.all-users-p-username{color:#94a3b8;display:block;font-size:.8rem;font-weight:500}.all-users-designation-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.45rem 1rem;text-transform:capitalize}.all-users-role-admin{background:#fee2e2;color:#ef4444}.all-users-role-teacher{background:#fef3c7;color:#d97706}.all-users-role-student{background:#dcfce7;color:#10b981}.all-users-status-toggle{align-items:center;border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.6rem;padding:.45rem 1rem}.all-users-on{background:#ecfdf5;color:#10b981}.all-users-off{background:#fef2f2;color:#ef4444}.all-users-glow-dot{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}.all-users-loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.student-dir-management-page{background-color:#f8fafc;display:flex;min-height:100vh}.student-dir-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.student-dir-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem}.student-dir-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.student-dir-header-actions{align-items:center;display:flex;gap:1.25rem}.student-dir-search-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:.75rem;padding:.75rem 1.25rem;width:380px}.student-dir-search-pill input{border:none;color:#1e293b;font-size:.95rem;font-weight:500;outline:none;width:100%}.student-dir-primary-action-btn{align-items:center;background:#6366f1;border:none;border-radius:14px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.75rem;padding:.85rem 1.5rem}.student-dir-table-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 20px 25px -5px #0000000d;overflow:hidden}.student-dir-modern-table{border-collapse:collapse;width:100%}.student-dir-modern-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 2rem;text-align:left;text-transform:uppercase}.student-dir-clickable-row{cursor:pointer;transition:all .2s ease}.student-dir-clickable-row:hover{background:#6366f105}.student-dir-modern-table td{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;vertical-align:middle}.student-dir-user-profile-cell{align-items:center;display:flex;gap:1.25rem}.student-dir-profile-initials{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;color:#fff;display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.student-dir-p-full-name{color:#1e293b;display:block;font-size:.95rem;font-weight:700}.student-dir-p-username{color:#94a3b8;display:block;font-size:.8rem;font-weight:500}.student-dir-designation-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.45rem 1rem;text-transform:capitalize}.student-dir-role-student{background:#dcfce7;color:#10b981}.student-dir-status-toggle{align-items:center;border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.6rem;padding:.45rem 1rem}.student-dir-on{background:#ecfdf5;color:#10b981}.student-dir-off{background:#fef2f2;color:#ef4444}.student-dir-glow-dot{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}.student-dir-loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.faculty-management-page{background-color:#f8fafc;display:flex;min-height:100vh}.faculty-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.faculty-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem}.faculty-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.faculty-header-actions{align-items:center;display:flex;gap:1.25rem}.faculty-search-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:.75rem;padding:.75rem 1.25rem;width:380px}.faculty-search-pill input{border:none;color:#1e293b;font-size:.95rem;font-weight:500;outline:none;width:100%}.faculty-primary-action-btn{align-items:center;background:#6366f1;border:none;border-radius:14px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.75rem;padding:.85rem 1.5rem}.faculty-table-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 20px 25px -5px #0000000d;overflow:hidden}.faculty-modern-table{border-collapse:collapse;width:100%}.faculty-modern-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 2rem;text-align:left;text-transform:uppercase}.faculty-clickable-row{cursor:pointer;transition:all .2s ease}.faculty-clickable-row:hover{background:#6366f105}.faculty-modern-table td{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;vertical-align:middle}.faculty-user-profile-cell{align-items:center;display:flex;gap:1.25rem}.faculty-profile-initials{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:14px;color:#fff;display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.faculty-p-full-name{color:#1e293b;display:block;font-size:.95rem;font-weight:700}.faculty-p-username{color:#94a3b8;display:block;font-size:.8rem;font-weight:500}.faculty-designation-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:.45rem 1rem;text-transform:capitalize}.faculty-role-teacher{background:#fef3c7;color:#d97706}.faculty-status-toggle{align-items:center;border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.6rem;padding:.45rem 1rem}.faculty-on{background:#ecfdf5;color:#10b981}.faculty-off{background:#fef2f2;color:#ef4444}.faculty-glow-dot{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}.faculty-loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.user-details-page-wrapper{background-color:#f8fafc;min-height:100vh;padding:2.5rem}.user-details-content{margin:0 auto;max-width:1200px}.user-details-navigation{align-items:center;display:flex;gap:1.5rem;margin-bottom:2.5rem}.user-details-back-navigation-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 6px -1px #0000000d;color:#64748b;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.user-details-back-navigation-btn:hover{background:#f1f5f9;color:#6366f1;transform:translateX(-4px)}.user-details-nav-breadcrumb{color:#64748b;font-size:1.1rem;font-weight:700}.user-details-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 10px 15px -3px #0000000a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2.5rem}.user-details-profile-name-container{align-items:center;display:flex;gap:2rem}.user-details-profile-avatar-large{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:24px;box-shadow:0 15px 30px -10px #6366f166;color:#fff;display:flex;font-size:2.5rem;font-weight:800;height:90px;justify-content:center;width:90px}.user-details-profile-title h1{color:#0f172a;font-size:2rem;font-weight:800;margin:0 0 .5rem}.user-details-profile-title p{color:#64748b;font-weight:600;margin:0}.user-details-role-badge{border-radius:10px;font-size:.8rem;padding:.35rem 1rem;text-transform:uppercase}.user-details-role-admin{background:#fee2e2;color:#ef4444}.user-details-role-teacher{background:#fef3c7;color:#d97706}.user-details-role-student{background:#dcfce7;color:#10b981}.user-details-ac-buttons{display:flex;gap:1rem}.user-details-btn{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:.85rem 1.5rem;transition:all .2s}.user-details-btn-update{background:#6366f1;box-shadow:0 8px 16px -4px #6366f14d;color:#fff}.user-details-btn-delete{background:#fef2f2;color:#ef4444}.user-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.user-details-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 10px 15px -3px #0000000a;overflow:hidden}.user-details-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.user-details-card-header h3{color:#1e293b;font-size:1.1rem;font-weight:800;margin:0}.user-details-info-content{padding:2rem}.user-details-detail-item{margin-bottom:1.5rem}.user-details-detail-item label{color:#94a3b8;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.user-details-detail-item span{color:#1e293b;font-size:1.05rem;font-weight:600}.user-details-enrollment-card{grid-column:1/-1}.user-details-enrollment-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.user-details-enrollment-column h4{color:#6366f1;font-size:.85rem;font-weight:800;margin-bottom:1.5rem;text-transform:uppercase}.user-details-status-badges{border-radius:10px;display:inline-block;font-size:.8rem;font-weight:700;padding:.4rem 1rem}.user-details-status-Pending{background:#fef3c7;color:#d97706}.user-details-status-Approved{background:#dcfce7;color:#10b981}.user-details-profile-photo{border:4px solid #fff;border-radius:20px;box-shadow:0 10px 20px -5px #0000001a;height:120px;object-fit:cover;width:120px}.user-details-doc-link{color:#6366f1;display:inline-block;font-size:.9rem;font-weight:700;text-decoration:none}.user-details-doc-link:hover{text-decoration:underline}.user-details-loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.user-details-spinner{animation:user-details-spin 1s linear infinite;border:5px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:50px;width:50px}@keyframes user-details-spin{to{transform:rotate(1turn)}}.user-dash-management-page{background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;min-height:100vh}.user-dash-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.user-dash-sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.user-dash-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.user-dash-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0}.user-dash-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.user-dash-sidebar-nav ul{list-style:none;padding:0}.user-dash-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.user-dash-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-dash-sidebar-nav li:hover a{background:#6366f10d!important;color:#6366f1!important;transform:translateX(4px)}.user-dash-sidebar-nav li.user-dash-active a{background:#fff!important;box-shadow:0 4px 12px -2px #6366f11f;color:#6366f1!important;position:relative}.user-dash-sidebar-nav li.user-dash-active a:before{background:#6366f1;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.user-dash-sidebar-footer{margin-top:auto;padding:2rem}.user-dash-back-tile{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:14px;color:#6366f1;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-dash-back-tile:hover{background:#6366f1;box-shadow:0 8px 20px -6px #6366f166;color:#fff;transform:translateY(-2px)}.user-dash-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:2rem}.user-dash-dashboard-body{margin:0 auto;max-width:1400px}.user-dash-dash-header{margin-bottom:2.5rem}.user-dash-dash-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.user-dash-dash-header p{color:#64748b;font-size:1.1rem;margin:0}.user-dash-stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.user-dash-stat-card-clean{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;justify-content:space-between;padding:1.75rem;transition:all .3s ease}.user-dash-stat-content h4{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.user-dash-stat-value{color:#1e293b;display:block;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:.4rem 0}.user-dash-stat-trend{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:.35rem}.user-dash-trend-up{color:#10b981}.user-dash-trend-down{color:#6366f1}.user-dash-stat-icon-box{align-items:center;border-radius:16px;display:flex;height:54px;justify-content:center;transition:transform .3s ease;width:54px}.user-dash-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:1.5rem}.user-dash-chart-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 10px 15px -3px #0000000a;padding:2rem}.user-dash-card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.user-dash-card-title-row h3{color:#0f172a;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0}.user-dash-table-card-dashboard{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 10px 15px -3px #0000000a;overflow:hidden}.user-dash-table-header-dash{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.75rem 2rem}.user-dash-table-header-dash h3{font-size:1.25rem;font-weight:800;margin:0}.user-dash-icon-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;gap:.5rem;height:38px;transition:all .2s}.user-dash-icon-btn:hover{background:#e2e8f0}.user-dash-dash-table{border-collapse:collapse;width:100%}.user-dash-dash-table th{background:#f8fafc;color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 2rem;text-align:left;text-transform:uppercase}.user-dash-dash-table td{border-bottom:1px solid #f8fafc;padding:1.25rem 2rem}.user-dash-user-compact{align-items:center;display:flex;gap:1rem}.user-dash-initials-round{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;box-shadow:0 4px 6px -1px #6366f133;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-dash-activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 10px 15px -3px #0000000a;padding:2rem}.user-dash-activity-list{display:flex;flex-direction:column;gap:.75rem}.user-dash-activity-item{align-items:center;background:#fdfdfd;border:1px solid #f1f5f9;border-radius:18px;display:flex;gap:1.25rem;padding:1.25rem;transition:all .3s ease}.user-dash-activity-item:hover{background:#fff;border-color:#6366f1;box-shadow:0 10px 15px -3px #6366f11a;transform:translateX(8px)}.user-dash-act-info p{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.user-dash-dot-pulse{animation:user-dash-pulse 1.5s cubic-bezier(.66,0,0,1) infinite;border-radius:50%;box-shadow:0 0 0 0 #3b82f6b3}@keyframes user-dash-pulse{to{box-shadow:0 0 0 10px #3b82f600}}@media (max-width:1400px){.user-dash-charts-grid{grid-template-columns:1fr}}.academic-management-page{background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;min-height:100vh;width:100%}.academic-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.academic-sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.academic-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.academic-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #0000001a}.academic-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.academic-sidebar-nav ul{list-style:none;padding:0}.academic-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.academic-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.academic-sidebar-nav li:hover a{background:#6366f10d!important;color:#6366f1!important;transform:translateX(4px)}.academic-sidebar-nav li.academic-active a{background:#fff!important;box-shadow:0 4px 12px -2px #6366f11f;color:#6366f1!important;position:relative}.academic-sidebar-nav li.academic-active a:before{background:#6366f1;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.academic-sidebar-footer{margin-top:auto;padding:2rem}.academic-back-tile{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:14px;color:#6366f1;cursor:pointer;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.academic-back-tile:hover{background:#6366f1;box-shadow:0 8px 20px -6px #6366f166;color:#fff;transform:translateY(-2px)}.academic-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh}.academic-dashboard-body{margin:0;max-width:1280px;padding:28px 36px;width:100%}.academic-dash-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.academic-stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.academic-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:1.5rem}.academic-stat-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.academic-stat-value{color:#1e293b;display:block;font-size:2rem;font-weight:800;margin:.5rem 0}.academic-stat-trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem}.academic-trend-up{color:#10b981}.academic-trend-down{color:#ef4444}.academic-stat-icon-box{align-items:center;border-radius:16px;display:flex;height:54px;justify-content:center;width:54px}.academic-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.academic-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;padding:1.5rem}.academic-card-title-row h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.academic-section-title{color:#0f172a;font-size:1.5rem;font-weight:800;margin:2rem 0 1.5rem}.academic-action-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:3rem}.academic-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.academic-action-card:hover{border-color:#38bdf8;box-shadow:0 12px 20px -5px #0000001a;transform:translateY(-5px)}.academic-action-icon-circle{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.academic-c-blue{background:#3b82f61a;color:#3b82f6}.academic-c-orange{background:#f59e0b1a;color:#f59e0b}.academic-c-purple{background:#8b5cf61a;color:#4f46e5}.academic-c-teal{background:#10b9811a;color:#10b981}.academic-action-texts h3{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0}.academic-action-texts p{color:#64748b;font-size:.85rem;margin:.25rem 0 0}.academic-spinner{animation:academic-spin 1s ease-in-out infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes academic-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.academic-charts-grid{grid-template-columns:1fr}}.library-management-page{background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;min-height:100vh}.library-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.library-sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.library-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.library-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0}.library-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.library-sidebar-nav ul{list-style:none;padding:0}.library-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.library-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.library-sidebar-nav li:hover a{background:#6366f10d!important;color:#6366f1!important;transform:translateX(4px)}.library-sidebar-nav li.library-active a{background:#fff!important;box-shadow:0 4px 12px -2px #6366f11f;color:#6366f1!important;position:relative}.library-sidebar-nav li.library-active a:before{background:#6366f1;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.library-sidebar-footer{margin-top:auto;padding:2rem}.library-back-tile{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:14px;color:#6366f1;cursor:pointer;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.library-back-tile:hover{background:#6366f1;box-shadow:0 8px 20px -6px #6366f166;color:#fff;transform:translateY(-2px)}.library-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh}.library-dashboard-body{margin:0 auto;max-width:1200px;padding:0 2rem}.library-dash-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.library-stat-card-clean{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:1.5rem}.library-stat-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.library-stat-value{color:#1e293b;display:block;font-size:1.8rem;font-weight:800;margin:.25rem 0}.library-stat-trend{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.25rem}.library-stat-icon-box{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.library-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.library-chart-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;padding:1.5rem}.library-card-title-row h3{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.library-chart-section-title{color:#0f172a;font-size:1.25rem;font-weight:800}.library-action-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:3rem}.library-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.library-action-card:hover{border-color:#6366f1;box-shadow:0 12px 20px -5px #0000001a;transform:translateY(-5px)}.library-action-icon-circle{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.library-action-texts h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.library-action-texts p{color:#64748b;font-size:.8rem;margin:.25rem 0 0}.library-spinner{animation:library-spin 1s ease-in-out infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes library-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.library-charts-grid{grid-template-columns:1fr!important}}.reports-management-page{background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;min-height:100vh}.reports-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.reports-sidebar-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.reports-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.reports-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0}.reports-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.reports-sidebar-nav ul{list-style:none;padding:0}.reports-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.reports-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.reports-sidebar-nav li:hover a{background:#a855f70d!important;color:#4f46e5!important;transform:translateX(4px)}.reports-sidebar-nav li.reports-active a{background:#fff!important;box-shadow:0 4px 12px -2px #a855f71f;color:#4f46e5!important;position:relative}.reports-sidebar-nav li.reports-active a:before{background:#4f46e5;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.reports-sidebar-footer{margin-top:auto;padding:2rem}.reports-back-tile{align-items:center;background:#a855f714;border:1px solid #a855f71a;border-radius:14px;color:#4f46e5;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.reports-back-tile:hover{background:#4f46e5;box-shadow:0 8px 20px -6px #a855f766;color:#fff;transform:translateY(-2px)}.reports-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh}.reports-dashboard-body{margin:0;max-width:1280px;padding:28px 36px;width:100%}.reports-dash-header h1{font-size:2rem;font-weight:800}.reports-stat-card-clean{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:1.5rem}.reports-stat-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.reports-stat-value{color:#1e293b;display:block;font-size:1.8rem;font-weight:800;margin:.25rem 0}.reports-stat-trend{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.25rem}.reports-stat-icon-box{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.reports-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.reports-chart-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;padding:1.5rem}.reports-card-title-row h3{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.reports-report-list-item{cursor:pointer;transition:all .2s}.reports-report-list-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translateX(4px)}.reports-primary-action-btn{align-items:center;background:#6366f1;border:none;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem}.reports-spinner{animation:reports-spin 1s ease-in-out infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes reports-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.reports-charts-grid{grid-template-columns:1fr!important}}.add-course-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.add-course-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.add-course-page-header{margin-bottom:2.5rem;max-width:960px}.add-course-page-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.add-course-page-header p{color:#64748b;font-size:1.1rem}.add-course-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d;max-width:960px;padding:2.5rem}.add-course-status-banner{border-radius:12px;font-weight:600;margin-bottom:2rem;padding:1rem 1.5rem}.add-course-status-success{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.add-course-status-error{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.add-course-form-section{margin-bottom:3rem}.add-course-form-section h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;padding-bottom:.75rem}.add-course-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.add-course-form-group{margin-bottom:1.5rem}.add-course-full-width{grid-column:1/-1}.add-course-form-group label{color:#64748b;display:block;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.add-course-form-group input,.add-course-form-group select,.add-course-form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.add-course-form-group input:focus,.add-course-form-group select:focus,.add-course-form-group textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.add-course-form-group textarea{min-height:100px;resize:vertical}.add-course-image-preview-container{border:1px solid #e2e8f0;border-radius:12px;height:120px;margin-top:1rem;overflow:hidden;width:200px}.add-course-image-preview-container img{height:100%;object-fit:cover;width:100%}.add-course-list-item{display:flex;gap:.75rem;margin-bottom:.75rem}.add-course-list-item input{flex:1 1}.add-course-list-item button{align-items:center;background:#fee2e2;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.add-course-nested-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.add-course-remove-nested{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:700;margin-top:1rem;padding:.5rem 1rem}.add-course-add-btn{background:#fff;border:2px dashed #6366f1;border-radius:12px;color:#6366f1;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .2s;width:100%}.add-course-add-btn:hover{background:#6366f10d}.add-course-topics-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.add-course-topic-item{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 2fr 40px;margin-bottom:.75rem}.add-course-add-sub-btn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1rem}.add-course-form-actions{border-top:2px solid #f1f5f9;display:flex;gap:1.5rem;margin-top:3rem;padding-top:2rem}.add-course-submit-btn{background:#6366f1;border:none;border-radius:14px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;flex:2 1;font-size:1.1rem;font-weight:800;padding:1rem;transition:all .2s}.add-course-submit-btn:disabled{cursor:not-allowed;opacity:.7}.add-course-cancel-btn{background:#f1f5f9;border:none;border-radius:14px;color:#64748b;cursor:pointer;flex:1 1;font-weight:700;padding:1rem}.manage-course-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.manage-course-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.manage-course-page-header{margin-bottom:2.5rem;text-align:center}.manage-course-page-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.manage-course-page-header p{color:#64748b;font-size:1.1rem}.manage-course-table-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 15px -3px #0000000d;padding:1.5rem}.manage-course-modern-table{border-collapse:initial;border-spacing:0 .75rem;width:100%}.manage-course-modern-table th{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.manage-course-modern-table td{padding:1.25rem 1rem;vertical-align:middle}.manage-course-clickable-row{cursor:pointer;transition:all .2s}.manage-course-clickable-row:hover{background:#f8fafc}.manage-course-course-cell{align-items:center;display:flex;gap:1rem}.manage-course-course-initials{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:800;height:44px;justify-content:center;width:44px}.manage-course-full-title{color:#1e293b;font-size:1rem;font-weight:700}.manage-course-level-badge{border-radius:10px;font-size:.8rem;font-weight:700;padding:.4rem .85rem}.manage-course-badge-teacher{background:#fef3c7;color:#d97706}.manage-course-badge-admin{background:#fee2e2;color:#ef4444}.manage-course-duration-cell{color:#64748b;font-weight:600}.manage-course-action-buttons{display:flex;gap:.75rem}.manage-course-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem 1rem;transition:all .2s}.manage-course-btn-update{background:#f1f5f9;color:#6366f1}.manage-course-btn-update:hover{background:#e0e7ff}.manage-course-btn-delete{background:#fef2f2;color:#ef4444}.manage-course-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.manage-course-spinner{animation:manage-course-spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes manage-course-spin{to{transform:rotate(1turn)}}.course-management-page{background-color:#f8fafc;display:flex;font-family:Inter,sans-serif;min-height:100vh}.course-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.course-sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.course-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.course-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0}.course-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.course-sidebar-nav ul{list-style:none;padding:0}.course-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.course-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.course-sidebar-nav li:hover a{background:#6366f10d!important;color:#6366f1!important;transform:translateX(4px)}.course-sidebar-nav li.course-active a{background:#fff!important;box-shadow:0 4px 12px -2px #6366f11f;color:#6366f1!important;position:relative}.course-sidebar-nav li.course-active a:before{background:#6366f1;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.course-sidebar-footer{margin-top:auto;padding:2rem}.course-back-tile{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:14px;color:#6366f1;cursor:pointer;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-back-tile:hover{background:#6366f1;box-shadow:0 8px 20px -6px #6366f166;color:#fff;transform:translateY(-2px)}.course-main-contents{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh}.course-dashboard-body{margin:0;max-width:1280px;padding:28px 36px;width:100%}.course-dash-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.course-stats-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.course-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:1.5rem}.course-stat-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.course-stat-value{color:#1e293b;display:block;font-size:2rem;font-weight:800;margin:.5rem 0}.course-stat-trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem}.course-trend-up{color:#10b981}.course-stat-icon-box{align-items:center;border-radius:16px;display:flex;height:54px;justify-content:center;width:54px}.course-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.course-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;padding:1.5rem}.course-card-title-row h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.course-section-title{color:#0f172a;font-size:1.5rem;font-weight:800;margin:2rem 0 1.5rem}.course-action-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:3rem}.course-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.course-action-card:hover{border-color:#38bdf8;box-shadow:0 12px 20px -5px #0000001a;transform:translateY(-5px)}.course-action-icon-circle{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.course-action-texts h3{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0}.course-action-texts p{color:#64748b;font-size:.85rem;margin:.25rem 0 0}.course-custom-scroll-legend::-webkit-scrollbar{width:4px}.course-custom-scroll-legend::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.course-spinner{animation:course-spin 1s ease-in-out infinite;border:3px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes course-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.course-charts-grid{grid-template-columns:1fr!important}}html{scroll-behavior:smooth}.home-page{background-color:#f8fafc;color:#1e293b;font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-up{animation:fadeInUp 1s ease forwards;opacity:0;will-change:transform,opacity}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.home-navbar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;display:flex;height:78px;left:50%;position:fixed;transform:translateX(-50%);transition:all .5s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,width,top,background-color;z-index:1000}.home-navbar.scrolled{background-color:#fff;border-bottom:1px solid #0000000d;border-radius:0;box-shadow:0 10px 30px #00000014;height:80px;max-width:none;top:0;width:100%}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:90%}.home-logo{color:#000;font-size:24px;font-weight:700}.logo-link{align-items:center;color:#fff;display:flex;gap:10px;text-decoration:none;transition:color .3s ease}.scrolled .logo-link{color:#000}.logo-icon{background:linear-gradient(135deg,#6366f1,#6366f1);border-radius:8px;font-size:18px;padding:5px 8px}.logo-text{color:#fff;letter-spacing:-.5px;transition:color .3s ease}.scrolled .logo-text{color:#0f172a}.nav-links{display:flex;gap:30px}.nav-link{color:#ffffffe6;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#7474eb}.scrolled .nav-link{color:#475569}.scrolled .nav-link:hover{color:#6366f1}.auth-section{align-items:center;display:flex}.login-btn{background-color:#6366f1;border-radius:12px;box-shadow:0 10px 20px #6366f133;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .3s ease}.login-btn:hover{box-shadow:0 15px 25px #6366f14d;transform:translateY(-2px)}.profile-group{align-items:center;display:flex;gap:15px}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#fff!important;font-size:14px;font-weight:600;transition:color .3s ease}.scrolled .user-name{color:#1e293b!important}.user-role{color:#ffffffb3!important;font-size:11px;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.scrolled .user-role{color:#64748b!important}.avatar{align-items:center;background-color:#f1f5f9;border:1px solid #0000000d;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.avatar:hover{background-color:#6366f1;border-color:#6366f1;box-shadow:0 0 20px #6366f14d;color:#fff}.sidebar-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1999}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background-color:#fff;box-shadow:-10px 0 30px #0000000d;display:flex;flex-direction:column;height:100vh;position:fixed;right:-350px;top:0;transition:right .3s ease;width:350px;z-index:2000}.sidebar.open{right:0}.sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:30px 20px}.sidebar-user-info{align-items:center;display:flex;gap:15px}.sidebar-avatar{align-items:center;background-color:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.sidebar-username{color:#fff;font-size:16px;font-weight:600}.sidebar-role{color:#fffc;font-size:12px;letter-spacing:1px;text-transform:uppercase}.close-btn-for-home{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .2s ease;width:35px}.close-btn-for-home:hover{background-color:#fff3;transform:rotate(90deg)}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.sidebar-item{align-items:center;background-color:initial;border-radius:12px;color:#334155;display:flex;font-size:15px;font-weight:500;gap:15px;margin-bottom:8px;padding:15px 20px;text-decoration:none;transition:all .2s ease}.sidebar-item:hover{background-color:#f1f5f9;color:#6366f1;transform:translateX(-5px)}.sidebar-icon{font-size:20px;text-align:center;width:25px}.sidebar-footer{border-top:1px solid #0000000d;padding:20px}.sidebar-logout-btn{align-items:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;transition:all .2s ease;width:100%}.sidebar-logout-btn:hover{background-color:#ef444433;border-color:#ef44444d}.hero-section{align-items:center;contain:layout style;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:0 5%;position:relative}.hero-section:before{background:linear-gradient(#00000080,#0e0d0d80),url(/static/media/homebackground.095d22d8aab7fbaa9e56.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:-3px;content:"";filter:blur(2px);left:-3px;position:absolute;right:-3px;top:-3px;z-index:0}.hero-content{text-align:center;z-index:1}.hero-title{color:#fff;font-size:4.5rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#6366f1);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-actions{display:flex;gap:20px;justify-content:center}.primary-btn{background-color:#6366f1;border:none;border-radius:14px;box-shadow:0 15px 30px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 36px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 20px 35px #6366f166;transform:translateY(-2px)}.secondary-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;color:#1e293b;cursor:pointer;font-size:16px;font-weight:600;padding:16px 36px;transition:all .3s ease}.secondary-btn:hover{background-color:#e2e8f0;border-color:#cbd5e1}.courses-section{background-color:#f5f5f5;contain:layout style;padding:40px 5%}.courses-section:before{background:linear-gradient(180deg,#0f172a0d,#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0}.section-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:50px;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:2.2rem!important;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:0}.section-header .section-title{text-align:center}.section-subtitle{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}.courses-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px}.course-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:0;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.course-card:before{background:linear-gradient(90deg,#6366f1,#6366f1);bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .4s ease;z-index:2}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #6366f133;transform:translateY(-10px)}.course-image-container{border-radius:20px 20px 0 0;flex-shrink:0;height:220px;overflow:hidden;width:100%}.course-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.course-card:hover .course-image{transform:scale(1.1)}.course-content{display:flex;flex:1 1;flex-direction:column;padding:8px 25px 0}.course-card:hover .course-icon{animation:pulse 1s ease-in-out infinite}.course-title{-webkit-line-clamp:2;line-clamp:2;color:#1e293b;font-size:1.4rem;font-weight:700;height:3.4rem}.course-description,.course-title{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:8px;overflow:hidden;text-align:center}.course-description{-webkit-line-clamp:3;line-clamp:3;color:#64748b;flex:1 1;font-size:.9rem;line-height:1.6;margin-top:4px}.course-footer{align-items:center;background:linear-gradient(0deg,#6366f105,#0000);display:flex;gap:5px;justify-content:space-between;padding:5px 25px 25px}.enroll-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;padding:14px 24px}.enroll-btn,.know-btn{box-shadow:0 4px 12px #6366f133;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease;width:45%}.know-btn{align-items:center;background:#fff;border:1px solid #8a2be2;border-radius:12px;color:#8a2be2;display:flex;justify-content:center;padding:13px 24px;text-decoration:none}.enroll-btn:before,.know-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.enroll-btn:hover:before,.know-btn:hover:before{left:100%}.enroll-btn:hover{background:linear-gradient(135deg,#5558e3,#7c4de8);box-shadow:0 8px 20px #6366f159;transform:translateY(-2px)}.know-btn:hover{background:#8a2be2;box-shadow:0 8px 20px #8a2be24d;color:#fff;transform:translateY(-2px)}.enroll-btn:active,.know-btn:active{box-shadow:0 4px 12px #6366f133;transform:translateY(0)}.course-duration,.course-students{align-items:center;color:#ffffff80;display:flex;font-size:.85rem;gap:5px}.section-action{text-align:center}.view-all-btn{background:linear-gradient(135deg,#6366f1,#6366f1);border:none;border-radius:14px;box-shadow:0 15px 30px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:5px;padding:16px 40px;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 20px 40px #6366f166;transform:translateY(-3px)}.about-section{background-color:#f5f5f5;padding:90px 5% 80px}.about-grid{grid-gap:80px;align-items:flex-start;display:grid;gap:80px;grid-template-columns:1fr 1.2fr}.about-image-container{align-items:flex-start;display:flex;justify-content:center;position:relative}.about-image-glow{background:radial-gradient(circle,#6366f166 0,#0000 70%);filter:blur(40px);height:300px;position:absolute;width:300px;z-index:1}.about-section-image{border-radius:24px;box-shadow:0 20px 60px #00000026;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease;width:500px;z-index:2}.about-section-image:hover{box-shadow:0 25px 70px #0003;transform:scale(1.03)}.about-content{text-align:left}.about-content .section-title{margin-top:0}.about-description{color:#475569;font-size:1.1rem;line-height:1.8;margin-bottom:70px}.about-features{grid-gap:35px;display:grid;gap:35px}.feature-item{gap:25px;padding:10px 0}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{background:#6366f11a;border-radius:16px;flex-shrink:0;font-size:2.2rem;height:65px;justify-content:center;transition:transform .3s ease,background .3s ease;width:65px}.feature-item:hover .feature-icon{background:#6366f133;transform:scale(1.1) rotate(5deg)}.feature-item h4{color:#1e293b;font-size:1.3rem;font-weight:800;margin:0 0 4px}.feature-item p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.text-left{text-align:left!important}.contact-section{background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:80px 5% 100px;position:relative}.contact-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-info{text-align:left}.contact-subtitle{color:#475569;font-size:1.1rem;margin-bottom:40px}.contact-details{grid-gap:20px;display:grid;gap:20px}.contact-detail-item{align-items:center;color:#334155;display:flex;font-size:1.05rem;gap:15px}.contact-icon{font-size:1.5rem}.contact-form{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:40px}.home-page .form-group{margin-bottom:20px}.home-page .form-input,.home-page .form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:90%}.form-input:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 10px #6366f133;outline:none}.form-textarea{height:150px;resize:none}.w-full{width:100%}@media (max-width:992px){.about-grid,.contact-grid,.footer-grid{gap:50px;grid-template-columns:1fr}.about-section-image{max-width:400px;width:100%}.footer-links-group{flex-wrap:wrap;gap:40px}}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:3rem}.hero-actions{align-items:center;flex-direction:column;justify-content:space-between}.primary-btn,.secondary-btn{max-width:300px;width:100%}.section-title{font-size:2.5rem;margin-top:60px;text-align:center}#title-section{margin-top:40px}.view-all-btn{margin-top:30px}.courses-section{padding:10px 5%}.about-section{padding:50px 5% 30px}.about-description{text-align:center}.contact-section{padding:10px 5% 40px}}.dropdown-trigger:hover .dropdown-menu{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.menu-item:hover{background-color:#6366f11a!important;color:#6366f1!important}.logout-btn:hover{background-color:#ef444433!important}.avatar:hover{border-color:#6366f1!important;box-shadow:0 0 20px #6366f14d!important}.footer-section{background-color:#f8fafc;background:linear-gradient(#0003,#0003),url(/static/media/footerbackground.b3eb9d0d2eebdbe133da.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:1px solid #e2e8f0;color:#fff;padding:80px 5% 40px}.section-container{margin:0 auto;max-width:1200px}.footer-grid{grid-gap:100px;display:grid;gap:100px;grid-template-columns:1.5fr 1fr;margin-bottom:60px}.footer-brand .home-logo{margin-bottom:20px}.footer-brand .logo-link{align-items:center;color:#fff;display:flex;gap:10px;text-decoration:none}.footer-brand .logo-icon{background:linear-gradient(135deg,#6366f1,#6366f1);border-radius:8px;color:#fff;font-size:18px;padding:5px 8px}.footer-brand .logo-text{color:#fff;font-weight:700;letter-spacing:-.5px}.footer-description{color:#fffc;line-height:1.6;margin-top:20px;max-width:400px}.footer-links-group{display:flex;gap:80px}.footer-links{display:flex;flex-direction:column;gap:15px}.footer-links h4{color:#fff;font-size:1.1rem;margin-bottom:5px}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#6366f1}.footer-bottom{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;padding-top:40px}.footer-bottom p{color:#fff9;font-size:.9rem}.social-icons{color:#fff;display:flex;gap:20px}.social-icon{color:#fff;cursor:pointer;font-size:1.5rem;opacity:.6;transition:all .3s ease}.social-icon:hover{opacity:1}@media (max-width:992px){.footer-grid{gap:40px;grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center;display:flex;flex-direction:column}.footer-links-group{flex-wrap:wrap;gap:50px;justify-content:center}}@media (max-width:768px){.footer-section{padding:60px 5% 30px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer-links-group{gap:30px}}.course-details-page{background-color:#f8fafc;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.details-nav{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.back-link{color:#6366f1;font-weight:600;text-decoration:none;transition:transform .2s ease}.back-link:hover{transform:translateX(-5px)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.details-hero{align-items:center;color:#fff;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;text-align:center}.hero-overlay{background:linear-gradient(180deg,#282e3ab3,#282e3ae6);inset:0;position:absolute;z-index:1}.hero-bg-image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:2}.course-badge{background:#6366f133;border:1px solid #6366f180;border-radius:20px;color:#a5b4fc;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.course-title-main{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px}.course-tagline{font-size:1.25rem;line-height:1.6;opacity:.9}.details-container{display:flex;flex-direction:column;margin:50px auto 60px;max-width:1800px;padding:0 40px;position:relative;z-index:10}.details-container,.details-grid{box-sizing:border-box;gap:40px;width:100%}.details-grid{grid-gap:40px;display:grid;grid-template-columns:1fr 350px}.bottom-sections-wrapper{padding:50px 40px;width:100%}.bottom-sections-wrapper,.main-info{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px #0000000d;box-sizing:border-box}.main-info{padding:40px}.info-section{box-sizing:border-box;margin-bottom:50px;width:100%}.section-title{align-items:center;color:#0f172a;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin-bottom:25px}.description-text{color:#475569;font-size:1.1rem;line-height:1.8}.highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.highlight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-sizing:border-box;padding:25px;transition:transform .3s ease;width:100%}.highlight-card:hover{border-color:#6366f1;transform:translateY(-5px)}.highlight-card h3{color:#1e293b;font-size:1.15rem;font-weight:700;margin-bottom:12px}.highlight-card p{color:#64748b;font-size:1rem;line-height:1.6}.highlight-card.full-width{grid-column:1/-1}.learn-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;list-style:none;padding:0}.learn-list li{align-items:center;color:#475569;display:flex;font-weight:500;gap:10px}.check-bullet{color:#10b981;font-weight:800}.section-title-large{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:30px}.accordion-wrapper{display:flex;flex-direction:column;gap:12px}.accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-item.active{border-color:#6366f1;box-shadow:0 4px 15px #6366f11a}.accordion-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:background .2s ease}.accordion-header:hover{background:#f8fafc}.header-left{align-items:center;display:flex;gap:15px}.chevron-icon{color:#64748b;font-size:1.5rem;line-height:1;transition:transform .3s ease}.accordion-item.active>.accordion-header .chevron-icon{color:#6366f1;transform:rotate(90deg)}.module-number{font-weight:800}.module-name,.module-number{color:#1e293b;font-size:1.1rem}.module-name{font-weight:700}.accordion-collapse{background:#fff;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.accordion-collapse.show{max-height:2000px}.sub-accordion-wrapper{display:flex;flex-direction:column;gap:8px;padding:10px 20px 20px 40px}.sub-accordion-item{border:1px solid #f1f5f9;border-radius:10px;overflow:hidden;transition:all .2s ease}.sub-header{background:#fff;color:#334155;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:15px 20px;transition:background .2s ease}.sub-header:hover{background:#f9fafb;color:#6366f1}.topic-active .sub-header{background:#f8fafc;color:#6366f1}.sub-module-number{color:#94a3b8;font-size:.95rem}.sub-collapse{max-height:0;overflow:hidden;transition:max-height .3s ease}.sub-collapse.show{max-height:500px}.topic-content{background:#f9fafb;border-top:1px solid #f8fafc;color:#64748b;font-size:.95rem;line-height:1.6;padding:15px 20px 20px 45px}.faq-wrapper{display:flex;flex-direction:column;gap:15px}.faq-item{border-bottom:1px solid #e2e8f0;padding-bottom:15px}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:15px 0;transition:color .2s ease}.faq-question:hover{color:#6366f1}.faq-icon{color:#64748b;font-size:1.25rem}.faq-answer{max-height:0;overflow:hidden;transition:all .3s cubic-bezier(0,1,0,1)}.faq-item.active .faq-answer{max-height:200px;transition:all .3s cubic-bezier(1,0,1,0)}.faq-answer p{color:#64748b;line-height:1.6;padding:10px 0 20px}.sticky-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px #00000014;padding:30px;position:-webkit-sticky;position:sticky;top:100px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.stat-item{align-items:center;background:#dce0e4;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px 15px;text-align:center;transition:all .2s ease}.stat-item:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-label{color:#000!important;display:block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-value{color:#0f172a!important;font-size:1rem!important;font-weight:800;line-height:1.2;word-break:break-word}.opportunity-section h3{color:#0f172a;font-size:1rem;margin-bottom:15px}.opp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.opp-tag{background:#eff6ff;border-radius:20px;color:#2563eb;font-size:.85rem;font-weight:600;padding:6px 14px}.enroll-now-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;box-shadow:0 10px 20px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.enroll-now-btn:hover{box-shadow:0 15px 25px #6366f166;transform:translateY(-2px)}@media (max-width:1024px){.details-grid{gap:30px;grid-template-columns:1fr}.sticky-card{box-sizing:border-box;position:static;width:100%}.course-title-main{font-size:2.5rem}.details-container{gap:30px;margin-top:30px;padding:0 20px}.bottom-sections-wrapper,.main-info{padding:30px 20px}}@media (max-width:768px){.details-hero{height:300px}.course-title-main{font-size:2rem}.course-tagline{font-size:1rem}.highlights-grid,.learn-list{grid-template-columns:1fr}.section-title{font-size:1.5rem}.details-nav{padding:15px 5%}.logo-text{font-size:1.1rem}}@media (max-width:480px){.course-title-main{font-size:1.75rem}.hero-content{padding:0 15px}.stats-grid{grid-template-columns:1fr}.sub-accordion-wrapper{padding-left:15px}}.secondary-enroll-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-weight:500;margin-top:10px;padding:12px 18px;transition:border-color .15s ease,color .15s ease;width:100%}.secondary-enroll-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.enroll-pay-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.enroll-pay-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.enroll-pay-btn:disabled{cursor:not-allowed;opacity:.7}.enroll-pay-btn.enrolled{background:var(--color-success)}.enroll-pay-btn.full{margin-top:8px}.enroll-error{color:var(--color-danger);font-size:.85rem;margin:8px 0 0;text-align:center}.spin{animation:ebtn-spin .9s linear infinite}@keyframes ebtn-spin{to{transform:rotate(1turn)}}.pay-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.pay-modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:360px;padding:32px 28px;text-align:center;width:100%}.pay-modal-icon{align-items:center;background:var(--color-primary-50);border-radius:50%;color:var(--color-primary);display:flex;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.pay-modal h3{color:var(--color-text);margin:0 0 6px}.pay-test-badge{background:#fffbeb;border-radius:999px;color:var(--color-warning);display:inline-block;font-size:.72rem;font-weight:600;margin:0 0 16px;padding:4px 10px}.pay-amount{color:var(--color-primary);font-size:2.2rem;font-weight:800}.pay-course{margin:4px 0 20px}.pay-cancel,.pay-course{color:var(--color-text-muted)}.pay-cancel{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;margin-top:10px;padding:10px;width:100%}.catalog-public{background:var(--color-bg);min-height:100vh}.catalog-topbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 36px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.catalog-brand{color:var(--color-primary);font-size:1.1rem;font-weight:700;gap:10px}.catalog-back,.catalog-brand{align-items:center;display:inline-flex;text-decoration:none}.catalog-back{color:var(--color-text-muted);font-weight:500;gap:6px}.catalog-back:hover{color:var(--color-primary)}.catalog-wrap{margin:0;max-width:1280px;padding:28px 36px 56px;width:100%}.catalog-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.catalog-head-left h1{color:var(--color-text);font-size:1.9rem;font-weight:800;margin:0 0 6px}.catalog-head-left p{color:var(--color-text-muted);margin:0}.catalog-controls{align-items:center;display:flex;gap:12px}.catalog-search{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:10px;max-width:100%;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease;width:360px}.catalog-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.catalog-search svg{color:var(--color-text-muted);flex-shrink:0}.catalog-search input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:.95rem;outline:none;padding:12px 0}.catalog-filter-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;flex-shrink:0;height:46px;justify-content:center;transition:all .15s ease;width:46px}.catalog-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.catalog-filter-panel{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px;padding:16px 18px}.catalog-filter-label{color:var(--color-text);font-size:.9rem;font-weight:700}.catalog-chips{display:flex;flex-wrap:wrap;gap:8px}.catalog-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .15s ease}.catalog-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.catalog-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.catalog-count{color:var(--color-text-muted);font-weight:500;margin-bottom:18px}.catalog-count strong{color:var(--color-text)}.catalog-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.catalog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.catalog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.catalog-card-img{background:var(--color-primary-50);height:170px;position:relative}.catalog-card-img img{display:block;height:100%;object-fit:cover;width:100%}.catalog-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:999px;color:var(--color-primary);font-size:.72rem;font-weight:700;padding:5px 12px;position:absolute;right:12px;top:12px}.catalog-card-body{display:flex;flex:1 1;flex-direction:column;padding:18px}.catalog-cat{color:var(--color-primary);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.catalog-title{color:var(--color-text);font-size:1.2rem;font-weight:700;margin:8px 0}.catalog-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 18px;overflow:hidden}.catalog-card-foot{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:10px;margin-top:auto;padding-top:14px}.catalog-duration{background:var(--color-bg);border-radius:999px;color:var(--color-text-muted);font-size:.78rem;font-weight:600;padding:5px 12px}.catalog-price{color:var(--color-success);font-size:.82rem;font-weight:700}.catalog-explore{color:var(--color-primary);font-size:.9rem;font-weight:700;margin-left:auto;text-decoration:none}.catalog-explore:hover{text-decoration:underline}.catalog-empty{color:var(--color-text-muted);padding:64px 20px;text-align:center}.catalog-empty h3{color:var(--color-text);margin-bottom:16px}.catalog-empty button{background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;padding:11px 22px}.catalog-loading{display:flex;justify-content:center;padding:80px 0}.catalog-spinner{animation:catalog-spin .9s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:42px;width:42px}@keyframes catalog-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.catalog-topbar{padding:14px 18px}.catalog-wrap{padding:22px 18px 48px}.catalog-head-left h1{font-size:1.5rem}.catalog-controls{width:100%}.catalog-search{flex:1 1;width:auto}}@media (max-width:560px){.catalog-topbar{padding:12px 14px}.catalog-wrap{padding:18px 14px 44px}.catalog-grid{gap:16px;grid-template-columns:1fr}.catalog-header{gap:14px}.catalog-card-foot{flex-wrap:wrap}}.update-course-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.update-course-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.update-course-page-header{margin-bottom:2.5rem;max-width:960px}.update-course-page-header h1{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.update-course-page-header p{color:#64748b;font-size:1.1rem}.update-course-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 15px -3px #0000000d;max-width:960px;padding:2.5rem}.update-course-status-banner{border-radius:12px;font-weight:600;margin-bottom:2rem;padding:1rem 1.5rem}.update-course-status-success{background:#ecfdf5;border:1px solid #10b981;color:#059669}.update-course-status-error{background:#fef2f2;border:1px solid #ef4444;color:#dc2626}.update-course-form-section{margin-bottom:3rem}.update-course-form-section h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.update-course-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.update-course-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.update-course-full-width{grid-column:span 2}.update-course-form-group label{color:#64748b;font-size:.9rem;font-weight:700}.update-course-form-group input,.update-course-form-group select,.update-course-form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.update-course-form-group input:focus,.update-course-form-group select:focus,.update-course-form-group textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.update-course-form-group textarea{min-height:100px;resize:vertical}.update-course-image-preview-container{border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;max-width:300px;overflow:hidden}.update-course-image-preview-container img{display:block;width:100%}.update-course-list-item{display:flex;gap:.75rem;margin-bottom:.75rem}.update-course-list-item input{flex:1 1}.update-course-list-item button{background:#fef2f2;border:none;border-radius:10px;color:#ef4444;cursor:pointer;font-size:1.25rem;height:40px;width:40px}.update-course-add-btn{background:#f5f3ff;border:1px dashed #6366f1;border-radius:10px;color:#6366f1;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .2s;width:100%}.update-course-add-btn:hover{background:#ede9fe}.update-course-nested-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.update-course-remove-nested{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:700;margin-top:1rem;padding:0}.update-course-topics-section{border-top:1px solid #cbd5e1;margin-top:1.5rem;padding-top:1.5rem}.update-course-topic-item{display:flex;gap:.75rem;margin-bottom:.75rem}.update-course-topic-item input:first-child{flex:0.4 1}.update-course-topic-item input:nth-child(2){flex:0.6 1}.update-course-topic-item button{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;width:36px}.update-course-add-sub-btn{background:none;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:700;margin-top:.5rem;padding:.5rem 1rem}.update-course-form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.update-course-submit-btn{background:#6366f1;border:none;border-radius:12px;box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:.85rem 2.5rem;transition:all .2s}.update-course-submit-btn:hover{background:#4f46e5;transform:translateY(-2px)}.update-course-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-weight:700;padding:.85rem 2rem}.update-course-loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.update-course-spinner{animation:update-course-spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes update-course-spin{to{transform:rotate(1turn)}}.update-course-error-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center}.update-course-error-container p{color:#ef4444;font-size:1.25rem;font-weight:700}.update-course-error-container button{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 2rem}.enrollment-management-page{background:linear-gradient(135deg,#f8fafc,#eff6ff);color:#1e293b;display:flex;font-family:Outfit,sans-serif;min-height:100vh}.enrollment-sidebar{background:#fdfdfd!important;border-right:1px solid #e2e8f0;bottom:0!important;box-shadow:12px 0 35px -15px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.enrollment-sidebar-header{align-items:center;background:linear-gradient(135deg,#6366f1,#6366f1);border-bottom:1px solid #ffffff1a;display:flex;gap:1.25rem;height:110px;padding:0 1.5rem}.enrollment-logo-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 16px -4px #00000026;display:flex;height:44px;justify-content:center;width:44px}.enrollment-sidebar-header h2{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #0000001a}.enrollment-sidebar-nav{flex:1 1;overflow-y:auto;padding:2.5rem 0}.enrollment-sidebar-nav ul{list-style:none;padding:0}.enrollment-sidebar-nav li{margin-bottom:.75rem;padding:0 1rem}.enrollment-sidebar-nav li a{align-items:center;border-radius:12px;color:#64748b;display:flex;font-size:.95rem;font-weight:700;gap:.85rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.enrollment-sidebar-nav li:hover a{background:#6366f10d!important;color:#6366f1!important;transform:translateX(4px)}.enrollment-sidebar-nav li.enrollment-active a{background:#fff!important;box-shadow:0 4px 12px -2px #6366f11f;color:#6366f1!important;position:relative}.enrollment-sidebar-nav li.enrollment-active a:before{background:#6366f1;border-radius:0 4px 4px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.enrollment-sidebar-footer{margin-top:auto;padding:2rem}.enrollment-back-tile{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:14px;color:#6366f1;cursor:pointer;display:flex;font-weight:700;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.enrollment-back-tile:hover{background:#6366f1;box-shadow:0 8px 20px -6px #6366f166;color:#fff;transform:translateY(-2px)}.enrollment-main-content{background:#0000;flex:1 1;margin-left:280px;min-height:100vh;padding:40px 0}.enrollment-page-header{margin-bottom:30px}.enrollment-page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0f172a,#2563eb);background-clip:text;-webkit-background-clip:text;color:#0f172a;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin:0}.enrollment-page-header p{color:#64748b;font-size:1.1rem;margin-top:5px}.enrollment-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.enrollment-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 10px 25px -5px #00000008;display:flex;flex-direction:column;gap:12px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.enrollment-stat-card:hover{box-shadow:0 20px 30px -10px #0000000d;transform:translateY(-5px)}.enrollment-stat-label{color:#64748b;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.enrollment-stat-value{color:#0f172a;font-size:2.2rem;font-weight:900;line-height:1}.enrollment-table-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden}.enrollment-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.enrollment-table th{background:#f8fafc80;border-bottom:2px solid #f8fafc;color:#94a3b8;font-size:.8rem;font-weight:800;letter-spacing:1.5px;padding:20px;text-transform:uppercase}.enrollment-table td{word-wrap:break-word;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.95rem;padding:20px;vertical-align:middle}.enrollment-table tr:hover{background-color:#fbfcfd}.enrollment-status-badge{border-radius:100px;display:inline-block;font-size:.85rem;font-weight:600;min-width:90px;padding:6px 16px;text-align:center;text-transform:capitalize}.enrollment-status-badge.enrollment-pending{background:#fef3c7;color:#92400e}.enrollment-status-badge.enrollment-approved{background:#dcfce7;color:#166534}.enrollment-status-badge.enrollment-rejected{background:#fee2e2;color:#991b1b}.enrollment-action-buttons{display:inline-flex;gap:8px;justify-content:flex-end;width:100%}.enrollment-btn-approve{background-color:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.enrollment-btn-approve:hover{background-color:#059669;transform:translateY(-2px)}.enrollment-btn-reject{background-color:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.enrollment-btn-reject:hover{background-color:#dc2626;transform:translateY(-2px)}.enrollment-btn-view{background-color:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 18px;transition:all .2s ease}.enrollment-btn-view:hover{background-color:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.enrollment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.enrollment-modal-content{animation:enrollmentModalAppear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a40;max-height:90vh;max-width:860px;overflow-y:auto;position:relative;width:100%}@keyframes enrollmentModalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.enrollment-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:22px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.enrollment-modal-header h2{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin:0}.enrollment-close-modal-btn{align-items:center;background-color:#ef4444;border:none;border-radius:10px;box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:38px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:38px}.enrollment-close-modal-btn:hover{background-color:#dc2626;box-shadow:0 6px 15px #ef44444d;color:#fff;transform:rotate(90deg) scale(1.1)}.enrollment-modal-body{background-color:#f8fafc;padding:24px 28px}.enrollment-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0a;margin-bottom:20px;padding:24px}.enrollment-detail-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.1rem;font-weight:800;gap:12px;margin:0 0 20px}.enrollment-detail-section h3:before{background:#6366f1;border-radius:10px;content:"";height:20px;width:4px}.enrollment-detail-grid{grid-gap:18px 24px;display:grid;gap:18px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.enrollment-detail-item{display:flex;flex-direction:column;gap:8px}.enrollment-detail-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.enrollment-detail-value{color:#1e293b;font-size:1.05rem;font-weight:600}.enrollment-file-link{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:12px;color:#475569;display:inline-flex;font-size:.9rem;font-weight:700;gap:10px;padding:12px 20px;text-decoration:none;transition:all .2s}.enrollment-file-link:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a;transform:translateY(-2px)}.enrollment-modal-actions{display:flex;gap:15px;justify-content:center;margin-top:50px}.enrollment-loading{align-items:center;color:#2563eb;display:flex;font-size:1.5rem;font-weight:700;height:100vh;justify-content:center}@media (max-width:768px){.enrollment-detail-grid{grid-template-columns:1fr}}.enrollment-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.enrollment-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s ease}.enrollment-tab:hover{border-color:#6366f1;color:#6366f1}.enrollment-tab-count{align-items:center;background:#f1f5f9;border-radius:999px;color:#64748b;display:inline-flex;font-size:.78rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.enrollment-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.enrollment-tab.active .enrollment-tab-count{background:#ffffff40;color:#fff}.enrollment-tab-approved.active{background:#10b981;border-color:#10b981}.enrollment-tab-pending.active{background:#f59e0b;border-color:#f59e0b}.enrollment-tab-rejected.active{background:#ef4444;border-color:#ef4444}.enrollment-clickable-row{cursor:pointer;transition:background .15s ease}.enrollment-clickable-row:hover{background:#f8fafc}.assign-faculty-flex-center-all{align-items:center;display:flex;justify-content:center}.assign-faculty-animate-spin{animation:assign-faculty-spin 1s linear infinite}@keyframes assign-faculty-spin{to{transform:rotate(1turn)}}.assign-faculty-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.assign-faculty-main-content{background:#f8fafc;flex:1 1;margin-left:280px;padding:2.5rem}.assign-faculty-dashboard-body{margin:0 auto;max-width:1400px}.assign-faculty-header{margin-bottom:2rem}.assign-faculty-header h1{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:.5rem}.assign-faculty-header p{color:#64748b;font-size:1.1rem}.assign-faculty-notification-pill{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.assign-faculty-notification-success{background:#ecfdf5;border:1px solid #10b981;color:#10b981}.assign-faculty-notification-error{background:#fef2f2;border:1px solid #ef4444;color:#ef4444}.assign-faculty-workspace{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:400px 1fr;height:calc(100vh - 200px)}.assign-faculty-workspace-column{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;overflow:hidden}.assign-faculty-pane-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.assign-faculty-step-indicator{background:#6366f1;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:800;margin-bottom:.5rem;padding:.25rem .75rem}.assign-faculty-pane-header h2{color:#1e293b;font-size:1.25rem;font-weight:800;margin:0}.assign-faculty-course-list-scroll{flex:1 1;overflow-y:auto;padding:1rem}.assign-faculty-course-selection-card{align-items:center;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem;transition:all .2s}.assign-faculty-course-selection-card:hover{background:#f5f3ff;border-color:#6366f1}.assign-faculty-course-selection-card.assign-faculty-active{background:#6366f1;border-color:#6366f1}.assign-faculty-course-meta{align-items:center;display:flex;gap:1rem}.assign-faculty-c-icon{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.assign-faculty-course-selection-card.assign-faculty-active .assign-faculty-c-icon{background:#fff3;color:#fff}.assign-faculty-c-info h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.assign-faculty-course-selection-card.assign-faculty-active .assign-faculty-c-info h3{color:#fff}.assign-faculty-c-info span{color:#64748b;font-size:.8rem}.assign-faculty-course-selection-card.assign-faculty-active .assign-faculty-c-info span{color:#fffc}.assign-faculty-active-dot{background:#fff;border-radius:50%;height:8px;width:8px}.assign-faculty-locked-badge{background:#fee2e2;border-radius:6px;color:#ef4444;display:inline-block;font-size:.75rem;font-weight:700;margin-top:.5rem;padding:.25rem .5rem}.assign-faculty-disabled{opacity:.6;pointer-events:none}.assign-faculty-controls{border-bottom:1px solid #e2e8f0;padding:1.5rem}.assign-faculty-flex-row-gap{display:flex;flex-direction:column;gap:1.5rem}.assign-faculty-search-bar-modern{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem}.assign-faculty-search-bar-modern input{background:none;border:none;font-weight:600;outline:none;width:100%}.assign-faculty-timing-selector label{color:#64748b;display:block;font-size:.85rem;font-weight:700;margin-bottom:10px}.assign-faculty-timing-chips-row{display:flex;gap:.75rem}.assign-faculty-timing-chip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:700;padding:.6rem 1.25rem;transition:all .2s}.assign-faculty-timing-chip.assign-faculty-active{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px -2px #6366f14d;color:#fff}.assign-faculty-faculty-grid-scroll{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:1.5rem}.assign-faculty-faculty-card{align-items:center;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.assign-faculty-faculty-card:hover{background:#f8fafc;transform:translateY(-2px)}.assign-faculty-faculty-card.assign-faculty-selected{background:#f5f3ff;border-color:#6366f1}.assign-faculty-f-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;color:#fff;display:flex;font-weight:800;height:48px;justify-content:center;width:48px}.assign-faculty-f-info{flex:1 1}.assign-faculty-f-info h4{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.assign-faculty-f-info p{color:#64748b;font-size:.8rem;margin:0}.assign-faculty-selection-check{color:#cbd5e1}.assign-faculty-faculty-card.assign-faculty-selected .assign-faculty-selection-check{color:#6366f1}.assign-faculty-assignment-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.assign-faculty-summary-text{color:#64748b;font-size:.9rem}.assign-faculty-summary-text strong{color:#1e293b;font-size:1.1rem}.assign-faculty-confirm-btn{align-items:center;background:#10b981;border:none;border-radius:12px;box-shadow:0 10px 15px -3px #10b9814d;color:#fff;cursor:pointer;display:flex;font-weight:800;gap:.5rem;padding:.75rem 2rem;transition:all .2s}.assign-faculty-confirm-btn:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.dash{background:var(--color-bg);min-height:100vh}.dash-topbar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:16px;padding:18px 36px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dash-topbar .dash-home{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;height:40px;justify-content:center;width:40px}.dash-topbar .dash-home:hover{border-color:var(--color-primary);color:var(--color-primary)}.dash-title h1{color:var(--color-text);font-size:1.25rem;margin:0}.dash-title p{color:var(--color-text-muted);font-size:.85rem;margin:2px 0 0}.dash-topbar-right{align-items:center;display:flex;gap:14px;margin-left:auto}.dash-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.dash-user-meta{line-height:1.2;text-align:right}.dash-user-meta strong{color:var(--color-text);font-size:.9rem}.dash-user-meta span{color:var(--color-text-muted);font-size:.75rem;text-transform:capitalize}.dash-logout{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-weight:500;gap:6px;padding:9px 14px}.dash-logout:hover{background:#fef2f2;border-color:var(--color-danger);color:var(--color-danger)}.dash-body{margin:0;max-width:1280px;padding:28px 36px;width:100%}.dash-hello{margin:0 0 22px}.dash-hello h2{color:var(--color-text);font-size:1.5rem;margin:0 0 4px}.dash-hello p{color:var(--color-text-muted);margin:0}.dash-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:26px}.dash-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:14px;padding:18px}.dash-stat,.dash-stat-icon{align-items:center;display:flex}.dash-stat-icon{background:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;height:48px;justify-content:center;width:48px}.dash-stat-icon.green{background:#ecfdf5;color:var(--color-success)}.dash-stat-icon.amber{background:#fffbeb;color:var(--color-warning)}.dash-stat-icon.blue{background:#eff6ff;color:var(--color-info)}.dash-stat-icon.red{background:#fef2f2;color:var(--color-danger)}.dash-stat-value{color:var(--color-text);font-size:1.5rem;font-weight:800;line-height:1.1}.dash-stat-label{color:var(--color-text-muted);font-size:.82rem}.dash-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.4fr 1fr}@media (max-width:820px){.dash-grid{grid-template-columns:1fr}}.dash-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.dash-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dash-panel-head h3{align-items:center;color:var(--color-text);display:flex;font-size:1.05rem;gap:8px;margin:0}.dash-link{align-items:center;background:none;border:none;color:var(--color-primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;text-decoration:none}.dash-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:14px;padding:13px 0}.dash-row:last-child{border-bottom:none}.dash-row-icon{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dash-row-icon.live{background:#fef2f2;color:var(--color-danger)}.dash-row-info{flex:1 1;min-width:0}.dash-row-info h4{color:var(--color-text);font-size:.95rem;margin:0 0 2px}.dash-row-info span{color:var(--color-text-muted);font-size:.8rem}.dash-row-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:6px;padding:8px 14px}.dash-row-btn.live{animation:dash-pulse 1.6s ease-in-out infinite;background:var(--color-danger)}@keyframes dash-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 7px #ef444400}}.dash-row-tag{background:var(--color-primary-50);border-radius:999px;color:var(--color-primary);flex-shrink:0;font-size:.72rem;font-weight:700;padding:5px 11px;text-transform:capitalize}.dash-row-tag.ended{background:#f1f5f9;color:var(--color-text-muted)}.dash-empty{color:var(--color-text-muted);font-size:.9rem;padding:28px 10px;text-align:center}.dash-quick{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dash-quick-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:8px;padding:16px;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dash-quick-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-3px)}.dash-quick-btn svg{color:var(--color-primary)}.dash-spin{animation:auth-spin .9s linear infinite}@media (max-width:600px){.dash-topbar{gap:10px;padding:14px 16px}.dash-title h1{font-size:1.1rem}.dash-body{padding:18px 16px}.dash-stats{gap:12px;grid-template-columns:1fr 1fr}.dash-stat{gap:10px;padding:14px}.dash-stat-value{font-size:1.25rem}.dash-user-meta{display:none}.dash-quick{grid-template-columns:1fr 1fr}}@media (max-width:400px){.dash-stats{grid-template-columns:1fr}}.learning-page{margin:0 auto;max-width:1000px;padding:32px 24px 64px}.learning-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.learning-header h1{align-items:center;color:var(--color-text);display:flex;font-size:1.7rem;gap:10px;margin:0 0 6px}.learning-header p{color:var(--color-text-muted);margin:0}.learning-browse-link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:600;gap:6px;text-decoration:none}.learning-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.learning-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.learning-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.learning-card-img{background:var(--color-primary-50);height:140px}.learning-card-img img{display:block;height:100%;object-fit:cover;width:100%}.learning-card-img.placeholder{align-items:center;color:var(--color-primary);display:flex;justify-content:center}.learning-card-body{padding:16px}.learning-card-body h3{color:var(--color-text);font-size:1.05rem;margin:8px 0 14px}.learning-badge{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.learning-badge.active{background:#ecfdf5;color:var(--color-success)}.learning-enter-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-weight:600;gap:6px;justify-content:center;padding:10px;width:100%}.learning-empty{color:var(--color-text-muted);padding:64px 20px;text-align:center}.learning-empty.small{padding:40px 20px}.learning-empty h3{color:var(--color-text);margin:14px 0 18px}.learning-cta,.room-locked-action{display:inline-block;margin-top:8px}.learning-cta{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;font-weight:600;padding:12px 22px;text-decoration:none}.room-back{align-items:center;color:var(--color-text-muted);display:inline-flex;font-weight:500;gap:6px;margin-bottom:18px;text-decoration:none}.room-back:hover{color:var(--color-primary)}.room-header h1{color:var(--color-text);margin:0 0 6px}.room-header p{color:var(--color-text-muted);margin:0 0 24px}.room-tabs{border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.room-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);display:inline-flex;font-weight:600;gap:6px;margin-bottom:-1px;padding:12px 18px}.room-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.resource-list{display:flex;flex-direction:column;gap:12px}.resource-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:16px;padding:16px 18px}.resource-icon,.resource-row{align-items:center;display:flex}.resource-icon{background:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;height:44px;justify-content:center;width:44px}.resource-icon.live{background:#fef2f2;color:var(--color-danger)}.resource-info{flex:1 1;min-width:0}.resource-info h4{color:var(--color-text);margin:0 0 4px}.resource-info p{color:var(--color-text-muted);font-size:.9rem;margin:0 0 4px}.resource-meta{color:var(--color-text-muted);font-size:.78rem}.resource-dl{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;flex-shrink:0;font-weight:600;gap:6px;padding:9px 16px}.resource-dl:disabled{opacity:.7}.resource-dl.join-live{animation:pulse-live 1.6s ease-in-out infinite;background:var(--color-danger)}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.live-status{background:var(--color-primary-50);border-radius:999px;color:var(--color-primary);flex-shrink:0;font-size:.78rem;font-weight:700;padding:6px 12px;text-transform:capitalize}.live-status.ended{background:#f1f5f9;color:var(--color-text-muted)}.room-locked{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:48px auto;max-width:420px;padding:40px 32px;text-align:center}.room-locked-icon{align-items:center;background:var(--color-primary-50);border-radius:50%;color:var(--color-primary);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.room-locked h2{color:var(--color-text);margin:0 0 8px}.room-locked p{color:var(--color-text-muted);margin:0 0 24px}@media (max-width:600px){.learning-page{padding:22px 16px 48px}.learning-header h1{font-size:1.4rem}.learning-grid{gap:16px;grid-template-columns:1fr}.resource-row{flex-wrap:wrap;gap:12px;padding:14px}.resource-info{flex-basis:100%}.live-status,.resource-dl{margin-left:auto}.room-tab{font-size:.9rem;padding:10px 14px}}.cm-page{margin:0 auto;max-width:920px;padding:28px 24px 64px}.cm-back{align-items:center;background:#0000;border:none;color:var(--color-text-muted);display:inline-flex;font-weight:500;gap:6px;margin-bottom:16px}.cm-back:hover{color:var(--color-primary)}.cm-header h1{color:var(--color-text);margin:0 0 6px}.cm-header p{color:var(--color-text-muted);margin:0 0 22px}.cm-course-select{align-items:center;display:flex;gap:12px;margin-bottom:22px}.cm-course-select label{color:var(--color-text);font-weight:600}.cm-course-select select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;max-width:360px;padding:10px 12px}.cm-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:8px;margin-bottom:24px}.cm-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);display:inline-flex;font-weight:600;gap:6px;margin-bottom:-1px;padding:12px 18px}.cm-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.cm-section{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:340px 1fr}@media (max-width:760px){.cm-section{grid-template-columns:1fr}}.cm-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.cm-form h3{align-items:center;color:var(--color-text);display:flex;font-size:1.05rem;gap:8px;margin:0 0 16px}.cm-form input[type=datetime-local],.cm-form input[type=file],.cm-form input[type=text],.cm-form select,.cm-form textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:12px;padding:10px 12px;width:100%}.cm-form textarea{resize:vertical}.cm-row{display:flex;gap:12px}.cm-row input{flex:1 1}.cm-row select{width:120px}.cm-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-weight:600;gap:6px;justify-content:center;padding:11px;width:100%}.cm-btn:disabled{opacity:.7}.cm-list{display:flex;flex-direction:column;gap:10px}.cm-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:14px;padding:14px 16px}.cm-item,.cm-item-icon{align-items:center;display:flex}.cm-item-icon{background:var(--color-primary-50);border-radius:var(--radius-sm);color:var(--color-primary);flex-shrink:0;height:40px;justify-content:center;width:40px}.cm-item-icon.live{background:#fef2f2;color:var(--color-danger)}.cm-item-info{flex:1 1;min-width:0}.cm-item-info h4{color:var(--color-text);margin:0 0 2px}.cm-item-info span{color:var(--color-text-muted);font-size:.8rem;text-transform:capitalize}.cm-item-actions{align-items:center;display:flex;gap:8px}.cm-go,.cm-stop{align-items:center;border:none;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:8px 12px}.cm-go{background:var(--color-primary)}.cm-stop{background:var(--color-danger)}.cm-del{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;padding:6px}.cm-del:hover{background:#fef2f2;color:var(--color-danger)}.cm-empty{color:var(--color-text-muted);padding:24px;text-align:center}.lr-root{background:#0f172a;color:#e2e8f0;display:flex;height:100vh;overflow:hidden}.lr-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.lr-topbar{align-items:center;border-bottom:1px solid #1e293b;display:flex;font-weight:600;gap:10px;padding:14px 20px}.lr-live-dot{animation:lr-pulse 1.4s ease-in-out infinite;background:var(--color-danger);border-radius:50%;height:10px;width:10px}@keyframes lr-pulse{0%,to{opacity:1}50%{opacity:.3}}.lr-count{color:#94a3b8;font-size:.85rem;font-weight:500;margin-left:auto}.lr-grid{grid-gap:14px;align-content:start;display:grid;flex:1 1;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));overflow-y:auto;padding:18px}.lr-tile{align-items:center;aspect-ratio:16/9;background:#1e293b;border-radius:var(--radius);display:flex;justify-content:center;overflow:hidden;position:relative}.lr-tile video{height:100%;object-fit:cover;width:100%}.lr-tile video.hidden{display:none}.lr-avatar{background:var(--gradient-primary);border-radius:50%;color:#fff;font-size:1.8rem;font-weight:700;height:72px;justify-content:center;width:72px}.lr-avatar,.lr-tile-label{align-items:center;display:flex}.lr-tile-label{background:#0f172ab3;border-radius:999px;bottom:10px;font-size:.82rem;font-weight:500;gap:6px;left:10px;padding:5px 10px;position:absolute}.lr-host-chip{background:var(--color-primary);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px;text-transform:uppercase}.lr-hand{color:var(--color-warning)}.lr-controls{border-top:1px solid #1e293b;gap:12px;padding:16px}.lr-controls,.lr-ctrl{display:flex;justify-content:center}.lr-ctrl{align-items:center;background:#334155;border:none;border-radius:50%;color:#fff;height:50px;position:relative;transition:background .15s ease,transform .15s ease;width:50px}.lr-ctrl:hover{transform:translateY(-2px)}.lr-ctrl.on{background:var(--color-primary)}.lr-ctrl.off{background:#475569}.lr-ctrl.raised{background:var(--color-warning)}.lr-ctrl.leave{background:var(--color-danger)}.lr-lock-dot{background:var(--color-warning);border:2px solid #334155;border-radius:50%;height:9px;position:absolute;right:6px;top:6px;width:9px}.lr-side{background:#111c30;border-left:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:320px}.lr-side h4{align-items:center;display:flex;font-size:.9rem;gap:7px;margin:0;padding:14px 16px}.lr-roster,.lr-side h4{border-bottom:1px solid #1e293b}.lr-roster{max-height:45%;overflow-y:auto}.lr-roster-item{border-bottom:1px solid #1a263d;padding:10px 16px}.lr-roster-name{align-items:center;font-size:.85rem;margin-bottom:8px}.lr-roster-actions,.lr-roster-name{display:flex;gap:6px}.lr-roster-actions button{align-items:center;background:#243049;border:none;border-radius:7px;color:#94a3b8;display:flex;height:30px;justify-content:center;width:30px}.lr-roster-actions button.granted{background:var(--color-primary);color:#fff}.lr-roster-actions button.kick:hover{background:var(--color-danger);color:#fff}.lr-empty{color:#64748b;font-size:.85rem;padding:14px 16px}.lr-chat{min-height:0}.lr-chat,.lr-messages{display:flex;flex:1 1;flex-direction:column}.lr-messages{gap:10px;overflow-y:auto;padding:12px 16px}.lr-msg{display:flex;flex-direction:column;gap:2px}.lr-msg-name{color:#94a3b8;font-size:.72rem;font-weight:600}.lr-msg.host .lr-msg-name{color:var(--color-primary-light)}.lr-msg-text{align-self:flex-start;background:#1e293b;border-radius:0 10px 10px 10px;font-size:.88rem;padding:8px 11px}.lr-chat-input{border-top:1px solid #1e293b;display:flex;gap:8px;padding:12px 16px}.lr-chat-input input{background:#0f172a;border:1px solid #334155;border-radius:var(--radius-sm);color:#e2e8f0;flex:1 1;padding:10px 12px}.lr-chat-input button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;width:42px}.lr-chat-input button,.lr-message{align-items:center;display:flex;justify-content:center}.lr-message{background:#0f172a;color:#e2e8f0;flex-direction:column;gap:10px;height:100vh;padding:20px;text-align:center}.lr-message button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;margin-top:10px;padding:10px 22px}@media (max-width:760px){.lr-root{flex-direction:column}.lr-side{height:45%;width:100%}.lr-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px}.lr-topbar{padding:12px 14px}}@media (max-width:480px){.lr-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:10px}.lr-controls{flex-wrap:wrap;gap:8px;padding:12px 10px}.lr-ctrl{height:44px;width:44px}.lr-avatar{font-size:1.3rem;height:52px;width:52px}.lr-tile-label{font-size:.72rem;padding:4px 8px}.lr-side{height:50%}}@media (max-width:360px){.lr-grid{grid-template-columns:1fr}}.rec-loading{color:var(--color-text-muted);gap:10px;padding:40px 4px}.rec-alert,.rec-loading{align-items:center;display:flex}.rec-alert{border-radius:var(--radius-sm);font-size:.9rem;gap:8px;padding:14px 16px}.rec-alert.error{background:#fef2f2;color:var(--color-danger)}.rec-empty{color:var(--color-text-muted);padding:64px 20px;text-align:center}.rec-empty svg{color:var(--color-primary)}.rec-empty h3{color:var(--color-text);margin:14px 0 6px}.rec-empty p{font-size:.9rem;margin:0}.rec-group{margin-bottom:32px}.rec-group-title{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;gap:8px;margin:0 0 16px}.rec-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.rec-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.rec-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.rec-card-thumb{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;height:130px;justify-content:center}.rec-card-body{padding:14px 16px 16px}.rec-card-title{color:var(--color-text);font-size:1rem;margin:0 0 10px}.rec-card-meta{display:flex;flex-direction:column;gap:5px}.rec-card-meta span{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;gap:6px}.rec-modal-overlay{align-items:center;background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.rec-modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:880px;overflow:hidden;width:100%}.rec-modal-head{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.rec-modal-head h3{color:var(--color-text);font-size:1.05rem;margin:0 0 2px}.rec-modal-head span{color:var(--color-text-muted);font-size:.8rem}.rec-modal-close{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rec-modal-close:hover{border-color:var(--color-danger);color:var(--color-danger)}.rec-modal-body{align-items:center;background:#000;display:flex;justify-content:center;min-height:240px}.rec-video{background:#000;display:block;max-height:70vh;width:100%}.rec-player-msg{align-items:center;color:#e2e8f0;display:flex;font-size:.95rem;gap:10px;padding:40px 20px}.rec-player-msg.error{color:#fca5a5}@media (max-width:600px){.rec-grid{grid-template-columns:1fr}.rec-modal{max-height:94vh}.rec-video{max-height:56vh}}.acad-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.acad-field{display:flex;flex-direction:column;gap:6px}.acad-field label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.acad-field input,.acad-field select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;min-width:200px;padding:10px 12px}.acad-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:10px 18px}.acad-btn:disabled{cursor:not-allowed;opacity:.6}.acad-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.acad-btn.danger-ghost{background:#0000;border:1px solid #0000;color:var(--color-danger);padding:6px 8px}.acad-btn.danger-ghost:hover{background:#fef2f2;border-color:var(--color-danger)}.acad-alert{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.88rem;font-weight:500;gap:8px;margin-bottom:18px;padding:12px 16px}.acad-alert.error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-danger)}.acad-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:var(--color-success)}.acad-table-wrap{overflow-x:auto}.acad-table{border-collapse:collapse;font-size:.9rem;width:100%}.acad-table th{background:var(--color-bg);color:var(--color-text-muted);font-size:.76rem;font-weight:700;letter-spacing:.04em;padding:11px 14px;text-align:left;text-transform:uppercase}.acad-table td,.acad-table th{border-bottom:1px solid var(--color-border)}.acad-table td{color:var(--color-text);padding:12px 14px}.acad-table tr:last-child td{border-bottom:none}.acad-table input[type=number],.acad-table input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;padding:8px 10px;width:110px}.acad-table input.acad-remarks{width:200px}.acad-student-cell{align-items:center;display:flex;gap:10px}.acad-student-avatar{align-items:center;background:var(--color-primary-50);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;text-transform:uppercase;width:32px}.acad-status-chips{display:inline-flex;gap:6px}.acad-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 13px;text-transform:capitalize}.acad-chip.present.active{background:#ecfdf5;border-color:var(--color-success);color:var(--color-success)}.acad-chip.absent.active{background:#fef2f2;border-color:var(--color-danger);color:var(--color-danger)}.acad-chip.late.active{background:#fffbeb;border-color:var(--color-warning);color:var(--color-warning)}.acad-tag{border-radius:999px;display:inline-block;font-size:.74rem;font-weight:700;padding:4px 11px;text-transform:capitalize}.acad-tag.present{background:#ecfdf5;color:var(--color-success)}.acad-tag.absent{background:#fef2f2;color:var(--color-danger)}.acad-tag.late{background:#fffbeb;color:var(--color-warning)}.acad-progress{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;height:8px;min-width:120px;overflow:hidden}.acad-progress>div{background:var(--color-success);border-radius:999px;height:100%}.acad-progress>div.low{background:var(--color-danger)}.acad-progress>div.mid{background:var(--color-warning)}.acad-assessment-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:13px 14px;text-align:left;width:100%}.acad-assessment-card.active{background:var(--color-primary-50);border-color:var(--color-primary)}.acad-assessment-card h4{color:var(--color-text);font-size:.92rem;margin:0 0 2px}.acad-assessment-card span{color:var(--color-text-muted);font-size:.78rem}.acad-week-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}@media (max-width:1100px){.acad-week-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.acad-week-grid{grid-template-columns:1fr}}.acad-day-col{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-height:160px;padding:14px}.acad-day-col>h4{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.acad-slot{background:var(--color-primary-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:10px;padding:10px 12px;position:relative}.acad-slot h5{color:var(--color-text);font-size:.86rem;margin:0 0 3px}.acad-slot p{color:var(--color-text-muted);font-size:.76rem;margin:0}.acad-slot-actions{display:flex;gap:4px;margin-top:6px}.acad-slot-actions button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:4px 8px}.acad-slot-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.acad-slot-actions button.del:hover{border-color:var(--color-danger);color:var(--color-danger)}.acad-day-empty{color:var(--color-text-muted);font-size:.8rem;padding:14px 0;text-align:center}.acad-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.acad-form-row .acad-field input,.acad-form-row .acad-field select{min-width:140px}.acad-loading{align-items:center;color:var(--color-text-muted);display:flex;gap:10px;justify-content:center;padding:60px 0}.acad-section-gap{margin-top:22px}.acad-spin{animation:acad-spin .9s linear infinite}@keyframes acad-spin{to{transform:rotate(1turn)}}.acad-group-title{align-items:center;color:var(--color-text);display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.mt{--green-950:#0b2c21;--green-900:#0e3a2b;--green-800:#124734;--green-700:#155943;--green-600:#1a6b54;--green-500:#2f8268;--gold:#d6a24a;--gold-bright:#f0c873;--paper:#f0f3ef;--surface:#fff;--ink:#14231c;--ink-soft:#44544b;--line:#10261c1c;--on-green:#f3f7f2;--on-green-soft:#f3f7f2cc;--shell:1180px;--r:18px;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(0.16,1,0.3,1);-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;text-rendering:optimizeLegibility}.mt *,.mt :after,.mt :before{box-sizing:border-box}.mt-shell{margin:0 auto;max-width:var(--shell);padding:0 clamp(20px,5vw,48px);width:100%}.mt h1,.mt h2,.mt h3{text-wrap:balance;color:var(--ink);font-family:var(--serif);font-weight:600;letter-spacing:-.02em;margin:0}.mt p{line-height:1.6;margin:0}.mt-btn{align-items:center;border:1.5px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:.98rem;font-weight:600;gap:.5em;justify-content:center;line-height:1;padding:.85em 1.35em;text-decoration:none;transition:transform .4s var(--ease),background-color .25s,color .25s,border-color .25s,box-shadow .4s var(--ease);white-space:nowrap}.mt-btn:hover{transform:translateY(-2px)}.mt-btn:active{transform:translateY(0)}.mt-btn-sm{font-size:.9rem;padding:.66em 1.05em}.mt-btn-lg{font-size:1.06rem;padding:1.05em 1.9em}.mt-btn-gold{background:var(--gold);box-shadow:0 10px 26px -12px #d6a24acc;color:#2a1c02}.mt-btn-gold:hover{background:var(--gold-bright);box-shadow:0 16px 34px -12px #d6a24ae6}.mt-btn-solid{background:var(--green-700);color:var(--on-green)}.mt-btn-solid:hover{background:var(--green-600)}.mt-btn-line{background:#0000;border-color:#f3f7f257;color:var(--on-green)}.mt-btn-line:hover{background:#f3f7f20f;border-color:var(--on-green)}.mt-nav{position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s;transition:background-color .3s,box-shadow .3s,backdrop-filter .3s;transition:background-color .3s,box-shadow .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;z-index:50}.mt-nav.is-scrolled{-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);background:#0b2c21db;box-shadow:0 1px 0 #f3f7f214}.mt-nav-row{align-items:center;display:flex;height:72px;justify-content:space-between}.mt-brand{align-items:center;color:var(--on-green);display:inline-flex;gap:.6rem;text-decoration:none}.mt-mark{background:linear-gradient(150deg,var(--gold-bright),var(--gold));border-radius:11px;box-shadow:inset 0 1px 1px #fff6;color:var(--green-900);display:grid;font-family:var(--serif);font-size:.95rem;font-weight:700;height:38px;letter-spacing:-.03em;place-items:center;width:38px}.mt-brand-text{font-size:1.06rem;font-weight:700;letter-spacing:-.01em}.mt-nav-links{align-items:center;display:flex;gap:clamp(.9rem,2vw,1.7rem)}.mt-nav-links>a{color:var(--on-green-soft);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.mt-nav-links>a:hover{color:var(--on-green)}.mt-nav-signin{display:none}.mt-hero{background:radial-gradient(120% 90% at 85% -10%,var(--green-700) 0,#0000 55%),linear-gradient(165deg,var(--green-900) 0,var(--green-950) 100%);color:var(--on-green);isolation:isolate;margin-top:-72px;overflow:hidden;padding:calc(72px + clamp(28px, 5vw, 60px)) 0 clamp(64px,9vw,120px);position:relative}.mt-hero-aura{background:radial-gradient(60% 50% at 78% 12%,#d6a24a2e,#0000 70%);inset:0;pointer-events:none;position:absolute;z-index:-1}.mt-hero-laurel{bottom:-30px;color:#d6a24a29;position:absolute;right:-40px;width:clamp(220px,30vw,380px);z-index:-1}.mt-hero-grid{grid-gap:clamp(28px,5vw,64px);align-items:center;display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:1.08fr .92fr}.mt-hero-copy{max-width:38rem}.mt-kicker{color:var(--gold-bright);font-size:.9rem;font-weight:600;letter-spacing:.01em;margin-bottom:1.1rem}.mt .mt-hero-title{color:var(--on-green);font-size:clamp(2.2rem,5.4vw,3.85rem);line-height:1.04;margin-bottom:1.25rem}.mt-hero-sub{text-wrap:pretty;color:var(--on-green-soft);font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:34rem}.mt-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.mt-hero-note{color:#f3f7f29e;font-size:.92rem;margin-top:1.5rem}.mt-preview{perspective:1400px}.mt-screen{background:linear-gradient(180deg,#0f4131,#0c3324);border:1px solid #f3f7f21f;border-radius:16px;box-shadow:0 40px 80px -36px #0009,0 0 0 1px #d6a24a0f;overflow:hidden;transform:rotateY(-9deg) rotateX(3deg);transform-style:preserve-3d}.mt-screen-bar{align-items:center;background:#00000038;border-bottom:1px solid #f3f7f214;display:flex;gap:7px;padding:12px 14px}.mt-dot{background:#f3f7f238;border-radius:50%;height:9px;width:9px}.mt-screen-live{align-items:center;color:#ffd9d0;display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;margin-left:auto}.mt-screen-live i{animation:mt-blink 2s var(--ease) infinite;background:#ff6a52;border-radius:50%;box-shadow:0 0 0 0 #ff6a5299;height:7px;width:7px}.mt-screen-body{grid-gap:12px;display:grid;gap:12px;padding:16px}.mt-stage{align-items:flex-end;aspect-ratio:16/9;background:radial-gradient(80% 120% at 50% 0,#1c6a52,#0c3526);border:1px solid #f3f7f214;border-radius:11px;display:flex;overflow:hidden;padding:12px;position:relative}.mt-stage-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2c218c;border-radius:7px;color:var(--on-green);font-size:.78rem;font-weight:600;padding:4px 9px;position:relative;z-index:2}.mt-stage-wave{align-items:center;display:flex;gap:4px;inset:0;justify-content:center;opacity:.55;position:absolute}.mt-stage-wave i{animation:mt-eq 1.1s var(--ease) infinite alternate;background:var(--gold-bright);border-radius:3px;height:16px;width:4px}.mt-thumbs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.mt-thumb{aspect-ratio:1/.78;background:linear-gradient(180deg,#14543f,#0e3a2b);border:1px solid #f3f7f214;border-radius:9px;color:var(--on-green-soft);display:grid;font-size:.8rem;font-weight:600;place-items:center}.mt-thumb[data-on=mic]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);color:var(--gold-bright)}.mt-screen-foot{display:flex;gap:8px}.mt-pill{background:#d6a24a2e;border-radius:999px;color:var(--gold-bright);font-size:.72rem;font-weight:600;padding:5px 10px}.mt-pill-ghost{background:#f3f7f214;color:var(--on-green-soft)}.mt-section{padding:clamp(64px,9vw,120px) 0}.mt-head{margin-bottom:clamp(36px,5vw,60px);max-width:40rem}.mt-head-center{margin-left:auto;margin-right:auto;text-align:center}.mt-head h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1}.mt-head p{text-wrap:pretty;color:var(--ink-soft);font-size:1.08rem;margin-top:1rem}.mt-bento{grid-gap:clamp(14px,1.6vw,20px);display:grid;gap:clamp(14px,1.6vw,20px);grid-template-columns:repeat(3,1fr)}.mt-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:.7rem;padding:clamp(20px,2.4vw,30px);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}.mt-tile:hover{border-color:#1a6b5457;box-shadow:0 24px 48px -28px #10261c57;transform:translateY(-4px)}.mt-tile h3{font-size:1.22rem;line-height:1.22}.mt-tile p{color:var(--ink-soft);font-size:.98rem;max-width:34ch}.mt-tile-glyph{background:#1a6b541a;border-radius:12px;color:var(--green-600);display:grid;height:42px;place-items:center;width:42px}.mt-tile.is-wide{align-items:flex-start;background:linear-gradient(160deg,var(--green-700),var(--green-900));border-color:#0000;color:var(--on-green);flex-direction:row;gap:1.3rem;grid-column:span 2}.mt-tile.is-wide h3{color:var(--on-green);font-size:1.5rem;max-width:none}.mt-tile.is-wide p{color:var(--on-green-soft);font-size:1.04rem;max-width:46ch}.mt-tile.is-wide .mt-tile-glyph{background:#f3f7f21a;color:var(--gold-bright);flex:none;height:46px;width:46px}.mt-tile.is-wide:hover{box-shadow:0 30px 60px -30px #081e16b3}.mt-who{background:linear-gradient(180deg,var(--paper),#e7ece5);padding:clamp(64px,9vw,120px) 0}.mt-aud{grid-gap:clamp(8px,3vw,44px);display:grid;gap:clamp(8px,3vw,44px);grid-template-columns:repeat(3,1fr)}.mt-aud-col{padding:clamp(8px,1.5vw,18px) 0}.mt-aud-col+.mt-aud-col{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px)}.mt-aud-col h3{font-size:1.35rem}.mt-aud-line{color:var(--green-600);font-size:1rem;font-weight:600;margin-top:.5rem}.mt-aud-col ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:1.3rem 0 0;padding:0}.mt-aud-col li{align-items:flex-start;color:var(--ink-soft);display:flex;font-size:.99rem;gap:.6rem;line-height:1.4}.mt-tick{color:var(--green-600);flex:none;margin-top:2px}.mt-cta{padding:0 0 clamp(64px,9vw,110px)}.mt-cta-panel{background:radial-gradient(110% 130% at 80% 0,var(--green-700),var(--green-950));border-radius:28px;box-shadow:0 40px 80px -40px #081e1699;color:var(--on-green);isolation:isolate;overflow:hidden;padding:clamp(48px,7vw,84px) clamp(24px,5vw,64px);position:relative;text-align:center}.mt-cta-laurel{color:#d6a24a24;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:260px;z-index:-1}.mt-cta-panel h2{color:var(--on-green);font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 auto;max-width:22ch}.mt-cta-panel p{color:var(--on-green-soft);font-size:1.08rem;margin:1.1rem auto 2rem;max-width:44ch}.mt-footer{background:var(--green-950);color:var(--on-green-soft);padding:40px 0}.mt-footer-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}.mt-footer-links{display:flex;gap:1.4rem}.mt-footer-links a{color:var(--on-green-soft);font-size:.95rem;font-weight:500;text-decoration:none}.mt-footer-links a:hover{color:var(--on-green)}.mt-copy{border-top:1px solid #f3f7f214;color:#f3f7f280;flex-basis:100%;font-size:.85rem;padding-top:1.2rem}@keyframes mt-blink{70%,to{box-shadow:0 0 0 6px #ff6a5200}}@keyframes mt-eq{0%{height:8px;opacity:.5}to{height:30px;opacity:1}}.mt-stage-wave i:nth-child(3n){animation-duration:.8s}.mt-stage-wave i:nth-child(4n){animation-duration:1.4s}@media (max-width:900px){.mt-hero-grid{grid-template-columns:1fr}.mt-preview{margin:0 auto;max-width:460px}.mt-screen{transform:none}.mt-bento{grid-template-columns:repeat(2,1fr)}.mt-tile.is-wide{grid-column:span 2}.mt-aud{gap:0;grid-template-columns:1fr}.mt-aud-col+.mt-aud-col{border-left:none;border-top:1px solid var(--line);margin-top:1.8rem;padding-left:0;padding-top:1.8rem}}@media (max-width:600px){.mt-nav-row{height:64px}.mt-nav-links{gap:.7rem}.mt-nav-links>a:not(.mt-nav-signin){display:none}.mt-hero-title{font-size:clamp(2rem,8vw,2.6rem)}.mt-bento{grid-template-columns:1fr}.mt-tile.is-wide{flex-direction:column;gap:.7rem;grid-column:auto}.mt-hero-actions .mt-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.mt *,.mt :after,.mt :before{animation:none!important;transition-duration:.01ms!important}.mt-screen{transform:none}}
/*# sourceMappingURL=main.ef938667.css.map*/