@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-title);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;letter-spacing:.02em;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 24px;font-size:.9rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-sm{padding:8px 16px;font-size:.78rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.btn-primary{background-color:var(--accent-color);color:#0b0c10}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--bg-card-hover);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color);color:var(--text-primary);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-outline{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-glow);transform:translateY(-2px)}.btn-outline:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-card-hover)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-icon{justify-content:center;align-items:center;display:inline-flex}.btn-icon-left{margin-right:8px}.btn-icon-right{margin-left:8px}.btn-spinner{border:2px solid #0b0c1033;border-top-color:#0b0c10;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite btn-spin}.btn-outline .btn-spinner,.btn-ghost .btn-spinner{border-color:var(--border-color);border-top-color:var(--accent-color)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-purple{background-color:var(--warning-color);color:#0b0c10}.btn-purple:hover:not(:disabled){background-color:#ea580c;transform:translateY(-2px);box-shadow:0 4px 12px #f9731633}.btn-purple:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-coral{background-color:var(--danger-color);color:#fff}.btn-coral:hover:not(:disabled){background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.btn-coral:active:not(:disabled){transform:translateY(0)scale(.98)}.navbar-header{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border-color);width:100%;transition:var(--transition-smooth);position:sticky;top:0}.navbar-container{height:var(--navbar-height);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.navbar-logo{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.logo-text{color:var(--text-primary);font-family:var(--font-title);letter-spacing:.5px;transition:var(--transition-smooth);font-weight:800}.logo-accent{color:var(--accent-color)}.navbar-links{align-items:center;gap:16px;display:flex}.nav-link{font-family:var(--font-title);color:var(--text-secondary);border-radius:var(--border-radius-md);transition:var(--transition-smooth);border:1px solid #0000;padding:10px 18px;font-size:.88rem;font-weight:700}.nav-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}.nav-link.active{background:var(--accent-glow);border-bottom:2px solid var(--accent-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;font-weight:800;color:var(--accent-color)!important}.navbar-actions{align-items:center;gap:16px;display:flex}.user-profile-menu{align-items:center;gap:12px;display:flex}.user-badge{background-color:var(--bg-card-hover);border:1px solid var(--border-color);font-size:.82rem;font-family:var(--font-title);color:var(--text-primary);border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:flex}.username-text{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}@media (width<=768px){.navbar-links{display:none}}.notif-badge-trigger-wrapper{display:inline-block;position:relative}.notif-bell-btn{border-radius:var(--border-radius-md);background:var(--bg-card-hover);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex;position:relative}.notif-bell-btn:hover,.notif-bell-btn.bell-active{color:var(--text-primary);border-color:var(--accent-color);background:var(--bg-card)}.bell-badge-count{background:var(--warning-color);color:#0b0c10;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #f9731666}.notif-dropdown-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:360px;box-shadow:var(--shadow-premium);z-index:1200;flex-direction:column;display:flex;position:absolute;top:52px;right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border-color);font-family:var(--font-title);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.88rem;font-weight:700;display:flex}.notif-header-action-btn{color:var(--accent-color);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:4px 8px;font-size:.75rem;font-weight:700}.notif-header-action-btn:hover{background:var(--bg-card-hover)}.notif-header-action-btn.red-hover:hover{color:var(--danger-color)}.notif-dropdown-body{max-height:320px;overflow-y:auto}.scroll-bar-styled::-webkit-scrollbar{width:6px}.scroll-bar-styled::-webkit-scrollbar-track{background:0 0}.scroll-bar-styled::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.notif-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.85rem}.notif-feed-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);text-align:left;gap:12px;padding:16px 20px;display:flex;position:relative}.notif-feed-item:last-child{border-bottom:none}.notif-feed-item:hover{background:var(--bg-card-hover)}.notif-feed-item.unread{background:#10b98108}.notif-feed-item.unread:before{content:"";background:var(--accent-color);border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:8px}.notif-feed-content{flex-grow:1}.notif-message-text{color:var(--text-primary);margin-bottom:6px;font-size:.82rem;line-height:1.45}.notif-meta-row{justify-content:space-between;align-items:center;display:flex}.notif-time{color:var(--text-muted);font-size:.72rem}.notif-action-indicator{color:var(--accent-color);font-size:.72rem;font-weight:700}.notif-bell-btn:focus-visible,.notif-header-action-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.notif-item-dismiss-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;align-self:flex-start;height:fit-content;margin-top:-2px;padding:4px;transition:opacity .2s,color .2s}.notif-feed-item:hover .notif-item-dismiss-btn{opacity:1}.notif-item-dismiss-btn:hover{color:var(--danger-color)}.notif-history-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.notif-history-modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:650px;max-width:95%;max-height:80vh;box-shadow:var(--shadow-premium);flex-direction:column;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;overflow:hidden}.notif-history-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notif-history-modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.notif-history-modal-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.notif-history-item{border-radius:var(--border-radius-md);border:1px solid var(--border-color);text-align:left;cursor:pointer;background:#ffffff03;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.notif-history-item:hover{background:var(--bg-card-hover)}.notif-history-item.unread{background:#10b98108;border-color:#10b9814d}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.main-footer{background-color:var(--bg-main);border-top:1px solid var(--border-color);transition:var(--transition-smooth);margin-top:auto;padding:32px 0}.footer-container{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-support-nav{justify-content:center;gap:28px;display:flex}.footer-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.85rem}.footer-link:hover{color:var(--text-primary);transform:translateY(-1px)}.footer-bottom{justify-content:center;display:flex}.copyright-text{color:var(--text-secondary);font-size:.78rem}.landing-container{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.landing-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);height:var(--navbar-height);box-sizing:border-box;justify-content:space-between;align-items:center;padding:16px 48px;display:flex}.logo-section{color:var(--text-primary);letter-spacing:-.03em;align-items:center;gap:12px;font-size:1.35rem;font-weight:800;display:flex}.header-actions{gap:16px;display:flex}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b9810d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;left:10%}.landing-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f9731608 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50px;right:15%}.hero-title{color:var(--text-primary);letter-spacing:-.03em;max-width:800px;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.15rem;line-height:1.5}.portals-grid{z-index:5;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (width<=1024px){.portals-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.portals-grid{grid-template-columns:1fr}}.portal-card{padding:var(--space-card-padding);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);text-align:left;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}.portal-card:hover{box-shadow:var(--shadow-premium);border-color:var(--primary-brand);transform:translateY(-4px)}.portal-icon{background:var(--bg-card-hover);border-radius:var(--border-radius-md);width:56px;height:56px;color:var(--primary-brand);border:1px solid var(--border-color);transition:var(--transition-smooth);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.portal-card:hover .portal-icon{background-color:var(--accent-glow);border-color:var(--primary-brand)}.portal-title{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.portal-desc{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:.9rem;line-height:1.5}.portal-link{color:var(--primary-brand);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.portal-card:hover .portal-link-arrow{transform:translate(4px)}.portal-link-arrow{transition:transform .2s}.input-group-container{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{font-family:var(--font-title);color:var(--text-secondary);letter-spacing:.02em;transition:var(--transition-smooth);font-size:.8rem;font-weight:600}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.custom-input-field{border-radius:var(--border-radius-md);background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);box-sizing:border-box;outline:none;padding:12px 16px;font-size:.92rem}.custom-input-field::placeholder{color:var(--text-muted);opacity:.7}.custom-input-field:hover{border-color:var(--text-secondary)}.custom-input-field:focus{border-color:var(--accent-color);background-color:var(--bg-card);box-shadow:0 0 0 3px #10b98133}.input-icon-left{color:var(--text-muted);pointer-events:none;transition:var(--transition-smooth);align-items:center;display:flex;position:absolute;left:14px}.custom-input-field.has-left-icon{padding-left:44px}.custom-input-field:focus~.input-icon-left{color:var(--accent-color)}.input-has-error .custom-input-field{border-color:var(--danger-color)}.input-has-error .custom-input-field:focus{box-shadow:0 0 0 3px #ef444433}.input-has-error .input-label{color:var(--danger-color)}.input-error-msg{color:var(--danger-color);font-size:.75rem;font-family:var(--font-body);margin-top:4px;font-weight:600}.input-password-toggle{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:14px}.input-password-toggle:hover{color:var(--accent-color)}.custom-input-field.has-right-icon{padding-right:44px}.custom-input-field::-ms-reveal{width:0!important;height:0!important;display:none!important}.custom-input-field::-ms-clear{width:0!important;height:0!important;display:none!important}.otp-input-container{flex-direction:column;align-items:center;gap:12px;width:100%;margin:16px 0;display:flex}.otp-inputs-wrapper{justify-content:center;gap:12px;width:100%;display:flex}.otp-digit-box{text-align:center;border:1px solid var(--border-color);width:48px;height:52px;color:var(--text-primary);background:#ffffff03;border-radius:8px;font-size:1.5rem;font-weight:800;transition:all .2s;box-shadow:inset 0 1px 2px #ffffff05}.otp-digit-box:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow), inset 0 1px 2px #ffffff05;background:#ffffff05;outline:none}.otp-meta-row{color:var(--text-secondary);justify-content:center;width:100%;font-size:.82rem;display:flex}.otp-cooldown-text{font-weight:600}.otp-resend-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-weight:700;transition:all .2s}.otp-resend-btn:hover{color:var(--accent-color-hover,var(--accent-color));text-decoration:underline}.login-page{background-color:var(--bg-main);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.login-header-nav{z-index:10;position:absolute;top:24px;left:24px}.back-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-title);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:700;display:flex}.back-btn:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:var(--shadow-md);transform:translate(-4px)}.login-split-container{grid-template-columns:1fr 1fr;width:100%;min-height:100vh;display:grid}.login-left-pane{border-right:1px solid var(--border-color);background:linear-gradient(135deg,#0b0c10 0%,#171923 100%);justify-content:center;align-items:center;padding:80px;display:flex;position:relative;overflow:hidden}.login-left-pane:before{content:"";blur:40px;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.login-left-pane:after{content:"";blur:40px;background:radial-gradient(circle,#f973160d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:-50px}.left-pane-overlay{pointer-events:none;background:radial-gradient(circle at 70% 80%,#10b98105 0%,#0000 60%);position:absolute;inset:0}.left-pane-content{z-index:2;max-width:480px;position:relative}.left-pane-tag{color:var(--accent-color);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.78rem;font-weight:800;display:inline-block}.login-left-pane h2{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:2.25rem;font-weight:800;line-height:1.25}.login-left-pane p{color:#cbd5e1;margin-bottom:40px;font-size:.95rem;line-height:1.6}.live-preview-widget{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);background:#17192399;width:100%;padding:24px}.preview-widget-header{font-family:var(--font-title);color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.widget-icon{color:var(--accent-color)}.preview-widget-body{flex-direction:column;gap:12px;display:flex}.preview-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.dept-name{color:#cbd5e1}.dept-count{color:var(--accent-color);font-weight:700}.login-right-pane{background-color:var(--bg-main);justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.login-form-card{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;max-width:440px;box-shadow:var(--shadow-premium);padding:32px}.form-heading{margin-bottom:24px}.form-heading h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.8rem;font-weight:800}.form-heading p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.login-form{flex-direction:column;gap:20px;display:flex}.select-group-container{flex-direction:column;gap:6px;display:flex}.select-label{font-family:var(--font-title);color:var(--text-secondary);letter-spacing:.02em;align-items:center;font-size:.8rem;font-weight:600;display:flex}.select-wrapper{width:100%;position:relative}.custom-select-field{border-radius:var(--border-radius-md);background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);appearance:none;outline:none;padding:12px 16px;font-size:.92rem}.custom-select-field:hover{border-color:var(--text-secondary)}.custom-select-field:focus{border-color:var(--accent-color);background-color:var(--bg-card);box-shadow:0 0 0 3px #10b98133}.select-wrapper:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-submit-btn{width:100%;margin-top:8px}.form-info-banner{border-radius:var(--border-radius-md);background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);align-items:flex-start;gap:10px;margin-top:24px;padding:14px;font-size:.78rem;line-height:1.45;display:flex}.info-icon{color:var(--accent-color);flex-shrink:0;margin-top:2px}@media (width<=992px){.login-split-container{grid-template-columns:1fr}.login-left-pane{display:none}.login-right-pane{padding:100px 24px 24px}}.login-transition-overlay{background-color:var(--bg-main);z-index:9999;justify-content:center;align-items:center;animation:.4s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.transition-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:400px;padding:24px;display:flex}.transition-gif{border-radius:var(--border-radius-lg);width:240px;height:auto;box-shadow:var(--shadow-premium)}.transition-text{font-family:var(--font-title);color:var(--text-primary);margin-top:12px;font-size:1.35rem;font-weight:800}.transition-subtext{color:var(--text-secondary);margin:0;font-size:.85rem}.modal-overlay-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:2500!important;box-sizing:border-box!important;background:#0b0c1099!important;justify-content:center!important;align-items:center!important;padding:16px 20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-shell-container{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-height:88vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 60px -10px #0000002e,0 8px 24px -4px #00000014!important}.modal-header-zone{border-bottom:1px solid var(--border-color)!important;background:var(--bg-card)!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;display:flex!important}.modal-title-row{align-items:center!important;gap:12px!important;display:flex!important}.modal-title-icon{color:var(--primary-brand)!important;justify-content:center!important;align-items:center!important;display:flex!important}.modal-title-heading{color:var(--text-primary)!important;margin:0!important;font-size:1.25rem!important;font-weight:800!important;line-height:1.3!important}.modal-subtitle-text{color:var(--text-secondary)!important;margin:4px 0 0!important;font-size:.85rem!important}.modal-close-btn{color:var(--text-secondary)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:8px!important;display:flex!important}.modal-close-btn:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important}.modal-body-scroll-zone{min-height:0!important;color:var(--text-primary)!important;box-sizing:border-box!important;flex:auto!important;padding:24px 20px 24px 24px!important;overflow:hidden auto!important}.modal-body-scroll-zone::-webkit-scrollbar{width:6px!important}.modal-body-scroll-zone::-webkit-scrollbar-track{background:#ffffff05!important;border-radius:4px!important}.modal-body-scroll-zone::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:4px!important}.modal-body-scroll-zone::-webkit-scrollbar-thumb:hover{background:var(--accent-color)!important}.modal-footer-zone{border-top:1px solid var(--border-color)!important;background:var(--bg-card)!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.dashboard-page{padding:40px 24px}.dashboard-hero-banner{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--space-card-padding);margin-bottom:var(--space-section-gap);background-color:var(--bg-card);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);justify-content:space-between;align-items:center;display:flex}.hero-banner-profile{align-items:center;gap:20px;display:flex}.avatar-circle{background-color:var(--accent-color);color:#fff;width:56px;height:56px;box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.profile-details h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem;font-weight:800}.profile-badge-row{gap:10px;display:flex}.badge{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700;font-family:var(--font-title);padding:4px 10px}.badge.role{background-color:var(--accent-glow);color:var(--accent-color)}.badge.dept{background-color:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.hero-banner-meta{gap:32px;display:flex}.banner-meta-box{align-items:center;gap:12px;display:flex}.meta-icon{justify-content:center;align-items:center;display:flex}.meta-icon.icon-blue{color:var(--accent-color)}.meta-icon.icon-green{color:var(--success-color)}.meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.72rem;font-weight:700}.meta-val{color:var(--text-primary);font-size:1.05rem;font-weight:800;font-family:var(--font-title);margin-top:1px}.pane-header{margin-bottom:var(--space-section-gap)}.pane-header h3{font-size:var(--font-size-h2);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-weight:800}.pane-header p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.employee-learning-grid{grid-template-columns:1.8fr 1.2fr;gap:32px;display:grid}.employee-courses-list{flex-direction:column;gap:16px;display:flex}.course-progress-row{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:24px;display:grid}.course-progress-row:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-row-info{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.course-row-code{text-transform:uppercase;color:var(--accent-color);letter-spacing:.05em;font-size:.72rem;font-weight:700;font-family:var(--font-title)}.course-row-info h4{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.35}.course-row-difficulty{background-color:var(--bg-card-hover);color:var(--text-secondary);border-radius:var(--border-radius-sm);padding:2px 8px;font-size:.72rem;font-weight:700}.course-row-tracker{flex-direction:column;gap:14px;display:flex}.progress-bar-group{flex-direction:column;gap:6px;display:flex}.progress-bar-container{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--warning-color) 0%, var(--success-color) 100%);border-radius:9999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-label-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.row-success-badge{color:var(--success-color);align-items:center;gap:4px;font-weight:700;display:flex}.employee-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-card-padding);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.sidebar-card:hover{box-shadow:var(--shadow-premium)}.sidebar-card-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sidebar-icon.icon-yellow{color:var(--warning-color)}.sidebar-card-title h3{color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-card-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.75rem}.certificates-badge-list{flex-direction:column;gap:12px;display:flex}.certificate-badge-item{background-color:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:flex-start;gap:12px;padding:12px;display:flex}.cert-check{color:var(--success-color);flex-shrink:0;margin-top:2px}.cert-title{color:var(--text-primary);font-size:.82rem;font-weight:700}.cert-date{color:var(--text-secondary);margin-top:2px;font-size:.72rem}.no-data-msg{color:var(--text-muted);text-align:center;padding:16px 0;font-size:.78rem;font-style:italic}.manager-dashboard-grid{grid-template-columns:1.8fr 1.2fr;gap:32px;display:grid}.roster-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px}.roster-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.roster-icon{color:var(--accent-color)}.roster-card-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.roster-table-wrapper{width:100%;overflow-x:auto}.roster-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.85rem}.roster-table th{color:var(--text-muted);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;font-family:var(--font-title);padding:14px 16px}.roster-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth);padding:16px}.roster-table tbody tr{transition:var(--transition-smooth)}.roster-table tbody tr:hover{background-color:var(--bg-card-hover)}.emp-name-cell{font-weight:700}.emp-course-badge{background-color:var(--accent-glow);color:var(--accent-color);border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:700;font-family:var(--font-title);padding:2px 8px}.roster-progress-group{align-items:center;gap:10px;display:flex}.mini-bar-container{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:9999px;flex-shrink:0;width:80px;height:6px;overflow:hidden}.mini-bar-fill{background:linear-gradient(90deg, var(--warning-color) 0%, var(--success-color) 100%);border-radius:9999px;height:100%}.roster-percent-text{color:var(--text-secondary);font-size:.75rem;font-weight:700}.assignment-form-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px}.form-card-title{align-items:center;gap:8px;margin-bottom:4px;display:flex}.form-icon-blue{color:var(--accent-color)}.form-card-title h3{color:var(--text-primary);font-size:1rem;font-weight:700}.form-card-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.75rem}.assignment-form{flex-direction:column;gap:16px;display:flex}.form-input-group{flex-direction:column;gap:6px;display:flex}.form-input-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-select-field{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);outline:none;padding:10px 14px;font-size:.88rem}.form-select-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.dispatch-btn{width:100%;margin-top:8px}.admin-dashboard-grid{grid-template-columns:1.8fr 1.2fr;gap:32px;display:grid}.admin-logs-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-card-padding);box-shadow:var(--shadow-sm)}.logs-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.audit-icon-coral{color:var(--danger-color)}.logs-card-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.logs-card-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.75rem}.logs-table-wrapper{overflow-x:auto}.logs-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:var(--font-size-body)}.logs-table th{color:var(--text-muted);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700;font-family:var(--font-title);padding:12px}.logs-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth);min-height:var(--table-row-min-height);height:var(--table-row-min-height);padding:12px}.logs-table tbody tr{transition:var(--transition-smooth)}.logs-table tbody tr:hover{background-color:var(--bg-card-hover)}.log-time-cell{color:var(--text-secondary)}.log-action-badge{color:var(--danger-color);border-radius:var(--border-radius-sm);font-size:.68rem;font-weight:700;font-family:var(--font-title);background-color:#ef44441a;padding:2px 8px}.log-details-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.admin-depts-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-card-padding);box-shadow:var(--shadow-sm)}.depts-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.depts-icon-purple{color:#a855f7}.depts-card-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.depts-card-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.75rem}.depts-registry-list{flex-direction:column;gap:12px;display:flex}.dept-registry-row{border-bottom:1px solid var(--border-color);font-size:var(--font-size-body);min-height:var(--table-row-min-height);justify-content:space-between;align-items:center;padding-bottom:0;display:flex}.dept-registry-row:last-child{border-bottom:none}.dept-label{color:var(--text-primary);font-weight:700}.manager-val{color:var(--text-secondary)}@media (width<=992px){.dashboard-hero-banner{flex-direction:column;align-items:flex-start;gap:20px}.hero-banner-meta{justify-content:space-between;width:100%}.employee-learning-grid,.manager-dashboard-grid,.admin-dashboard-grid{grid-template-columns:1fr;gap:24px}.course-progress-row{grid-template-columns:1fr}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);animation:.25s ease-out fadeIn}.drawer-content{background:var(--bg-card)!important;border-right:1px solid var(--border-color)!important;box-shadow:var(--shadow-premium)!important;padding:24px 16px!important}.drawer-item{border-radius:var(--border-radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;font-weight:700;display:flex}.drawer-item:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.drawer-item.active{box-shadow:0 4px 12px var(--accent-glow);font-weight:800;color:#fff!important;background-color:var(--accent-color)!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);animation:.25s ease-out fadeIn}.modal-content{box-shadow:var(--shadow-premium), 0 20px 25px -5px #0000004d;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;border-radius:var(--border-radius-lg)!important;border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;padding:30px!important}.modules-list{max-height:380px;padding-right:6px;overflow-y:auto}.modules-list::-webkit-scrollbar{width:6px}.modules-list::-webkit-scrollbar-track{background:0 0}.modules-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.module-step-row{transition:var(--transition-smooth);border-radius:var(--border-radius-md)!important;border:1px solid var(--border-color)!important;background-color:var(--bg-input)!important}.module-step-row:hover{transform:translate(4px);border-color:var(--accent-color)!important;background-color:var(--bg-card-hover)!important}.create-course-tabs{border-bottom:1px solid var(--border-color);gap:8px!important}.tab-btn{transition:var(--transition-smooth);position:relative;overflow:hidden;border-radius:var(--border-radius-md)!important;padding:10px 20px!important;font-size:.85rem!important;font-weight:700!important}.tab-btn.active{box-shadow:0 4px 12px var(--accent-glow);background-color:var(--accent-color)!important;color:#fff!important}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.ide-drawer-toggle-btn:hover{background-color:var(--bg-card-hover)!important;border-color:var(--accent-color)!important;color:var(--accent-color)!important}.profile-dashboard-grid{grid-template-columns:1fr 2fr;align-items:start;gap:32px;margin-top:24px;display:grid}.profile-side-pane,.profile-main-pane{flex-direction:column;gap:24px;display:flex}.profile-side-pane .form-select-field{background-color:var(--bg-input)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--border-radius-md)!important}.employee-dashboard-grid-root{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:24px;width:100%;display:grid}.widget-card{border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;height:100%;padding:20px;transition:all .3s;display:flex}.widget-card:hover{transform:translateY(-2px);border-color:var(--accent-color)!important;box-shadow:var(--shadow-premium)!important}.widget-card h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:1.05rem;font-weight:800;display:flex}.metric-nav-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-nav-card:hover{box-shadow:var(--shadow-premium), 0 10px 20px #00000026;filter:brightness(1.08);transform:translateY(-4px)scale(1.02)}@media (width<=992px){.metric-nav-card{grid-column:span 6!important}}@media (width<=576px){.metric-nav-card{grid-column:span 12!important}}:root{--glow-color:#6366f126;--border-glow:#6366f14d}.creator-workspace{min-height:90vh;color:var(--text-primary);font-family:var(--font-body);padding:40px 24px}.creator-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.creator-header h1{font-family:var(--font-title);background:linear-gradient(135deg, var(--accent-color), var(--neon-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.2rem;font-weight:800}.creator-header p{color:var(--text-secondary);font-size:.95rem}.creator-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);padding:20px;transition:transform .3s,box-shadow .3s}.stat-card:hover{border-color:var(--border-glow);box-shadow:0 10px 20px var(--glow-color);transform:translateY(-2px)}.stat-card-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:2px;font-size:.85rem;font-weight:600}.stat-card-value{font-size:2.1rem;font-weight:800;font-family:var(--font-title);color:var(--text-primary);margin-top:2px;line-height:1.1}.course-grid-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.course-grid-header h2{font-family:var(--font-title);font-size:1.5rem;font-weight:700}.creator-course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:minmax(320px,auto);align-items:stretch;gap:24px;margin-bottom:40px;display:grid}.creator-course-card{border-radius:var(--border-radius-md);background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;min-height:320px;padding:22px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.creator-course-card:hover{border-color:var(--border-glow);box-shadow:0 12px 30px var(--glow-color);transform:translateY(-4px)}.course-card-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.course-badge-code{font-family:var(--font-title);background:var(--border-color);color:var(--text-primary);letter-spacing:.03em;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:700}.course-badge-priority{border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:700}.course-badge-priority.high{color:#ef4444;background:#ef444426}.course-badge-priority.medium{color:#f59e0b;background:#f59e0b26}.course-badge-priority.low{background:color-mix(in srgb, var(--success-color) 15%, transparent);color:var(--success-color)}.creator-course-card h3{font-family:var(--font-title);color:var(--text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.3}.sidebar-tabs-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.sidebar-tab-btn{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);letter-spacing:-.01em;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.creator-course-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.88rem;line-height:1.5}.course-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.course-card-duration{color:var(--text-secondary);font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;max-width:580px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0006}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header-row h2{font-family:var(--font-title);font-size:1.6rem;font-weight:800}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.close-modal-btn:hover{color:var(--text-primary)}.required-star{color:#ef4444;margin-left:2px}.form-group-spaced{margin-bottom:20px}.form-label-styled{color:var(--text-primary);margin-bottom:8px;font-size:.88rem;font-weight:600;display:block}.form-input-styled,.form-textarea-styled,.form-select-styled{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);padding:12px 14px;font-size:.92rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box!important;width:100%!important;max-width:100%!important}.form-input-styled:focus,.form-textarea-styled:focus,.form-select-styled:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #6366f126}.form-textarea-styled{min-height:100px;resize:vertical!important;box-sizing:border-box!important;max-width:100%!important}.modal-footer-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.back-navigation-row{margin-bottom:20px}.syllabus-container{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=992px){.syllabus-container{grid-template-columns:280px 1fr}}.syllabus-sidebar-card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);height:fit-content;padding:24px}.syllabus-sidebar-card h3{font-family:var(--font-title);margin-bottom:12px;font-size:1.15rem;font-weight:700}.syllabus-sidebar-card p{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem;line-height:1.5}.syllabus-main-canvas{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);padding:30px}.canvas-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.canvas-header h2{font-family:var(--font-title);font-size:1.4rem;font-weight:700}.module-syllabus-list{flex-direction:column;gap:16px;display:flex}.module-syllabus-item{border-radius:var(--border-radius-md);background:var(--bg-main);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex}.module-syllabus-item:hover{border-color:var(--border-glow);box-shadow:0 4px 12px var(--glow-color);transform:translate(4px)}.module-item-title-col h4{font-family:var(--font-title);margin-bottom:4px;font-size:1.1rem;font-weight:700}.module-item-title-col p{color:var(--text-secondary);font-size:.8rem}.empty-state-banner{text-align:center;border:2px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);padding:40px 20px}.editor-workspace-layout{grid-template-columns:1fr;gap:24px;margin-top:20px;display:grid}@media (width>=1200px){.editor-workspace-layout{grid-template-columns:65% 35%}}.editor-left-column,.editor-right-column{flex-direction:column;gap:24px;display:flex}.editor-card-panel{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);padding:28px}.editor-card-panel h3{font-family:var(--font-title);align-items:center;gap:10px;margin-bottom:16px;font-size:1.2rem;font-weight:700;display:flex}.content-blocks-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.block-editor-item{border-radius:var(--border-radius-md);background:var(--bg-main);border:1px solid var(--border-color);gap:16px;padding:16px;transition:border-color .2s;display:flex;position:relative}.block-editor-item:hover{border-color:var(--border-glow)}.block-drag-handle{color:var(--text-secondary);cursor:grab;justify-content:center;align-items:center;padding:0 8px;transition:color .2s;display:flex}.block-drag-handle:hover{color:var(--accent-color)}.block-editor-item.dragging{opacity:.4;border:1px dashed var(--accent-color);background:#6366f10d}.block-editor-item.drag-over{border:2px solid var(--accent-color);background:#6366f11a;transform:scale(1.01)}.block-content-body{flex-grow:1}.block-type-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.block-type-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.delete-block-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s}.delete-block-btn:hover{color:#ef4444}.add-block-toolbar{border-top:1px dashed var(--border-color);padding-top:20px}.add-block-toolbar h4{font-family:var(--font-title);color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;font-weight:600}.add-block-buttons{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.add-block-btn{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.add-block-btn:hover{border-color:var(--accent-color);background:var(--bg-main);transform:translateY(-1px)}.sidebar-tabs-header{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.sidebar-tab-btn{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);letter-spacing:-.01em;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);padding:6px 14px;font-size:.85rem;font-weight:700}.sidebar-tab-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.sidebar-tab-btn.active{color:var(--accent-color);background:var(--accent-glow);border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.creator-notes-textarea{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-main);width:100%;min-height:120px;max-height:280px;color:var(--text-primary);resize:vertical;padding:10px;font-family:inherit;font-size:.85rem;line-height:1.4}.quiz-questions-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.quiz-question-item{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-main);padding:10px 12px}.quiz-question-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.question-options-list{flex-direction:column;gap:8px;display:flex}.option-builder-row{align-items:center;gap:10px;display:flex}.correct-option-radio{cursor:pointer}.preview-block-heading{margin-bottom:24px;line-height:1.3}.preview-block-heading h1{font-family:var(--font-title);color:var(--text-primary);font-size:2.2rem;font-weight:800}.preview-block-subtitle{font-family:var(--font-title);color:var(--text-secondary);margin-top:-12px;margin-bottom:20px;font-size:1.3rem;font-weight:600}.preview-block-text{color:var(--text-primary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.preview-block-link-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.preview-block-link{color:var(--accent-color);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.preview-block-link:hover{opacity:.8}.preview-block-attachment-btn{border-radius:var(--border-radius-sm);background:var(--border-color);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.preview-block-attachment-btn:hover{background:#ffffff1a}.youtube-embed-container{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);height:0;margin-bottom:24px;padding-bottom:56.25%;position:relative;overflow:hidden}.youtube-embed-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.preview-video-container{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#000;justify-content:center;align-items:center;margin-bottom:24px;display:flex;overflow:hidden}.preview-image-container{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);max-height:400px;margin-bottom:24px;overflow:hidden}.preview-image-container img{width:100%;height:auto;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-badge-status{font-family:var(--font-title);text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:700}.course-badge-status.status-draft{color:#9ca3af;background:#9ca3af26}.course-badge-status.status-pending{color:#f59e0b;background:#f59e0b26;box-shadow:0 0 10px #f59e0b1a}.course-badge-status.status-approved{background:color-mix(in srgb, var(--success-color) 15%, transparent);color:var(--success-color);box-shadow:0 0 10px color-mix(in srgb, var(--success-color) 10%, transparent)}.course-badge-status.status-rejected{color:#ef4444;background:#ef444426}.creator-course-card.card-rejected-border{border-color:#ef44444d!important}.rejection-card-alert{border-radius:var(--border-radius-sm);color:#fca5a5;background:#ef444414;border:1px solid #ef44442e;align-items:flex-start;gap:8px;margin-top:10px;margin-bottom:14px;padding:10px 12px;font-size:.78rem;line-height:1.4;display:flex}.rejection-alert-icon{color:#f87171;flex-shrink:0;margin-top:2px}.stat-card.active-filter{background:#6366f10f;box-shadow:0 5px 15px #6366f11f;border-color:var(--accent-color)!important}.dept-selector-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.dept-selector-card{border-radius:var(--border-radius-md);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.dept-selector-card:hover{border-color:var(--border-glow);box-shadow:0 12px 30px var(--glow-color);transform:translateY(-4px)}.dept-selector-card.has-pending{border-color:#f59e0b66}.dept-card-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dept-icon-box{border-radius:var(--border-radius-sm);background:var(--border-color);width:44px;height:44px;color:var(--accent-color);justify-content:center;align-items:center;display:flex}.pending-badge-count{font-family:var(--font-title);color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b40;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.dept-selector-card h3{font-family:var(--font-title);margin-bottom:8px;font-size:1.2rem;font-weight:700}.dept-selector-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.85rem;line-height:1.5}.dept-card-footer{color:var(--accent-color);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:.82rem;font-weight:600;display:flex}.back-dept-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.back-dept-btn:hover{color:var(--text-primary)}.approvals-count-pill{font-family:var(--font-title);color:var(--text-primary);background:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:700}.approvals-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:16px;overflow:hidden}.approvals-table{border-collapse:collapse;text-align:left;width:100%}.approvals-table th{border-bottom:1px solid var(--border-color);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;background:#ffffff05;padding:16px 24px;font-size:.8rem;font-weight:700}.approvals-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:20px 24px}.approvals-table tbody tr:last-child td{border-bottom:none}.approval-row-hover:hover{background:#ffffff03}.table-course-info{align-items:center;gap:16px;display:flex}.table-course-info .code-tag{font-family:var(--font-title);background:var(--border-color);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:.72rem;font-weight:700}.table-course-info .title-text{font-family:var(--font-title);color:var(--text-primary);margin-bottom:4px;font-size:.98rem;font-weight:700;display:block}.table-course-info .duration-text{color:var(--text-secondary);font-size:.78rem}.table-creator-info .name{color:var(--text-primary);margin-bottom:2px;font-size:.92rem;font-weight:600;display:block}.table-creator-info .role{color:var(--text-secondary);font-size:.78rem}.approvals-table-actions{justify-content:flex-end;gap:10px;display:flex}.reject-table-btn:hover{color:#f87171!important;background:#ef44440a!important;border-color:#f87171!important}.review-overlay{background:#00000080;justify-content:flex-end;align-items:stretch}.review-drawer-panel{background:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;width:100%;max-width:540px;height:100vh;animation:.35s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 30px #0006}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header-row{border-bottom:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:flex-start;padding:30px 24px;display:flex}.drawer-header-row .code-tag{font-family:var(--font-title);background:var(--border-color);color:var(--text-primary);text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-block}.drawer-header-row h2{font-family:var(--font-title);margin-top:2px;font-size:1.5rem;font-weight:800}.drawer-scroll-body{flex-grow:1;padding:30px 24px;overflow-y:auto}.drawer-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:24px}.drawer-section:last-child{border-bottom:none;padding-bottom:0}.drawer-section h3{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color);margin-bottom:16px;font-size:.95rem;font-weight:700}.info-grid-compact{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-grid-compact label{color:var(--text-secondary);margin-bottom:4px;font-size:.75rem;display:block}.info-grid-compact p{color:var(--text-primary);font-size:.9rem}.drawer-section .description-text{color:var(--text-primary);font-size:.92rem;line-height:1.6}.simulated-syllabus-list{flex-direction:column;gap:14px;display:flex}.syllabus-sim-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);gap:16px;padding:14px 16px;display:flex}.syllabus-sim-item .module-no{font-family:var(--font-title);text-transform:uppercase;color:var(--accent-color);background:#6366f11a;border:1px solid #6366f133;border-radius:4px;flex-shrink:0;height:fit-content;padding:4px 8px;font-size:.75rem;font-weight:700}.syllabus-sim-item h4{font-family:var(--font-title);color:var(--text-primary);margin-bottom:4px;font-size:.92rem;font-weight:700}.syllabus-sim-item p{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.drawer-footer-actions{border-top:1px solid var(--border-color);background:#ffffff03;gap:16px;padding:24px;display:flex}.drawer-footer-actions button{flex:1}.reject-action-btn:hover{color:#f87171!important;background:#ef44440a!important;border-color:#f87171!important}.rejection-prompt-body p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.toasts-container{z-index:2000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast-alert{pointer-events:auto;border-radius:var(--border-radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:12px;min-width:280px;max-width:420px;padding:14px 20px;font-size:.88rem;font-weight:600;display:flex;position:relative;box-shadow:0 10px 30px #0006}.toast-icon{flex-shrink:0}.toast-message{flex-grow:1;line-height:1.4}.toast-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex}.toast-close-btn:hover{color:var(--text-primary)}.toast-success{border-left:4px solid var(--neon-teal)}.toast-success .toast-icon{color:var(--neon-teal)}.toast-warning{border-left:4px solid var(--neon-coral)}.toast-warning .toast-icon{color:var(--neon-coral)}.toast-info{border-left:4px solid var(--accent-color)}.toast-info .toast-icon{color:var(--accent-color)}.department-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.dept-card{padding:var(--space-card-padding);border-radius:var(--border-radius-lg);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);min-height:180px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;display:flex}.dept-card:hover{border-color:var(--primary-brand);box-shadow:var(--shadow-premium);transform:translateY(-4px)}.dept-card-header{flex-direction:column;gap:12px;display:flex}.dept-icon{background:var(--bg-card-hover);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--primary-brand);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.dept-name{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.dept-code{color:var(--text-secondary);font-size:.8rem;font-weight:600}.dept-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.headcount{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.view-link{color:var(--primary-brand);font-size:.82rem;font-weight:700}.dept-detail-header{padding:var(--space-card-padding);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:32px}.dept-detail-header h2{letter-spacing:-.02em;margin-bottom:24px;font-size:1.8rem;font-weight:800}.dept-tabs{border-bottom:1px solid var(--border-color);gap:8px;width:100%;display:flex}.dept-tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;transition:var(--transition-smooth);text-align:center;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.88rem;font-weight:700;position:relative}.dept-tab:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.dept-tab.active{color:var(--primary-brand);background-color:var(--accent-glow)}.dept-tab.active:after{content:"";background:var(--primary-brand);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.personnel-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}.personnel-card{border-radius:var(--border-radius-md);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px;display:flex}.personnel-card:hover{border-color:var(--primary-brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.person-info{align-items:center;gap:16px;display:flex}.person-avatar{background:var(--bg-card-hover);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex}.person-name{color:var(--text-primary);margin:0 0 4px;font-size:.95rem;font-weight:700}.person-role{color:var(--text-secondary);font-size:.78rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0b0c10b3;justify-content:center;align-items:center;padding:80px 20px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:100%;max-width:600px;box-shadow:var(--shadow-premium);padding:32px}.modal-header h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.35rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.85rem}.analytics-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.analytics-card{padding:var(--space-card-padding);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card-hover)}.analytics-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.analytics-value{color:var(--text-primary);font-size:1.6rem;font-weight:800}.analytics-value.huge{color:var(--primary-brand);font-size:2.25rem}.progress-bar-bg{background:var(--bg-input);border:1px solid var(--border-color);border-radius:9999px;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--warning-color) 0%, var(--success-color) 100%);border-radius:9999px;height:100%}.view-courses-canvas{margin-top:40px}.view-courses-layout-grid{gap:var(--space-section-gap);grid-template-columns:1fr 300px;align-items:flex-start;display:grid}.view-courses-section-pane{padding:var(--space-card-padding);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.section-pane-title{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.section-pane-title h3{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:800}.courses-list-group{flex-direction:column;gap:14px;display:flex}.player-launch-row{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-card-padding);transition:var(--transition-smooth);flex-direction:column;gap:12px;display:flex}.player-launch-row:hover{border-color:var(--accent-color);transform:translateY(-2px)}.launch-row-header{align-items:center;gap:12px;display:flex}.launch-row-code{background:var(--accent-glow);color:var(--accent-color);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:.72rem;font-weight:700}.launch-row-header h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.launch-row-body{justify-content:space-between;align-items:center;gap:20px;display:flex}.launch-progress-bar-group{flex:1;align-items:center;gap:12px;max-width:400px;display:flex}.launch-progress-bar-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:9999px;flex:1;height:8px;overflow:hidden}.launch-progress-bar-fill{background:linear-gradient(90deg, var(--warning-color) 0%, var(--success-color) 100%);border-radius:9999px;height:100%}.launch-progress-label{color:var(--text-secondary);min-width:90px;font-size:.78rem;font-weight:700}.catalog-course-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-card-padding);transition:var(--transition-smooth);justify-content:space-between;align-items:center;display:flex}.catalog-course-row:hover{border-color:var(--accent-color);transform:translateY(-2px)}.catalog-row-details h4{color:var(--text-primary);margin:6px 0;font-size:.95rem;font-weight:700}.catalog-row-details p{color:var(--text-secondary);margin:0 0 12px;font-size:.85rem;line-height:1.5}.catalog-row-meta{color:var(--text-muted);gap:16px;font-size:.75rem;font-weight:600;display:flex}.completed-course-row{border-radius:var(--border-radius-md);padding:16px var(--space-card-padding);background:#10b9810a;border:1px solid #10b98126;justify-content:space-between;align-items:center;display:flex}.completed-row-details{align-items:center;gap:16px;display:flex}.completed-badge{color:var(--success-color);border-radius:var(--border-radius-sm);background:#10b98126;padding:4px 8px;font-size:.72rem;font-weight:800}.completed-row-details h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.completed-code{color:var(--text-muted);font-size:.75rem;font-weight:600}.view-courses-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-stats-card{padding:var(--space-card-padding);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.sidebar-stat-field{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:12px;padding-bottom:12px;font-size:.82rem;display:flex}.sidebar-stat-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-label{color:var(--text-secondary);font-weight:600}.stat-value{color:var(--text-primary);font-weight:700}.no-data-notice{text-align:center;color:var(--text-muted);margin:0;padding:20px 0;font-size:.85rem;font-style:italic}.icon-blue{color:var(--accent-color)}.icon-teal{color:var(--success-color)}.icon-yellow{color:var(--warning-color)}.course-player-container{--bg-primary:var(--bg-main);--bg-secondary:var(--bg-card);--border-color:var(--border-color);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--input-bg:var(--bg-input);--input-focus-bg:var(--bg-card);--btn-secondary-bg:var(--bg-card-hover);background-color:var(--bg-primary);height:100vh;color:var(--text-primary);font-family:var(--font-body), sans-serif;flex-direction:column;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.player-header{background:var(--bg-secondary,#0f172af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;height:64px;padding:12px 24px;transition:all .3s;display:flex}.player-header-left{align-items:center;gap:16px;display:flex}.hamburger-btn{border:1px solid var(--border-color,#ffffff26);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.hamburger-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ffffff14;transform:scale(1.05)}.back-dashboard-btn{border:1px solid var(--border-color,#ffffff26);color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.back-dashboard-btn:hover{color:var(--text-primary,#fff);border-color:var(--accent-color);background:#ffffff0d}.player-course-title-group h2{color:var(--text-primary,#fff);margin:0;font-size:1.05rem;font-weight:700}.player-course-title-group span{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.player-header-right{align-items:center;gap:20px;display:flex}.player-header-progress{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.player-progress-bar-container{background:#9ca3af33;border-radius:3px;width:140px;height:6px;overflow:hidden}.player-progress-bar-fill{background:linear-gradient(90deg, var(--neon-teal), var(--accent-color));border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.curriculum-drawer{background:var(--bg-secondary,#0f172a);border-right:1px solid var(--border-color,#ffffff14);flex-direction:column;width:340px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000004d}.drawer-overlay.open .curriculum-drawer{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-header h3{color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:700}.close-drawer-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:all .2s;display:flex}.close-drawer-btn:hover{color:var(--text-primary,#fff);background:#ffffff14}.drawer-body{flex:1;padding:10px 0;overflow-y:auto}.sidebar-modules-list{flex-direction:column;gap:12px;display:flex}.sidebar-module-group{border-bottom:1px solid var(--border-color,#ffffff0f)}.sidebar-module-group.module-locked{opacity:.45;cursor:not-allowed}.module-header-trigger{cursor:pointer;text-align:left;background:#ffffff05;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:background .2s;display:flex}.module-header-trigger:hover:not(:disabled){background:#ffffff0d}.module-header-left h4{color:var(--text-primary,#fff);margin:0 0 4px;font-size:.88rem;font-weight:600}.module-header-left span{color:var(--text-secondary,#9ca3af);font-size:.72rem}.module-contents-list{background:#00000026;padding:4px 0}.content-item-row{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.content-item-row:hover{background:#ffffff08}.content-item-row.active{border-left-color:var(--accent-color);background:#00f2fe0d}.content-item-checkbox{border:1.5px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s;display:flex}.content-item-checkbox.checked{background:var(--neon-teal,#00f2fe);border-color:var(--neon-teal,#00f2fe);color:#000}.content-item-meta h5{color:var(--text-primary,#d1d5db);margin:0 0 2px;font-size:.82rem;font-weight:500}.content-item-row.active .content-item-meta h5{color:var(--text-primary,#fff);font-weight:600}.content-item-duration{color:var(--text-secondary,#9ca3af);align-items:center;gap:4px;font-size:.7rem;display:flex}.player-layout-grid{background:var(--bg-primary,#090d16);grid-template-columns:65% 35%;height:calc(100vh - 128px);transition:all .3s;display:grid}.player-main-content{border-right:1px solid var(--border-color,#ffffff0f);flex-direction:column;height:100%;display:flex;overflow-y:auto}.study-content-scroll{flex-direction:column;gap:24px;padding:32px;display:flex}.lesson-heading-container{flex-direction:column;gap:8px;display:flex}.lesson-module-tag{text-transform:uppercase;color:var(--accent-color);letter-spacing:.08em;font-size:.75rem;font-weight:700}.lesson-title{color:var(--text-primary,#fff);font-size:1.8rem;font-weight:800;font-family:var(--font-title);margin:0;line-height:1.25}.lesson-subtitle{color:var(--text-secondary,#9ca3af);margin:0;font-size:1.15rem;font-weight:600}.lesson-description{color:var(--text-secondary,#cbd5e1);max-width:800px;margin:4px 0 0;font-size:.95rem;line-height:1.6}.media-viewer-frame{background:var(--bg-secondary,#020617);aspect-ratio:16/9;border:1px solid var(--border-color,#ffffff14);border-radius:8px;width:100%;position:relative;overflow:hidden}.video-player-workspace{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.video-viewport{background:#000;flex:1;min-height:250px;position:relative}.video-viewport iframe,.video-viewport video{border:none;width:100%;height:100%}.video-url-display{color:#9ca3af;z-index:10;background:#000c;gap:6px;padding:8px 16px;font-size:.78rem;display:flex;position:absolute;top:0;left:0;right:0}.video-url-display a{color:var(--accent-color);text-decoration:underline}.video-upload-panel{border-top:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.video-upload-button-styled{background:var(--btn-secondary-bg,#ffffff0f);border:1px solid var(--border-color,#ffffff1f);color:var(--text-primary,#fff);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.video-upload-button-styled:hover{border-color:var(--accent-color);background:#ffffff1f}.reset-video-btn{color:var(--neon-coral,#ef4444);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.simulated-video-player{cursor:pointer;background:#020617;width:100%;height:100%;position:relative}.simulated-placeholder-canvas{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.simulated-placeholder-canvas p{color:#9ca3af;margin-top:12px;font-size:.9rem}.video-poster-overlay{z-index:5;background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-trigger-btn{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 20px #00f2fe4d}.video-player-controls-bar{background:#000000d9;flex-direction:column;gap:8px;padding:14px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-timeline-slider{cursor:pointer;background:#fff3;border-radius:2px;width:100%;height:4px;position:relative}.video-timeline-progress{background:var(--accent-color);border-radius:2px;height:100%}.video-controls-row{justify-content:space-between;align-items:center;display:flex}.video-controls-left{color:#fff;align-items:center;gap:12px;font-size:.75rem;display:flex}.video-control-action-btn{color:#fff;cursor:pointer;background:0 0;border:none}.reading-mode-viewer{background:var(--bg-secondary,#0f172a);width:100%;height:100%;padding:40px;overflow-y:auto}.reading-content-card h3{color:var(--text-primary,#fff);border-left:3px solid var(--accent-color);margin-bottom:16px;padding-left:12px;font-size:1.4rem}.reading-content-card p{color:var(--text-secondary,#d1d5db);margin-bottom:14px;font-size:.98rem;line-height:1.7}.quiz-player-panel{background:var(--bg-secondary,#0f172a);width:100%;height:100%;padding:32px;overflow-y:auto}.quiz-content-card{max-width:540px;margin:0 auto}.quiz-badge{background:var(--neon-coral,#ef4444);color:#fff;text-transform:uppercase;border-radius:4px;margin-bottom:12px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-block}.quiz-question-heading{color:var(--text-primary,#fff);margin-bottom:20px;font-size:1.15rem;font-weight:700;line-height:1.4}.quiz-options-group{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.quiz-option-button{text-align:left;border:1px solid var(--border-color,#ffffff14);width:100%;color:var(--text-primary,#d1d5db);cursor:pointer;background:#ffffff05;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;transition:all .2s;display:flex}.quiz-option-button:hover{background:#ffffff0f}.quiz-option-button.selected{border-color:var(--accent-color);color:var(--text-primary,#fff);background:#00f2fe0d}.quiz-option-letter{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.quiz-option-button.selected .quiz-option-letter{background:var(--accent-color);color:#000}.quiz-success-pane{text-align:center;border:1px solid var(--border-color,#ffffff14);background:#0003;border-radius:8px;flex-direction:column;align-items:center;padding:30px;display:flex}.quiz-success-badge-glow{width:64px;height:64px;color:var(--accent-color);background:#00f2fe1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 0 25px #00f2fe26}.player-sidebar-notes{background:var(--bg-secondary,#0f172a);border-left:1px solid var(--border-color,#ffffff14);flex-direction:column;height:100%;display:flex}.notes-header-row{border-bottom:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notes-header-row h3{color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:700}.notes-download-btn{border:1px solid var(--border-color,#ffffff26);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.notes-download-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ffffff14}.notes-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.notes-textarea{background:var(--input-bg,#ffffff05);border:1px solid var(--border-color,#ffffff1f);color:var(--text-primary,#fff);resize:none;border-radius:8px;flex:1;padding:16px;font-family:inherit;font-size:.9rem;line-height:1.5;transition:all .2s}.notes-textarea:focus{border-color:var(--accent-color);background:var(--input-focus-bg,#ffffff0a);outline:none;box-shadow:0 0 10px #00f2fe1a}.notes-footer-actions{display:flex}.player-footer-navigation{background:var(--bg-secondary,#0f172af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;height:64px;padding:0 24px;transition:all .3s;display:flex}.footer-nav-left,.footer-nav-right{display:flex}[data-theme=light]{--bg-primary:var(--bg-main);--bg-secondary:var(--bg-card);--border-color:var(--border-color);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--input-bg:var(--bg-input);--input-focus-bg:var(--bg-card);--btn-secondary-bg:var(--bg-card-hover)}[data-theme=light] .curriculum-drawer{background:#fff}[data-theme=light] .module-header-trigger{background:#f8fafc}[data-theme=light] .reading-mode-viewer{background:#fff}[data-theme=light] .reading-content-card h3{color:#0f172a}[data-theme=light] .reading-content-card p{color:#334155}[data-theme=light] .quiz-player-panel{background:#fff}[data-theme=light] .quiz-option-button{color:#334155;background:#f8fafc}[data-theme=light] .quiz-option-button:hover{background:#f1f5f9}[data-theme=light] .quiz-option-button.selected{background:#00f2fe0a}[data-theme=light] .quiz-success-pane,[data-theme=light] .video-upload-panel{background:#f8fafc}[data-theme=light] .course-player-container{--bg-primary:#f7f8fa;--bg-secondary:#fff;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#475569;--input-bg:#f1f3f5;--input-focus-bg:#fff;--btn-secondary-bg:#eef1f4}[data-theme=light] .player-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .curriculum-drawer{background:#fff!important;border-right:1px solid #e2e8f0!important;box-shadow:10px 0 30px #0000000d!important}[data-theme=light] .player-sidebar-notes{background:#fff!important;border-left:1px solid #e2e8f0!important}[data-theme=light] .module-header-trigger{background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .module-contents-list{background:#f1f5f9!important}[data-theme=light] .content-item-row:hover{background:#e2e8f0!important}[data-theme=light] .content-item-row.active{border-left-color:var(--accent-color)!important;background:#10b98114!important}[data-theme=light] .notes-textarea{color:#1e293b!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}[data-theme=light] .notes-textarea:focus{border-color:var(--accent-color)!important;background:#fff!important}[data-theme=light] .reading-mode-viewer,[data-theme=light] .quiz-player-panel{background:#fff!important}[data-theme=light] .locked-screen-overlay,[data-theme=light] .course-locked-overlay-panel{background:#ef44440d!important;border:1px solid #ef444426!important}[data-theme=light] .hamburger-btn,[data-theme=light] .back-dashboard-btn{color:#475569!important;border-color:#cbd5e1!important}[data-theme=light] .hamburger-btn:hover,[data-theme=light] .back-dashboard-btn:hover{color:var(--accent-color)!important;border-color:var(--accent-color)!important;background:#f1f5f9!important}[data-theme=light] .drawer-header h3,[data-theme=light] .notes-header-row h3{color:#1e293b!important}:root{--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--bg-main:#f7f8fa;--bg-card:#fff;--bg-input:#f1f3f5;--bg-card-hover:#eef1f4;--accent-color:#10b981;--accent-hover:#059669;--accent-glow:#10b98114;--primary-brand:#10b981;--primary-brand-hover:#059669;--success-color:#10b981;--warning-color:#f97316;--danger-color:#ef4444;--neon-teal:var(--success-color);--neon-coral:var(--danger-color);--neon-teal-glow:#10b98126;--neon-coral-glow:#ef444426;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#cbd5e1;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-premium:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--font-body:var(--font-sans);--font-title:var(--font-sans);--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--space-card-padding:24px;--space-section-gap:24px;--table-row-min-height:52px;--navbar-height:64px;--font-size-h1:36px;--font-size-h2:30px;--font-size-body:14px}.form-input-styled,.form-select-styled{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--border-radius-md);font-family:var(--font-body);min-height:46px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:12px 16px;font-size:.95rem}textarea.form-input-styled{resize:vertical;min-height:120px}.form-input-styled:focus,.form-select-styled:focus{border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-label-styled{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card,var(--border-radius-lg));-webkit-backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-premium);transition:transform .25s,box-shadow .25s,border-color .25s}[data-theme=dark] .glass-panel:hover,[data-theme=dark] .card:hover{transform:translateY(-3px);border-color:var(--accent-glow)!important;box-shadow:0 20px 45px #00000073!important}.animate-fade-in{animation:.25s ease-out forwards fadeIn}select,select.form-input-styled,.form-select-styled{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important}select option{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(8px)!important;z-index:2000!important;box-sizing:border-box!important;background:#0b0c10bf!important;justify-content:center!important;align-items:flex-start!important;padding:100px 20px 40px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-content{background:var(--bg-card)!important;border-radius:var(--border-radius-lg)!important;border:1px solid var(--border-color)!important;width:100%!important;max-width:600px!important;max-height:calc(100vh - 140px)!important;box-shadow:var(--shadow-premium)!important;box-sizing:border-box!important;padding:32px!important;overflow-y:auto!important}html,body,#root{background-color:var(--bg-main);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;margin:0!important;padding:0!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);margin-top:0}a{color:var(--primary-brand);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--primary-brand-hover);text-decoration:underline}.container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.empty-state-container{border-radius:var(--border-radius-lg)!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;padding:48px!important;display:flex!important}.empty-state-container svg{color:var(--accent-color)!important;opacity:.8!important;transition:var(--transition-smooth)!important;margin:0 auto 4px!important}.empty-state-container p{color:var(--text-secondary)!important;max-width:440px!important;margin:0!important;font-size:.88rem!important;font-style:normal!important;font-weight:600!important;line-height:1.5!important}.creator-header,.canvas-header,.section-header-spaced,.page-header-spaced{margin-bottom:var(--space-xl)!important}.content-blocks-list{gap:var(--space-lg)!important}