:root{color-scheme:light;--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--primary-text: #3730a3;--secondary: #7c3aed;--secondary-hover: #6d28d9;--accent: #0891b2;--success: #15803d;--success-light: #ecfdf3;--success-text: #166534;--warning: #b45309;--warning-light: #fffbeb;--warning-text: #92400e;--danger: #dc2626;--danger-light: #fef2f2;--danger-text: #991b1b;--bg-main: #f8fafc;--bg-surface: #fff;--bg-card: #fff;--bg-subtle: #f1f5f9;--border: #e2e8f0;--border-strong: #94a3b8;--border-focus: #6366f1;--text-main: #0f172a;--text-muted: #526079;--text-light: #63728a;--on-primary: #fff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 3px #0f172a06;--shadow-md: 0 8px 24px #0f172a08;--shadow-lg: 0 20px 60px #0f172a18;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--motion: .18s;--overlay: #0f172a66;--font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{color-scheme:dark;--primary: #a5b4fc;--primary-hover: #c7d2fe;--primary-light: #252b4c;--primary-text: #c7d2fe;--secondary: #c4b5fd;--secondary-hover: #ddd6fe;--accent: #67e8f9;--success: #86efac;--success-light: #12372a;--success-text: #a7f3d0;--warning: #fcd34d;--warning-light: #3c301c;--warning-text: #fde68a;--danger: #fca5a5;--danger-light: #3c222b;--danger-text: #fecaca;--bg-main: #0d1422;--bg-surface: #141e30;--bg-card: #141e30;--bg-subtle: #1c2940;--border: #2b3a52;--border-strong: #73839e;--border-focus: #a5b4fc;--text-main: #edf2ff;--text-muted: #b4c0d6;--text-light: #a2b0ca;--on-primary: #141e30;--overlay: #020617aa;--shadow-lg: 0 20px 60px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg-main);color:var(--text-main);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}body.drawer-open,body.dialog-open{overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.025em;color:var(--text-main)}h1{font-size:clamp(24px,2.2vw,30px);font-weight:720}h2{font-size:22px;font-weight:680}h3{font-size:17px;font-weight:650}h4{font-size:15px}p{line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{color:inherit}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0}legend{font-weight:650;padding:0 8px}::selection{background:var(--primary-light);color:var(--primary-text)}:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}.skip-link{position:fixed;top:8px;left:16px;z-index:20000;transform:translateY(-150%);padding:12px 20px;background:var(--primary);color:var(--on-primary);border-radius:8px}.skip-link:focus{transform:none}.container{width:100%;max-width:1680px;margin-inline:auto;padding:32px clamp(16px,3vw,40px)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid>*{min-width:0}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:650;font-size:13px;line-height:1.4;white-space:normal;text-decoration:none;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion)}.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary,.btn-outline{background:var(--bg-surface);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover,.btn-outline:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-success{background:var(--success);color:var(--on-primary)}.btn-danger{background:var(--danger);color:var(--on-primary)}.btn-sm{min-height:36px;padding:7px 12px;font-size:12px}.btn:disabled:hover{box-shadow:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--text-muted);position:relative}.icon-button:hover{background:var(--bg-subtle);color:var(--text-main)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:650;margin-bottom:8px;color:var(--text-main)}.form-input,.form-textarea,.form-select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=submit]),select,textarea{max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);transition:border-color var(--motion),box-shadow var(--motion)}.form-input,.form-textarea,.form-select{width:100%}input::placeholder,textarea::placeholder{color:var(--text-light);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}textarea{resize:vertical;min-height:100px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}input[type=file]{width:100%;font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.025em;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary-text)}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:var(--warning-text)}.badge-danger{background:var(--danger-light);color:var(--danger-text)}.progress-container{height:6px;border-radius:999px;background:var(--bg-subtle);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:var(--bg-subtle);color:var(--text-muted);font-weight:650;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:14px 16px;border-bottom:1px solid var(--border)}td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg-subtle)}table .btn{min-height:36px}.table-container,.table-wrapper,.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.empty-state{display:grid;place-items:center;text-align:center;padding:48px 24px;color:var(--text-muted);border:1px dashed var(--border);border-radius:16px;background:var(--bg-card)}.empty-state h2,.empty-state h3{margin-block:12px 8px}.skeleton{background:linear-gradient(90deg,var(--bg-subtle),var(--border),var(--bg-subtle));background-size:200% 100%;animation:skeleton 1.8s ease infinite;border-radius:8px}.skeleton-line{height:16px;margin-bottom:12px}.skeleton-block{height:160px}@keyframes skeleton{to{background-position:-200% 0}}.toast-region{position:fixed;bottom:24px;right:24px;z-index:120000;display:grid;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--accent);padding:16px;border-radius:12px;box-shadow:var(--shadow-lg)}.toast>app-icon{margin-top:3px;color:var(--accent)}.toast>div{flex:1;min-width:0}.toast strong{font-size:13px}.toast p{font-size:13px;color:var(--text-muted);overflow-wrap:anywhere}.toast .icon-button{width:28px;height:28px}.toast-error{border-left-color:var(--danger)}.toast-error>app-icon{color:var(--danger)}.toast-success{border-left-color:var(--success)}.toast-success>app-icon{color:var(--success)}.toast-warning{border-left-color:var(--warning)}.toast-warning>app-icon{color:var(--warning)}.dialog-backdrop{position:fixed;inset:0;z-index:110000;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-dialog{width:min(100%,480px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow-lg)}.ui-dialog h2{font-size:22px;margin:16px 0 12px}.ui-dialog p{color:var(--text-muted);white-space:pre-line}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary-light);color:var(--primary)}.dialog-icon.is-danger{background:var(--danger-light);color:var(--danger)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.reveal-on-scroll{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.container{padding-inline:48px}}@media(max-width:1200px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.container{padding:24px 16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:minmax(0,1fr)}.card{padding:20px}.toast-region{right:16px;bottom:16px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.ui-dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.request-progress{position:fixed;top:70px;left:0;right:0;height:2px;background:var(--primary-light);z-index:2000;overflow:hidden}.request-progress:after{content:"";display:block;width:30%;height:100%;background:var(--primary);animation:request-slide 1.2s ease infinite}@keyframes request-slide{0%{transform:translate(-100%)}to{transform:translate(430%)}}.form-hint{font-size:12px;color:var(--text-muted);margin-top:8px}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--danger)}p a:not(.btn){text-decoration:underline;text-underline-offset:3px}.brand{display:flex;align-items:center;gap:12px;color:var(--text-main);flex-shrink:0;text-decoration:none!important}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:transparent;color:var(--primary)}.brand-mark app-icon{width:34px;height:34px}.brand-copy{font-size:26px;letter-spacing:-1.2px;font-weight:760;line-height:1.1}.brand-copy>span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:650;color:var(--text-muted);margin-top:5px}.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:1100;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);transition:width var(--motion),transform var(--motion)}.workspace-sidebar>.brand{height:88px;padding:24px}.nav-section-label{font-size:10px;letter-spacing:1.6px;color:var(--text-light);font-weight:700;padding:20px 28px 12px}.workspace-links{padding:0 16px;overflow-y:auto;flex:1;scrollbar-width:thin}.nav-link{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:4px 0;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:550;text-align:left;text-decoration:none!important;transition:background var(--motion),color var(--motion)}.nav-link:hover{background:var(--bg-subtle);color:var(--text-main)}.nav-link.active{color:#fff;background:#4f46e5;font-weight:750;box-shadow:0 4px 12px #4f46e52b}.nav-link.active:before{content:"";position:absolute;left:-16px;top:12px;bottom:12px;width:3px;background:var(--primary);border-radius:0 4px 4px 0}.nav-label{white-space:nowrap;overflow:hidden}.nav-chevron{margin-left:auto;width:14px!important}.nav-children{margin-left:22px;padding-left:10px;border-left:1px solid var(--border)}.nav-children .nav-link{font-size:12px;min-height:40px}.nav-children .nav-link.active:before{display:none}.sidebar-help{margin:20px;background:var(--bg-main);border:1px solid var(--border);padding:16px;border-radius:12px}.sidebar-help>app-icon{color:var(--primary);margin-bottom:12px}.sidebar-help strong{display:block;font-size:12px}.sidebar-help p{color:var(--text-muted);font-size:11px;margin:8px 0 12px}.sidebar-help a{display:flex;gap:8px;align-items:center;font-weight:650;font-size:11px}.sidebar-help a app-icon{width:14px;height:14px}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px 16px}.sidebar-version{font-size:8px;font-weight:600;color:var(--text-light);letter-spacing:1px;padding:16px 12px 0}.workspace-sidebar.is-collapsed{width:80px}.is-collapsed .brand-copy,.is-collapsed .nav-section-label,.is-collapsed .nav-label,.is-collapsed .nav-chevron,.is-collapsed .sidebar-help,.is-collapsed .nav-children{display:none}.workspace-sidebar.is-collapsed>.brand{padding:20px}.is-collapsed .workspace-links{padding:12px}.is-collapsed .nav-link{justify-content:center;padding:12px}.is-collapsed .sidebar-footer{padding:12px}.is-collapsed .nav-link.active:before{left:-12px}.nav-flyout{position:fixed;left:88px;width:230px;z-index:1300;padding:12px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:calc(100dvh - 16px);overflow:auto}.nav-flyout>strong{display:block;font-size:11px;color:var(--text-light);padding:8px 12px}.nav-tooltip{position:fixed;left:88px;background:var(--text-main);color:var(--bg-surface);padding:8px 12px;border-radius:8px;z-index:1400;font-size:12px;box-shadow:var(--shadow-md);pointer-events:none}.topbar{height:72px;position:fixed;inset:0 0 auto;z-index:1050;display:flex;align-items:center;gap:16px;padding:0 32px;background:var(--bg-surface);border-bottom:1px solid var(--border);transition:left var(--motion)}.topbar.with-sidebar{left:252px;padding-inline:24px}.topbar.with-sidebar.rail-layout{left:80px}.page-context{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.page-context>span{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.page-context app-icon{width:12px;height:12px}.page-context strong{font-weight:600}.header-search{margin-left:auto;display:flex;gap:8px;align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:9px;padding:0 12px;max-width:280px;width:25vw;color:var(--text-light)}.header-search input{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;padding:8px 0!important;min-height:38px!important;font-size:12px}.header-search app-icon{width:16px;height:16px}.header-search kbd{font-size:12px;border:1px solid var(--border);border-radius:4px;padding:0 4px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.with-sidebar .topbar-actions{margin-left:0}.profile-trigger{display:flex;align-items:center;gap:10px;border:0;border-left:1px solid var(--border);padding:0 0 0 16px;margin-left:4px;background:transparent;border-radius:0;text-align:left;min-height:44px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--primary-light);color:var(--primary-text);border-radius:50%;font-size:12px;font-weight:700}.profile-copy{display:grid;gap:2px;max-width:140px}.profile-copy strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy>span{font-size:10px;color:var(--text-muted)}.profile-trigger>app-icon{width:13px;height:13px;color:var(--text-light);margin-left:8px}.popover-anchor{position:relative}.header-popover{position:absolute;right:0;top:calc(100% + 18px);width:320px;max-width:calc(100vw - 32px);padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);max-height:70dvh;overflow:auto}.popover-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}.popover-heading strong{font-size:14px}.popover-empty{padding:24px 8px;text-align:center;color:var(--text-muted)}.popover-empty>app-icon{margin-bottom:12px;color:var(--success);width:28px;height:28px}.popover-empty strong{display:block;font-size:13px;color:var(--text-main)}.popover-empty p{font-size:12px;margin-top:8px}.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 2px var(--bg-surface)}.notification-item{display:flex;gap:12px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--border);text-align:left;width:100%}.notification-item>span:last-child{min-width:0}.notification-item strong{display:block;font-size:12px}.notification-item span span{display:block;font-size:12px;color:var(--text-muted)}.notification-icon{color:var(--primary);padding:8px;border-radius:10px;background:var(--primary-light);height:36px}.profile-popover{width:250px;padding:8px}.account-email{overflow-wrap:anywhere;padding:12px;font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:8px}.signout{color:var(--danger)}.public-links{display:flex;gap:6px;margin-left:36px;font-size:12px;font-weight:550}.public-links a,.public-signin{color:var(--text-muted)}.public-links a{position:relative;padding:11px 14px;border-radius:10px;text-decoration:none;transition:background var(--motion),color var(--motion)}.public-links a:hover,.public-links a:focus-visible,.public-links a.active{color:var(--primary-text);background:var(--primary-light);text-decoration:none}.public-links a.active{font-weight:750}.topbar .brand:hover,.topbar .public-signin:hover{text-decoration:none}.topbar .public-signin:hover{background:var(--primary-light);border-radius:10px}.public-signin{font-size:12px;font-weight:650;padding:10px}.drawer-close,.nav-scrim,.drawer-focus{display:none}.public-start{font-size:12px}.with-sidebar .sidebar-toggle{margin-left:-8px}@media(max-width:1279px){.page-context>span{display:none}.profile-copy{display:none}.header-search{width:26vw}.public-links{margin-left:24px;gap:20px}}@media(max-width:1023px){.workspace-sidebar,.workspace-sidebar.is-collapsed{width:252px;transform:translate(-100%);z-index:1200}.workspace-sidebar.is-mobile-open{transform:translate(0)}.is-mobile-open .brand-copy,.is-mobile-open .nav-label,.is-mobile-open .nav-section-label,.is-mobile-open .sidebar-help{display:block}.is-mobile-open .nav-chevron{display:inline-flex}.is-mobile-open .nav-children{display:block}.workspace-sidebar.is-mobile-open>.brand{padding:24px}.is-mobile-open .nav-link{justify-content:flex-start}.is-mobile-open .workspace-links,.is-mobile-open .sidebar-footer{padding:12px 16px}.topbar.with-sidebar,.topbar.with-sidebar.rail-layout{left:0}.nav-scrim{display:block;position:fixed;inset:0;background:var(--overlay);z-index:1150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-close{display:inline-flex;position:absolute;right:8px;top:2px;width:28px;height:28px}.topbar{padding:0 20px}.public-links,.nav-flyout,.nav-tooltip{display:none}}@media(max-width:600px){.topbar,.topbar.with-sidebar{padding-inline:16px;gap:8px}.page-context{font-size:12px;overflow:hidden;text-overflow:ellipsis}.header-search{display:none}.topbar-actions,.with-sidebar .topbar-actions{margin-left:auto;gap:2px}.profile-trigger{padding-left:8px;gap:0}.profile-trigger>app-icon{display:none}.topbar .brand-mark{width:32px;height:32px;border-radius:10px}.topbar .brand-copy{font-size:22px}.topbar .brand-copy>span{display:none}.topbar .brand{gap:8px}.public-start{padding:8px 10px;min-height:40px}.public-start app-icon{display:none}.topbar .public-signin{font-size:11px;padding:8px 4px}.workspace-entry{font-size:11px;padding:8px}.workspace-entry app-icon{display:none}.header-popover{position:fixed;top:80px;right:16px;width:calc(100vw - 32px)}.topbar-actions>.icon-button{width:36px}.topbar .brand-mark app-icon{width:22px;height:22px}}.landing-page{background:var(--bg-surface)}.landing-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:80px clamp(24px,6vw,88px) 72px;min-height:620px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:750;color:var(--primary-text);letter-spacing:1.6px}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:var(--primary)}.hero-copy h1{font-size:clamp(36px,4.2vw,60px);line-height:1.12;letter-spacing:-2.5px;font-weight:750;margin:24px 0}.hero-copy h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{color:var(--text-muted);font-size:16px;max-width:460px;line-height:1.8}.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-cta .btn{min-height:48px;padding:12px 20px}.hero-trust{display:flex;gap:24px;margin-top:28px;font-size:11px;color:var(--text-muted);flex-wrap:wrap}.hero-trust>span{display:flex;gap:6px;align-items:center}.hero-trust app-icon{width:15px;height:15px;color:var(--success)}.hero-visual{position:relative;min-width:0;aspect-ratio:1.06;background:linear-gradient(145deg,var(--primary-light),var(--bg-main));border:1px solid var(--border);border-radius:32px;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:94%;height:100%;object-fit:contain;position:relative;padding:12px}.visual-grid{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(var(--primary) .6px,transparent .6px);background-size:20px 20px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.hero-float{position:absolute;bottom:28px;left:-24px;display:flex;gap:12px;align-items:center;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);box-shadow:var(--shadow-md)}.float-icon,.feature-icon{display:inline-grid;place-items:center;background:var(--primary-light);color:var(--primary);border:1px solid var(--border);width:44px;height:44px;border-radius:12px}.hero-float strong{display:block;font-size:12px}.hero-float span:not(.float-icon){font-size:10px;color:var(--text-muted)}.learning-strip{display:flex;align-items:center;justify-content:center;gap:40px;padding:28px 32px;border-block:1px solid var(--border);background:var(--bg-main);flex-wrap:wrap}.learning-strip>span{font-size:9px;letter-spacing:1px;color:var(--text-muted);max-width:110px;font-weight:650}.learning-strip>div{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;color:var(--text-muted)}.learning-strip app-icon{color:var(--primary);width:18px;height:18px}.landing-section{max-width:1440px;margin:auto;padding:80px clamp(24px,6vw,88px)}.section-intro h2{font-size:clamp(25px,2.5vw,34px);line-height:1.25;margin:16px 0}.section-intro p{color:var(--text-muted);max-width:510px;font-size:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.benefit-grid article{padding:28px;border:1px solid var(--border);border-radius:16px}.benefit-grid h3{margin:24px 0 12px}.benefit-grid p,.journey-grid p{font-size:13px;color:var(--text-muted);line-height:1.8}.feature-icon.cyan{color:var(--accent);background:var(--bg-main)}.feature-icon.violet{color:var(--secondary);background:var(--primary-light)}.journey-section{background:var(--bg-main);border-block:1px solid var(--border);max-width:none}.journey-section>.section-intro,.journey-grid{max-width:1264px;margin-inline:auto}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:40px}.journey-grid article>span{font-size:12px;font-weight:700;display:inline-flex;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--primary)}.journey-grid h3{margin:20px 0 12px}.portal-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.portal-section h2{font-size:30px;margin:16px 0}.portal-section p{color:var(--text-muted)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-grid>button{padding:24px;text-align:left;border:1px solid var(--border);border-radius:16px;background:var(--bg-main);transition:border-color var(--motion)}.portal-grid>button:hover{border-color:var(--primary)}.portal-grid>button>app-icon{color:var(--primary);margin-bottom:24px}.portal-grid strong{display:block;font-size:16px;margin-bottom:8px}.portal-grid span{display:block;font-size:12px;color:var(--text-muted)}.portal-grid .portal-link{display:flex;align-items:center;gap:12px;color:var(--primary);margin-top:24px;font-weight:600}.portal-link app-icon{width:16px;height:16px}.landing-footer{display:flex;align-items:center;flex-wrap:wrap;gap:32px;border-top:1px solid var(--border);padding:32px clamp(24px,6vw,88px);font-size:12px;color:var(--text-muted)}.landing-footer>div{display:flex;gap:20px;margin-left:auto}.landing-footer>div button{background:transparent;border:0;color:var(--primary);font-size:12px;padding:0}.landing-footer>span{font-size:10px;color:var(--text-light)}.portal-tabs{display:flex;gap:4px;border:1px solid var(--border);background:var(--bg-main);border-radius:10px;padding:4px;margin:24px 0}.portal-tabs button{flex:1;border:0;background:transparent;padding:10px;color:var(--text-muted);border-radius:7px;font-size:12px;font-weight:650}.portal-tabs .active{background:var(--bg-surface);color:var(--primary-text);box-shadow:var(--shadow-sm)}.management-submit{width:100%;justify-content:space-between}.demo-link{display:block;margin:20px auto 0;background:transparent;border:0;color:var(--text-muted);text-decoration:underline;font-size:11px}.inline-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text);padding:12px;border-radius:8px;margin-bottom:16px;font-size:13px}@media(max-width:1023px){.landing-hero{gap:32px;padding-top:48px;min-height:540px}.hero-copy h1{letter-spacing:-1.5px}.hero-float{left:-12px;bottom:12px;padding:12px}.hero-float strong{font-size:11px}.hero-float span:not(.float-icon){display:none}.learning-strip{gap:24px}.portal-section{grid-template-columns:1fr}.benefit-grid{gap:16px}.benefit-grid article{padding:24px}.landing-footer>p{display:none}}@media(max-width:767px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:40px 24px 48px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.hero-visual{max-width:440px;width:100%;justify-self:center;aspect-ratio:1.15}.hero-float{left:12px;right:12px;bottom:12px}.hero-trust{gap:16px}.learning-strip{justify-content:flex-start;padding:24px;gap:20px}.learning-strip>span{max-width:none;flex-basis:100%}.learning-strip>div{font-size:11px}.landing-section{padding:48px 24px}.benefit-grid,.journey-grid{grid-template-columns:1fr;gap:20px}.benefit-grid article{display:block}.journey-grid article{position:relative;padding-left:56px}.journey-grid article>span{position:absolute;left:0;top:0}.journey-grid h3{margin-top:0}.portal-grid{grid-template-columns:1fr}.portal-section h2{font-size:26px}.landing-footer{padding:28px 24px;gap:24px}.landing-footer>div{margin-left:0;flex-wrap:wrap}.landing-footer>span{display:none}.hero-cta .btn{flex:1;font-size:12px}.hero-cta{gap:8px}.hero-cta app-icon{width:16px;height:16px}}.about-landing-section{padding:80px clamp(24px,6vw,88px);background:linear-gradient(135deg,#ffffffeb,#ffffffc7),url(/Bpage.png) center / cover no-repeat;border-block:1px solid var(--border)}.about-landing-section>.container{max-width:1264px;margin:auto;padding:0}.about-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-title{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:12px 0 20px}.about-description{font-size:16px;line-height:1.8}.about-landing-section .stats-grid-2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-landing-section .stat-card{padding:24px;background:#ffffffed}.about-landing-section .stat-num{font-size:32px;font-weight:750;color:var(--primary)}.about-landing-section .stat-label{font-weight:700;margin-top:8px}.about-landing-section .stat-sub{font-size:12px;margin-top:8px;color:var(--text-muted)}.about-landing-section .pillar-card{padding:28px;background:#ffffffed}.about-landing-section .pillar-icon{font-size:28px;margin-bottom:16px}.about-landing-section .pillar-card h3{font-size:20px;margin-bottom:12px}.about-landing-section .pillar-card p{line-height:1.8}.about-landing-section .pillar-list{list-style:none;padding:0;margin-top:20px;font-size:13px;line-height:2}:root[data-theme=dark] .about-landing-section{background:linear-gradient(135deg,#0f172ae8,#0f172ad4),url(/Bpage.png) center / cover no-repeat}:root[data-theme=dark] .about-landing-section .card{background:var(--bg-surface)}@media(max-width:767px){.about-top-grid,.about-landing-section>.container>.grid-cols-2{grid-template-columns:1fr;gap:24px}.about-landing-section{padding:48px 24px}.about-landing-section .stat-card{padding:16px}}.learning-experience{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}.experience-copy h2,.landing-start h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1.3px;margin:18px 0}.experience-copy>p{color:var(--text-muted);font-size:15px;line-height:1.8;max-width:500px}.experience-benefits{list-style:none;padding:0;margin:30px 0;display:grid;gap:24px}.experience-benefits li{display:flex;gap:16px;align-items:flex-start}.experience-benefits .feature-icon{flex-shrink:0}.experience-benefits h3{font-size:15px;margin:2px 0 6px}.experience-benefits p{color:var(--text-muted);font-size:13px;line-height:1.7;margin:0}.experience-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:700}.learning-path-preview{padding:clamp(24px,3vw,40px);background:linear-gradient(145deg,var(--primary-light),var(--bg-surface));border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md)}.preview-label{display:flex;align-items:center;gap:10px;color:var(--primary-text);font-size:10px;font-weight:750;letter-spacing:1.2px}.learning-path-preview>h3{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:26px 0 32px}.learning-path-preview em{font-style:normal;color:var(--primary)}.path-step{display:flex;align-items:center;gap:14px;background:var(--bg-surface);padding:18px;margin:12px 0;border:1px solid var(--border);border-radius:14px}.path-step>span{font-weight:750;font-size:13px;color:var(--primary)}.path-step>div{flex:1}.path-step strong{font-size:13px}.path-step p{font-size:11px;color:var(--text-muted);margin:6px 0 0;line-height:1.6}.path-step>app-icon{color:var(--primary)}.path-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:11px;color:var(--text-muted)}.landing-faq{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px}.faq-questions{display:grid;gap:12px}.faq-questions details{border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);padding:0 22px}.faq-questions summary{cursor:pointer;padding:20px 0;font-size:14px;font-weight:650;line-height:1.6}.faq-questions details[open]{border-color:var(--primary);background:var(--primary-light)}.faq-questions p{font-size:13px;line-height:1.8;color:var(--text-muted);margin:0 0 22px}.landing-start{display:flex;justify-content:space-between;gap:32px;align-items:center;margin:0 clamp(24px,6vw,88px) 72px;padding:clamp(28px,4vw,56px);background:linear-gradient(120deg,var(--primary-light),var(--bg-subtle));border:1px solid var(--border);border-radius:24px}.landing-start p{color:var(--text-muted);line-height:1.8;max-width:460px;font-size:14px}.start-actions{display:grid;gap:12px;flex-shrink:0}.start-actions .btn{min-height:48px;justify-content:center}@media(max-width:1023px){.learning-experience,.landing-faq{grid-template-columns:1fr;gap:36px}.landing-start{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.learning-path-preview{padding:24px 18px}.path-step{padding:14px;gap:10px}.path-footer{font-size:10px}.landing-start{margin:0 24px 48px;padding:24px}.start-actions{width:100%}.start-actions .btn{white-space:normal;text-align:center;font-size:12px}.faq-questions{min-width:0}}app-assessment-view .assessment-page{min-height:calc(100vh - 70px);box-sizing:border-box;background:var(--bg-subtle)}app-assessment-view .briefing-container{max-width:900px;margin:0 auto;border-radius:var(--radius-lg);border:1px solid var(--border)}app-assessment-view .assessment-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}app-assessment-view .assessment-title{font-weight:800;margin:.35rem 0 .25rem}app-assessment-view .type-pill{font-size:.75rem;background:var(--bg-subtle);padding:.2rem .5rem;border-radius:4px}app-assessment-view .exam-specs-grid .spec-box{padding:1.25rem .75rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}app-assessment-view .spec-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}app-assessment-view .spec-val{font-size:1.35rem;font-weight:800;margin-top:.35rem;color:var(--text-main)}app-assessment-view .highlight-primary{color:var(--primary)}app-assessment-view .highlight-success{color:var(--success)}app-assessment-view .pre-exam-icon{margin-bottom:.5rem}app-assessment-view .cbt-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;overflow-y:auto;box-sizing:border-box}app-assessment-view .cbt-test-layout{width:100%;max-width:1300px;margin:0 auto}app-assessment-view .cbt-top-bar{margin-bottom:1.5rem}app-assessment-view .cbt-test-title{font-size:1.625rem;font-weight:800;color:var(--text-main);margin:0}app-assessment-view .cbt-top-timer{box-shadow:0 1px 2px #0000000a}app-assessment-view .cbt-top-timer-icon{font-size:1.15rem}app-assessment-view .cbt-top-timer-info{display:flex;align-items:center;gap:.4rem}app-assessment-view .cbt-top-timer-label{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}app-assessment-view .cbt-top-timer-digits{font-family:monospace;letter-spacing:.05em}app-assessment-view .btn-submit-end{font-weight:700;cursor:pointer;transition:all .15s ease}app-assessment-view .btn-submit-end:hover:not(:disabled){background:var(--danger-light);border-color:var(--danger-text);color:var(--danger-text)}app-assessment-view .btn-submit-end:disabled{opacity:.6;cursor:not-allowed}app-assessment-view .cbt-main-grid{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}app-assessment-view .cbt-question-card{background:var(--bg-surface);border:1px solid var(--border);overflow:hidden}app-assessment-view .cbt-card-header{font-size:.9375rem;font-weight:700}app-assessment-view .cbt-section-heading{font-weight:700}app-assessment-view .cbt-card-body{min-height:380px;display:flex;flex-direction:column}app-assessment-view .cbt-prompt-line{display:flex;gap:.5rem;margin-bottom:1.75rem}app-assessment-view .cbt-q-number{font-size:1.125rem;font-weight:800;color:var(--text-main)}app-assessment-view .cbt-q-text{font-size:1.125rem;font-weight:700;color:var(--text-main);line-height:1.45}app-assessment-view .cbt-image-container{margin-bottom:1.5rem;max-height:300px;overflow:hidden;display:flex;justify-content:center;background:#000;border-radius:6px}app-assessment-view .cbt-img{max-height:300px;object-fit:contain}app-assessment-view .cbt-options-wrapper{flex:1;margin-bottom:2rem}app-assessment-view .cbt-radio-list{display:flex;flex-direction:column;gap:1rem}app-assessment-view .cbt-radio-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none}app-assessment-view .cbt-radio-item:hover{background:var(--bg-subtle)}app-assessment-view .cbt-radio-item.selected{font-weight:700;color:var(--primary-text)}app-assessment-view .cbt-radio-input{transform:scale(1.2);accent-color:var(--primary);cursor:pointer}app-assessment-view .cbt-opt-label{font-size:1rem}app-assessment-view .cbt-short-answer-group{margin-top:.5rem}app-assessment-view .cbt-text-input{margin-top:.5rem;width:100%;max-width:500px;font-size:1rem}app-assessment-view .cbt-question-actions{padding-top:1.25rem;border-top:1px solid var(--bg-subtle)}app-assessment-view .btn-mark-review{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}app-assessment-view .btn-mark-review:hover{background:var(--bg-subtle);border-color:var(--text-muted)}app-assessment-view .btn-mark-review.active-mark{background:var(--primary-light);border-color:var(--primary);color:var(--primary-hover);font-weight:700}app-assessment-view .btn-clear-response{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);padding:.5rem .875rem;border-radius:6px;font-size:.875rem;cursor:pointer}app-assessment-view .btn-clear-response:hover{background:var(--bg-subtle);color:var(--danger)}app-assessment-view .cbt-card-footer{padding:1rem 1.75rem;border-top:1px solid var(--border);background:var(--bg-surface)}app-assessment-view .cbt-footer-counter{color:var(--text-muted);font-size:.875rem;font-weight:600}app-assessment-view .btn-cbt-nav{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}app-assessment-view .btn-cbt-nav:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-muted)}app-assessment-view .btn-cbt-nav:disabled{opacity:.45;cursor:not-allowed;background:var(--bg-subtle)}app-assessment-view .cbt-sidebar{display:flex;flex-direction:column}app-assessment-view .cbt-sidebar-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}app-assessment-view .cbt-sidebar-title{font-size:.875rem;font-weight:800;color:var(--text-main);margin:0 0 .875rem;text-transform:capitalize}app-assessment-view .cbt-section-pill{border:1px solid #bfdbfe;background:var(--primary-light);border-radius:6px;padding:.65rem .875rem}app-assessment-view .cbt-sec-name{font-size:.8125rem;font-weight:700;color:var(--primary-text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-assessment-view .cbt-sec-mins{font-size:.75rem;color:var(--text-muted);font-weight:600}app-assessment-view .cbt-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}app-assessment-view .cbt-palette-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;cursor:pointer;border:none;transition:all .15s ease;justify-self:center}app-assessment-view .cbt-palette-circle.current-active{box-shadow:0 0 0 3px var(--primary-text),0 2px 6px #00000026;font-weight:800}app-assessment-view .cbt-palette-circle.status-answered{background:var(--success);color:var(--bg-surface)}app-assessment-view .cbt-palette-circle.status-not-answered{background:#f97316;color:var(--bg-surface)}app-assessment-view .cbt-palette-circle.status-not-visited{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}app-assessment-view .cbt-palette-circle.status-marked{background:var(--primary);color:var(--bg-surface)}app-assessment-view .cbt-legend-list{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--bg-subtle)}app-assessment-view .cbt-legend-item{display:flex;align-items:center;gap:.75rem}app-assessment-view .legend-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--bg-surface)}app-assessment-view .badge-answered{background:var(--success)}app-assessment-view .badge-not-answered{background:#f97316}app-assessment-view .badge-not-visited{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}app-assessment-view .badge-marked{background:var(--primary)}app-assessment-view .legend-label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}app-assessment-view .submitted-screen-wrapper{margin:1.5rem auto 0}app-assessment-view .submitted-modal-card{background:var(--bg-surface);border:1px solid var(--border);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}app-assessment-view .sub-col-left{border-right:1.5px dashed var(--border)}app-assessment-view .sub-badge-ondemand{font-size:.6875rem;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}app-assessment-view .sub-test-title{font-size:1.35rem;font-weight:800;color:var(--text-main);margin:0 0 1.5rem;line-height:1.35}app-assessment-view .sub-spec-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}app-assessment-view .sub-spec-row{padding-bottom:.25rem}app-assessment-view .sub-spec-key{color:var(--text-muted)}app-assessment-view .sub-spec-val{color:var(--text-main);font-weight:700}app-assessment-view .sub-checklist{display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--bg-subtle)}app-assessment-view .sub-check-item{display:flex;gap:.6rem;color:var(--text-muted)}app-assessment-view .sub-check-icon{color:var(--success);font-weight:800;font-size:.875rem}app-assessment-view .sub-col-right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}app-assessment-view .sub-success-icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--success-light);border:2px solid #a7f3d0;display:flex;align-items:center;justify-content:center}app-assessment-view .sub-success-check{color:var(--success);font-size:1.75rem;font-weight:800;line-height:1}app-assessment-view .sub-submitted-heading{font-size:1.35rem;font-weight:800;color:var(--text-main);margin:0 0 .5rem}app-assessment-view .sub-submitted-subtext{font-size:.875rem;color:var(--text-muted);margin:0 0 1.75rem;max-width:250px;line-height:1.45}app-assessment-view .sub-actions-stack{width:100%;display:flex;flex-direction:column;gap:.75rem}app-assessment-view .btn-sub-check-results{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-main);font-size:.9375rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .15s ease}app-assessment-view .btn-sub-check-results:hover{background:var(--bg-subtle);border-color:var(--text-muted)}app-assessment-view .btn-sub-retake{width:100%;padding:.65rem 1rem;background:transparent;border:1px dashed var(--border);color:var(--primary);font-size:.875rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .15s ease}app-assessment-view .btn-sub-retake:hover{background:var(--primary-light);border-color:var(--primary)}app-assessment-view .result-banner{margin-bottom:2rem}app-assessment-view .passed-banner{background:var(--success-light);border:2px solid var(--success)}app-assessment-view .pending-banner{background:var(--warning-light);border:2px solid var(--warning)}app-assessment-view .questions-list{display:flex;flex-direction:column;gap:1.5rem}app-assessment-view .question-card{background:var(--bg-subtle);border:1px solid var(--border);padding:1.25rem;border-radius:var(--radius-md)}app-assessment-view .question-prompt{font-weight:700;margin-bottom:1rem}app-assessment-view .question-image-box{border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#000;display:flex;justify-content:center;max-height:380px}app-assessment-view .question-img{max-width:100%;max-height:380px;object-fit:contain}app-assessment-view .review-card{background:var(--bg-surface)}app-assessment-view .review-correct{border-left:5px solid var(--success)}app-assessment-view .review-incorrect{border-left:5px solid var(--danger)}app-assessment-view .comparison-label{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em}app-assessment-view .comparison-value{font-size:.9375rem;margin-top:.2rem}app-assessment-view .text-success{color:var(--success)}app-assessment-view .text-danger{color:var(--danger)}app-assessment-view .proctor-modal-backdrop{position:fixed;inset:0;z-index:9999999;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem}app-assessment-view .proctor-modal-box{background:var(--bg-surface);border:2.5px solid var(--danger);border-radius:16px;max-width:500px;width:100%;padding:2.25rem 2rem;text-align:center;box-shadow:0 25px 50px -12px #ef444459;animation:gnosis-assessment-proctorShake .4s ease}@keyframes gnosis-assessment-proctorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}app-assessment-view .proctor-warning-icon{font-size:3.5rem;margin-bottom:.5rem;line-height:1}app-assessment-view .proctor-warning-title{font-size:1.35rem;font-weight:800;color:var(--danger);margin:0 0 .75rem}app-assessment-view .proctor-reason-tag{display:inline-block;background:var(--danger-light);border:1px solid #fecaca;color:var(--danger-text);padding:.35rem .85rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}app-assessment-view .proctor-warning-text{font-size:.9375rem;color:var(--text-muted);line-height:1.5;margin:0 0 1.25rem}app-assessment-view .proctor-remaining-badge{background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c;padding:.75rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:700;margin-bottom:1.75rem}app-assessment-view .proctor-remaining-badge.badge-danger-alert{background:var(--danger-light);border-color:#fca5a5;color:var(--danger-text)}app-assessment-view .btn-proctor-return{width:100%;background:var(--danger);color:var(--bg-surface);border:none;padding:.85rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease;box-shadow:0 2px 4px #dc262633}app-assessment-view .btn-proctor-return:hover{background:var(--danger-text)}@media(max-width:900px){app-assessment-view .cbt-main-grid{grid-template-columns:1fr}app-assessment-view .submitted-modal-card{grid-template-columns:1fr}app-assessment-view .sub-col-left{border-right:none;border-bottom:1.5px dashed var(--border)}app-assessment-view .assessment-page{padding:1rem .75rem 3rem}}app-dashboard .dashboard-page{padding-top:2rem;padding-bottom:4rem}app-dashboard .stats-grid{padding-top:1.5rem;border-top:1px solid var(--border)}app-dashboard .highlight-warning{color:var(--warning)}app-dashboard .highlight-success{color:var(--success)}app-dashboard .section-header h2,app-dashboard .section-header h3{font-weight:700}app-dashboard .course-progress-card{flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);transition:all .25s ease}app-dashboard .card-thumb-wrapper{position:relative;width:100%;height:130px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;border-bottom:1px solid var(--border);flex-shrink:0}app-dashboard .thumb-badge-overlay{position:absolute;top:8px;left:8px;z-index:2}app-dashboard .thumb-badge-overlay .badge{font-size:.6875rem;padding:.2rem .5rem;box-shadow:0 2px 4px #0000001f}app-dashboard .card-thumbnail{max-width:100%;max-height:100%;object-position:center;transition:transform .3s ease}app-dashboard .course-progress-card:hover .card-thumbnail,app-dashboard .course-admin-card:hover .card-thumbnail{transform:scale(1.06)}app-dashboard .card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}app-dashboard .instructor-tag{font-size:.75rem;color:var(--text-muted);font-weight:600}app-dashboard .course-card-title{margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}app-dashboard .progress-wrapper{margin:.5rem 0}app-dashboard .progress-meta{margin-top:.375rem;font-weight:600}app-dashboard .card-footer{padding-top:.625rem;margin-top:auto}app-dashboard .last-lesson-info{font-size:.8125rem;font-weight:600}app-dashboard .certificates-section{margin-top:2rem}app-dashboard .cert-card{border-left:4px solid var(--warning)}app-dashboard .cert-badge{font-size:2rem}app-dashboard .cert-id{font-size:.6875rem;font-weight:700;color:var(--primary)}app-dashboard .cert-title{font-weight:700}app-dashboard .cert-meta{font-size:.75rem;margin-top:.5rem}app-dashboard .tasks-list{display:flex;flex-direction:column;gap:.875rem}app-dashboard .task-item.overdue{border-left:4px solid var(--danger)}app-dashboard .task-type-badge{font-size:.6875rem;font-weight:700;color:var(--secondary-hover)}app-dashboard .task-type-badge.quiz{color:var(--primary)}app-dashboard .task-title{margin:.375rem 0 .125rem}app-dashboard .empty-tasks{padding:1.5rem 0;font-size:.875rem}app-dashboard .announcements-feed{display:flex;flex-direction:column;gap:1rem}app-dashboard .announcement-item{padding-bottom:.75rem}app-dashboard .announcement-item:last-child{border-bottom:none;padding-bottom:0}app-dashboard .ann-title{font-size:.8125rem;font-weight:700}app-dashboard .ann-time{font-size:.6875rem}app-dashboard .ann-content{margin:.25rem 0}app-dashboard .ann-author{font-size:.6875rem;font-style:italic}app-dashboard .empty-state{padding:3rem}app-dashboard .empty-icon{font-size:3rem;margin-bottom:.5rem}app-dashboard .instructor-courses-list{flex-direction:column}app-dashboard .course-admin-card{display:flex;flex-direction:row;align-items:center;background:var(--bg-surface);transition:all .25s ease}app-dashboard .course-admin-card .card-thumb-wrapper{position:relative;width:140px;height:95px;min-width:140px;max-width:140px;background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--bg-subtle) 100%);display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;border-right:1px solid var(--border);border-bottom:none;flex-shrink:0;margin:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}app-dashboard .course-admin-card .card-thumbnail{max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .3s ease}app-dashboard .course-admin-card:hover .card-thumbnail{transform:scale(1.05)}app-dashboard .course-admin-card .course-card-content{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;min-width:0}app-dashboard .course-admin-card .course-info{flex:1;min-width:0}app-dashboard .course-admin-card .course-card-title{font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--text-main);margin:.2rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-dashboard .course-admin-card .course-desc{font-size:.8125rem;line-height:1.4;color:var(--text-muted);margin:.2rem 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}app-dashboard .course-admin-card .admin-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-top:0;padding-top:0;border-top:none}app-dashboard .course-admin-card .admin-card-actions .btn{font-size:.8125rem;padding:.4rem .75rem;white-space:nowrap}@media(max-width:768px){app-dashboard .course-admin-card{flex-direction:column;align-items:stretch}app-dashboard .course-admin-card .card-thumb-wrapper{width:100%;max-width:100%;height:140px;border-right:none;border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}app-dashboard .course-admin-card .course-card-content{flex-direction:column;align-items:stretch;padding:1rem;gap:1rem}app-dashboard .course-admin-card .admin-card-actions{width:100%;justify-content:flex-start}}app-profile .profile-layout{margin-top:1.5rem}@media(max-width:840px){app-profile .profile-layout{grid-template-columns:1fr}}app-profile .avatar-wrapper-rel{position:relative;display:inline-block;margin:0 auto}app-profile .avatar-overlay-btn{position:absolute;bottom:2px;right:2px;background:var(--primary);color:var(--bg-surface);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .15s ease;border:2.5px solid var(--bg-surface)}app-profile .avatar-overlay-btn:hover{background:var(--primary-hover);transform:scale(1.08)}app-profile .profile-avatar-lg{object-fit:cover;margin:0 auto;display:block}app-profile .meta-item{display:flex;justify-content:space-between;margin-bottom:.75rem}@media(max-width:640px){app-profile .form-grid{grid-template-columns:1fr}}app-profile .alert-box{display:block;margin-top:1rem}app-profile .justify-end{justify-content:flex-end}app-profile .btn-success-updated{background:var(--success)!important;border-color:var(--success)!important;color:var(--bg-surface)!important;box-shadow:0 0 0 3px #10b98140!important;font-weight:700!important}app-profile .spin-svg{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}app-admin-approvals{width:100%}app-admin-approvals .approvals-page{width:98%!important;max-width:98vw!important;box-sizing:border-box}app-admin-approvals .approvals-hero{width:100%}app-admin-approvals .tab-btn{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}app-admin-approvals .tab-btn:hover{color:var(--primary)}app-admin-approvals .count-pill{font-weight:800}app-admin-approvals .count-pill.highlight{background:var(--warning-light);color:var(--warning-text)}app-admin-approvals .count-pill.highlight-danger{background:var(--danger-light);color:var(--danger-text)}app-admin-approvals .approvals-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}app-admin-approvals .approvals-table th{font-weight:800;border-bottom:1px solid var(--border);text-transform:uppercase;white-space:nowrap}app-admin-approvals .approvals-table td{vertical-align:middle;white-space:nowrap}app-admin-approvals .course-mini-thumb{border:1px solid var(--border)}app-admin-approvals .user-avatar{object-fit:cover;border:1px solid var(--border)}app-admin-approvals .cost-cell-linear,app-admin-approvals .cost-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}app-admin-approvals .cost-amount-badge{display:inline-flex;align-items:center;font-size:.9375rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}app-admin-approvals .cost-amount-badge.free{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border)}app-admin-approvals .cost-type-label{color:var(--text-muted);font-weight:600;white-space:nowrap}app-admin-approvals .original-price-strikethrough{text-decoration:line-through;color:var(--text-muted);font-size:.75rem;font-weight:600;margin-left:2px;white-space:nowrap;display:inline-block}app-admin-approvals .discount-badge{border:1px solid #fecaca;font-size:.6875rem;font-weight:800;padding:1px 6px;border-radius:4px;white-space:nowrap;display:inline-block}app-admin-approvals .justify-end{justify-content:flex-end}app-admin-approvals .modal-backdrop{top:0;left:0;width:100vw;height:100vh}app-admin-approvals .modal-dialog{overflow-y:auto;max-width:520px}app-admin-approvals .btn-text{background:transparent;border:none;font-size:1.125rem;cursor:pointer;color:var(--text-muted)}app-grading-desk .desk-table{width:100%;border-collapse:collapse;text-align:left}app-grading-desk .desk-table th{font-weight:800;border-bottom:1px solid var(--border);text-transform:uppercase}app-grading-desk .modal-backdrop{top:0;left:0;width:100vw;height:100vh}app-grading-desk .modal-dialog{overflow-y:auto;max-width:600px}app-grading-desk .close-btn{cursor:pointer}app-grading-desk .detail-label{font-size:.75rem;font-weight:700;color:var(--text-muted)}app-grading-desk .student-text{margin-top:.25rem}app-grading-desk .modal-footer{border-top:1px solid var(--border);padding-top:1rem}app-test-creator .fullscreen-studio{position:fixed;inset:0;width:100vw;display:flex;flex-direction:column}app-test-creator .studio-topbar{position:sticky;top:0;left:0;width:100%;z-index:10001}app-test-creator .studio-nav-inner{margin:0 auto;width:100%}app-test-creator .studio-title{margin:.15rem 0 0}app-test-creator .btn-back{background:var(--bg-subtle);border:1px solid var(--border);padding:.5rem .875rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;color:var(--text-main);transition:all .15s ease}app-test-creator .btn-back:hover{background:var(--border)}app-test-creator .points-pill{padding:.5rem 1rem;border-radius:var(--radius-md);display:flex;gap:.5rem;align-items:center}app-test-creator .studio-main-container{width:100%;margin:0 auto;flex:1}app-test-creator .form-grid-4{display:grid}app-test-creator .studio-textarea{font-size:1rem;line-height:1.5}app-test-creator .question-top-row{padding-bottom:.875rem;border-bottom:1px solid var(--border)}app-test-creator .q-number-badge{font-weight:800;padding:.35rem .75rem}app-test-creator .q-type-select{font-weight:700;font-size:.9375rem;padding:.45rem .75rem;border:2px solid var(--border)}app-test-creator .btn-delete-q{background:var(--danger-light);border:1px solid #fecaca;color:var(--danger-text);font-weight:600;padding:.4rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;transition:all .15s ease}app-test-creator .btn-delete-q:hover{background:var(--danger-light)}app-test-creator .question-preview-thumb{max-height:180px;border-radius:6px;border:2px solid var(--border);display:block}app-test-creator .btn-clear-preview{margin-top:.35rem;background:var(--danger-light);color:var(--danger-text);border:1px solid #fca5a5;padding:.25rem .5rem;font-size:.75rem;border-radius:4px;cursor:pointer}app-test-creator .options-grid{display:flex;flex-direction:column;gap:.75rem}app-test-creator .option-row-item{transition:border-color .15s ease}app-test-creator .option-row-correct{border:2px solid var(--success)}app-test-creator .option-letter-badge{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;min-width:65px}app-test-creator .q-radio{transform:scale(1.3);accent-color:var(--primary);cursor:pointer}app-test-creator .btn-remove-opt{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}app-test-creator .btn-remove-opt:hover{color:var(--danger)}app-test-creator .boolean-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}app-test-creator .bool-card{cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .15s ease}app-test-creator .bool-card:hover{border-color:var(--border)}app-test-creator .bool-text{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800}app-test-creator .bottom-publish-bar{border:1px solid var(--border);border-radius:var(--radius-lg)}app-login .auth-header h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}app-register .auth-page{display:flex;align-items:center;justify-content:center}app-register .auth-header h2{font-size:1.85rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem}app-register .register-grid{display:grid;margin-bottom:2rem}app-register .form-section{display:flex;flex-direction:column;gap:1rem}app-register .section-subtitle{display:flex;align-items:center;gap:.5rem;margin:0}app-register .role-pill{display:flex;align-items:center;height:42px;padding:0 .85rem;border-radius:var(--radius-md)}app-register .submit-wrap{display:flex;flex-direction:column;gap:1rem;align-items:center}app-register .btn-submit{width:100%;max-width:440px;font-size:1rem;font-weight:700;border-radius:10px}@media(max-width:820px){app-register .auth-card{padding:1.75rem}app-register .register-grid{grid-template-columns:1fr;gap:1.75rem}}app-course-builder .builder-page{box-sizing:border-box}app-course-builder .builder-card{width:100%}app-course-builder .section-title{font-weight:700;color:var(--text-main);line-height:1.2}app-course-builder .module-card-header{border-bottom:1px solid var(--bg-subtle)}app-course-builder .module-title-input{background:var(--bg-subtle);padding:.35rem .65rem}app-course-builder .btn-text{background:transparent;border:none;cursor:pointer;font-weight:600}@media(max-width:768px){app-course-builder .builder-page{padding:.75rem .75rem 2rem}app-course-builder .builder-card{padding:.85rem}}app-course-catalog .catalog-title{margin-bottom:.25rem}app-course-catalog .header-row{margin-bottom:1.5rem}app-course-catalog .filter-bar{padding-top:1.25rem;border-top:1px solid var(--border)}app-course-catalog .course-card{background:var(--bg-surface);height:100%}app-course-catalog .card-thumb-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;border-bottom:1px solid var(--border);flex-shrink:0}app-course-catalog .card-thumbnail{max-width:100%;max-height:100%;object-position:center}app-course-catalog .thumb-badge-overlay{position:absolute;z-index:2}app-course-catalog .thumb-badge-overlay .badge{font-size:.6875rem;padding:.2rem .5rem;box-shadow:0 2px 4px #0000001f}app-course-catalog .course-card-content{min-width:0}app-course-catalog .course-title{margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}app-course-catalog .instructor-name{font-weight:500;color:var(--text-muted);margin:0 0 .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-course-catalog .course-desc{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .5rem}app-course-catalog .curriculum-summary{display:flex;align-items:center;margin-bottom:.65rem}app-course-catalog .course-card-bottom{margin-top:auto;border-top:1px solid var(--bg-subtle);display:flex;align-items:center;justify-content:space-between}app-course-catalog .price-container{display:flex;align-items:baseline;gap:.4rem;min-width:0}app-course-catalog .course-price{line-height:1}app-course-catalog .original-price{font-size:.75rem;color:var(--text-muted);text-decoration:line-through;font-weight:500;line-height:1}app-course-catalog .card-actions{align-items:center;flex-shrink:0}app-course-catalog .btn-catalog-action{display:inline-flex;align-items:center;justify-content:center;height:28px;text-decoration:none;transition:all .15s ease;cursor:pointer;white-space:nowrap}app-course-catalog .btn-enroll{border:1px solid var(--primary)}app-course-catalog .btn-enroll:hover{background:var(--primary)}app-course-catalog .btn-enroll:disabled{opacity:.6;cursor:not-allowed}app-course-catalog .btn-preview{border:1px solid var(--border)}app-course-catalog .btn-preview:hover{background:var(--bg-subtle);border-color:var(--text-muted);color:var(--text-main)}app-course-catalog .btn-resume{border:1px solid var(--success)}app-course-catalog .btn-resume:hover{background:var(--success)}app-course-catalog .btn-edit{border:1px solid var(--primary)}app-course-catalog .btn-edit:hover{background:var(--primary)}app-course-catalog .badge-status-pending{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;background:var(--warning-light);color:var(--warning-text);border:1px solid #fde68a;white-space:nowrap}@media(max-width:640px){app-course-catalog .courses-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}app-course-player .player-layout{overflow:hidden}app-course-player .sidebar-course-title{font-weight:700}app-course-player .modules-accordion{flex:1;overflow-y:auto;padding:.5rem 0}app-course-player .module-group{margin-bottom:.5rem}app-course-player .lessons-list{display:flex;flex-direction:column}app-course-player .lesson-btn{cursor:pointer;font-family:inherit;transition:background .15s;width:100%}app-course-player .lesson-title{font-weight:600;color:var(--text-main)}app-course-player .lesson-btn.active .lesson-title{color:var(--primary-text);font-weight:700}app-course-player .status-indicator{font-size:.875rem;color:var(--text-light)}app-course-player .lesson-btn.completed .status-indicator{color:var(--success);font-weight:800}app-course-player .sidebar-footer{border-top:1px solid var(--border)}app-course-player .player-stage{flex:1;overflow-y:auto}app-course-player .stage-title{font-weight:800;margin:.35rem 0 .25rem}app-course-player .material-container{margin:1.5rem 0 1rem}app-course-player .video-wrapper{position:relative;padding-top:56.25%}app-course-player .main-video{position:absolute;top:0;left:0}app-course-player .embedded-pdf-container{width:100%;height:720px;display:flex;flex-direction:column;transition:all .2s ease-in-out}app-course-player .embedded-pdf-container.is-expanded{position:fixed;inset:65px 15px 15px;z-index:9999;height:auto;box-shadow:0 25px 50px -12px #00000073;border:2px solid var(--primary)}app-course-player .pdf-inline-frame{flex:1;border:none;background:#525659}app-course-player .cert-alert{border:2px solid var(--success);margin-bottom:1.5rem}app-course-player .preview-mode-banner{border:1px solid #fcd34d;border-left:4px solid var(--warning);border-radius:8px}app-course-player .badge-status-pending{font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;background:var(--warning-light);color:var(--warning-text);border:1px solid #fde68a;white-space:nowrap}app-course-player .lesson-btn.is-locked{background:var(--bg-main)}app-course-player .lesson-btn.is-locked:hover{background:var(--danger-light)}app-course-player .preview-chip{font-size:.625rem;padding:1px 5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}app-course-player .lock-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);background:var(--bg-subtle);padding:2px 6px;border-radius:4px}app-course-player .locked-stage-card{padding:3.5rem 2rem;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border);margin-bottom:2rem}app-course-player .locked-icon-huge{font-size:3.5rem;margin-bottom:.75rem}app-course-player .locked-title{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}app-course-player .locked-desc{font-size:.9375rem;line-height:1.5;margin-bottom:2rem}app-course-player .locked-status-card{max-width:540px;margin:0 auto;padding:1.25rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px}app-course-forum .threads-list{flex-direction:column}app-course-forum .thread-card{background:var(--bg-surface)}app-course-forum .thread-author{margin-left:.5rem}app-course-forum .thread-title{margin:.75rem 0 1rem}app-course-forum .posts-list{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}app-course-forum .post-item{border-left:3px solid var(--border)}app-course-forum .post-item.initial-post{background:var(--bg-subtle);border-left-color:var(--primary)}app-course-forum .post-item.instructor-post{border-left-color:var(--warning)}app-course-forum .post-content{margin-top:.25rem}app-student-notepad .notepad-floating-trigger{position:fixed;z-index:1050}app-student-notepad .pencil-action-btn{position:relative;background-color:var(--primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}app-student-notepad .pencil-action-btn:hover{background-color:var(--primary-hover);box-shadow:0 14px 28px -4px #2563eb99,0 10px 10px -5px #0000004d}app-student-notepad .student-notepad-container{display:flex;flex-direction:column;overflow:hidden;font-family:inherit;position:relative}app-student-notepad .student-notepad-container.is-moving,app-student-notepad .student-notepad-container.is-resizing{-webkit-user-select:none!important;user-select:none!important;box-shadow:0 25px 50px -12px #0f172a66,0 0 0 2px var(--primary)!important}app-student-notepad .student-notepad-container.is-moving .notepad-editor,app-student-notepad .student-notepad-container.is-resizing .notepad-editor{pointer-events:none}app-student-notepad .student-notepad-container.floating-window{position:fixed;z-index:1060;min-width:min(320px,calc(100vw - 24px));min-height:min(240px,calc(100dvh - 24px));max-width:98vw;max-height:98vh;animation:window-appear .2s cubic-bezier(.16,1,.3,1)}@keyframes window-appear{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}app-student-notepad .student-notepad-container.floating-window.is-maximized{top:12px!important;left:12px!important;width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-width:none!important;max-height:none!important;border-radius:8px}app-student-notepad .student-notepad-container.floating-window.is-minimized{height:auto!important;min-height:0!important}app-student-notepad .resize-handle{position:absolute;z-index:25;background:transparent;transition:background .15s ease}app-student-notepad .resize-handle:hover{background:#3b82f640}app-student-notepad .resize-handle.edge-top{top:0;left:10px;right:10px;height:6px;cursor:ns-resize}app-student-notepad .resize-handle.edge-bottom{bottom:0;left:10px;right:10px;height:6px;cursor:ns-resize}app-student-notepad .resize-handle.edge-left{left:0;top:10px;bottom:10px;width:6px;cursor:ew-resize}app-student-notepad .resize-handle.edge-right{right:0;top:10px;bottom:10px;width:6px;cursor:ew-resize}app-student-notepad .resize-handle.corner-top-left{top:0;left:0;width:12px;height:12px;cursor:nwse-resize;z-index:30}app-student-notepad .resize-handle.corner-top-right{top:0;right:0;width:12px;height:12px;cursor:nesw-resize;z-index:30}app-student-notepad .resize-handle.corner-bottom-left{bottom:0;left:0;width:12px;height:12px;cursor:nesw-resize;z-index:30}app-student-notepad .resize-handle.corner-bottom-right{bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize;z-index:30}app-student-notepad .student-notepad-container.embedded-view{width:100%;height:600px;margin-top:1rem;border:1px solid var(--border)}app-student-notepad .notepad-header{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0}app-student-notepad .notepad-header.draggable-header{cursor:grab}app-student-notepad .notepad-header.draggable-header:active{cursor:grabbing}app-student-notepad .drag-grip-icon{font-size:1rem;opacity:.6;cursor:grab;margin-right:.15rem;line-height:1}app-student-notepad .drag-grip-icon:hover{opacity:1}app-student-notepad .header-icon{font-size:1.15rem}app-student-notepad .header-title{letter-spacing:-.01em}app-student-notepad .save-status{padding:.15rem .5rem;border-radius:9999px;background:#22c55e33;display:inline-flex;align-items:center;gap:.25rem;font-weight:600}app-student-notepad .save-status.saving{background:#eab30833;color:#facc15}app-student-notepad .spinner-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#facc15;animation:blink .8s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:1}}app-student-notepad .window-ctrl-btn{border:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .15s ease}app-student-notepad .window-ctrl-btn.close-btn:hover{background:var(--danger);color:var(--bg-surface)}app-student-notepad .notepad-tabs-bar{display:flex;align-items:center;overflow-x:auto;flex-shrink:0}app-student-notepad .tabs-scroll-wrapper{display:flex;align-items:flex-end;gap:.35rem;overflow-x:auto;flex:1;scrollbar-width:thin}app-student-notepad .note-tab{display:flex;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;border-top:2px solid transparent;max-width:170px}app-student-notepad .note-tab:hover{background:var(--border);color:var(--text-main)}app-student-notepad .note-tab.active{border-top:2px solid var(--primary)}app-student-notepad .tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-student-notepad .tab-close-btn{font-size:.75rem;cursor:pointer;line-height:1}app-student-notepad .tab-close-btn:hover{background:var(--danger-light);color:var(--danger)}app-student-notepad .add-tab-btn{padding:.35rem .7rem;border:1px dashed var(--text-muted);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;margin-bottom:.25rem;transition:all .15s ease}app-student-notepad .add-tab-btn:hover{background:var(--primary);color:var(--bg-surface);border-color:var(--primary)}app-student-notepad .notepad-toolbar{display:flex;align-items:center;flex-shrink:0}app-student-notepad .toolbar-group{display:flex;align-items:center;gap:.25rem}app-student-notepad .toolbar-divider{width:1px;height:18px;background:var(--border);margin:0 .2rem}app-student-notepad .tool-btn{border:1px solid var(--border);padding:.25rem .5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;height:28px}app-student-notepad .tool-btn:hover{border-color:var(--text-muted)}app-student-notepad .tool-btn.highlight-btn{background:#fef08a;border-color:#fde047;color:var(--warning-text)}app-student-notepad .tool-btn.highlight-btn:hover{background:#fde047}app-student-notepad .toolbar-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-right:.15rem}app-student-notepad .color-dot{border-radius:50%;border:2px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0;transition:transform .15s ease}app-student-notepad .color-dot:hover{transform:scale(1.25)}app-student-notepad .custom-color-picker{cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;padding:.1rem .25rem;border-radius:4px}app-student-notepad .custom-color-picker:hover{background:var(--border)}app-student-notepad .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}app-student-notepad .notepad-editor-wrapper{flex:1;overflow-y:auto;padding:.85rem 1rem;background:var(--bg-surface);min-height:120px}app-student-notepad .notepad-editor{min-height:100%;outline:none;font-size:.9375rem;line-height:1.6;word-break:break-word}app-student-notepad .notepad-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic;pointer-events:none}app-student-notepad .notepad-editor p{margin:0 0 .5rem}app-student-notepad .notepad-editor ul,app-student-notepad .notepad-editor ol{margin:0 0 .5rem 1.25rem}app-student-notepad .notepad-footer{padding:.4rem .85rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;-webkit-user-select:none;user-select:none}app-student-notepad .resize-hint{color:var(--text-muted);font-size:.7rem;font-weight:600}app-student-notepad .text-xs{font-size:.75rem}[data-ui=u-63b8cf1a]{margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem}[data-ui=u-ee129ae4]{border-color:var(--primary)}[data-ui=u-5193ab3f]{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}[data-ui=u-0063a55b]{margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}[data-ui=u-a2b44b15]{font-size:.75rem}[data-ui=u-2e8d32f6]{margin:.25rem 0 0;font-size:.8125rem}[data-ui=u-5a691d5a]{margin:.75rem 0;padding:.75rem 1rem;background:var(--danger-light);border:1px solid #fecdd3;border-radius:var(--radius-md)}[data-ui=u-e51b3ad5]{color:var(--danger-text);font-weight:700;font-size:.8125rem}[data-ui=u-7e65b65c]{color:var(--warning)}[data-ui=u-f75d63c1]{color:var(--danger)}[data-ui=u-dab43fb9]{margin-top:1rem}[data-ui=u-d1551948]{margin-top:.75rem;width:100%}[data-ui=u-45c1091f]{font-size:.75rem;font-weight:700}[data-ui=u-80a30c07]{gap:.5rem;flex-wrap:wrap}[data-ui=u-3db3cec2]{background:var(--primary-light);border:2px solid var(--primary);margin-bottom:1.5rem}[data-ui=u-3f71fd63]{font-size:.875rem}[data-ui=u-d88b012a]{background:var(--warning-light);border:2px solid var(--warning);margin-bottom:2rem}[data-ui=u-934ec49d]{margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.25rem}[data-ui=u-6e448ae6]{margin-bottom:.35rem;flex-wrap:wrap}[data-ui=u-03cde5d6]{font-weight:800;font-size:.75rem}[data-ui=u-58418e9e]{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca;font-size:.6875rem;font-weight:800;padding:1px 5px}[data-ui=u-d3f55731]{margin-top:.5rem;padding:.5rem .75rem;background:var(--danger-light);border:1px solid #fecdd3;border-radius:var(--radius-md)}[data-ui=u-ba752595]{color:var(--danger-text);font-weight:700;font-size:.75rem}[data-ui=u-4797613f]{padding:3rem}[data-ui=u-f2892a2e]{display:none}[data-ui=u-b9174c04]{font-size:.8125rem}[data-ui=u-7599dafa]{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.25rem}[data-ui=u-433cbda8]{background:var(--bg-subtle);color:var(--text-muted)}[data-ui=u-41a087a0]{margin-top:1.25rem}[data-ui=u-4489f2d8]{font-weight:700;font-size:.9375rem}[data-ui=u-b8ce19a0]{display:flex;align-items:center;gap:1.25rem;padding:1rem;background:var(--bg-subtle);border:1.5px dashed var(--border);border-radius:var(--radius-md)}[data-ui=u-969aa61e]{position:relative;width:68px;height:68px;border-radius:50%;overflow:hidden;border:2.5px solid var(--primary);flex-shrink:0;background:var(--bg-surface);box-shadow:var(--shadow-sm)}[data-ui=u-4a466668]{width:100%;height:100%;object-fit:cover}[data-ui=u-76f789a6]{cursor:pointer;padding:.5rem 1rem}[data-ui=u-b1afd43d]{font-size:.75rem;margin-top:.4rem}[data-ui=u-57aa1e7a]{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}[data-ui=u-ee83c85f]{font-size:.8125rem;margin-bottom:1rem}[data-ui=u-01543b34]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}[data-ui=u-b41c2e3a]{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border)}[data-ui=u-58ed3135]{background:var(--success-light);color:var(--success-text);border:1.5px solid #a7f3d0;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:.875rem}[data-ui=u-84c2db7f]{min-width:170px;transition:all .2s ease}[data-ui=u-b244449c]{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}[data-ui=u-d4f7536f]{margin-top:1.5rem}[data-ui=u-66dbe647]{margin-bottom:1rem;padding:.75rem 1.25rem}[data-ui=u-f25f72bb]{color:var(--danger);font-weight:700}[data-ui=u-d772d04d]{padding:0;overflow-x:auto}[data-ui=u-93c6e1d4]{white-space:nowrap}[data-ui=u-88ecb937]{font-size:.7rem;white-space:nowrap}[data-ui=u-8a44025c]{white-space:nowrap;margin-top:3px}[data-ui=u-2d7d74ed]{font-size:.75rem;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}[data-ui=u-232c32b2]{font-size:.75rem;margin-top:.35rem;color:var(--danger-text);max-width:250px;line-height:1.35;background:var(--danger-light);padding:4px 8px;border-radius:4px;border:1px solid #fecaca;white-space:normal}[data-ui=u-9e560142]{color:var(--danger);white-space:nowrap}[data-ui=u-2ea60cdb]{background:var(--danger-light);border:1px solid #fecdd3;margin-bottom:1rem;padding:1rem 1.25rem}[data-ui=u-aed7a391]{font-size:.8125rem;margin:0}[data-ui=u-7b93a702]{font-size:.8125rem;color:var(--danger-text);line-height:1.4;background:var(--danger-light);padding:.625rem .75rem;border-radius:6px;border:1px solid #fecaca}[data-ui=u-73342626]{font-size:.75rem;margin-top:.25rem;white-space:normal}[data-ui=u-83c0f2a1]{font-size:.6875rem;white-space:nowrap}[data-ui=u-84f19bff]{max-width:260px;padding:.35rem .75rem;font-size:.8125rem}[data-ui=u-5c514ebb]{font-size:.6875rem}[data-ui=u-d370ae99]{font-size:.75rem;margin-top:2px}[data-ui=u-f01019e8]{font-size:.75rem;font-weight:600}[data-ui=u-4a03faca]{font-family:monospace;font-size:.8125rem;font-weight:700;background:var(--border);color:var(--text-main)}[data-ui=u-7da948a8]{max-width:540px}[data-ui=u-1c09f0c0]{margin-bottom:.5rem}[data-ui=u-d37927a2]{font-size:.8125rem;margin-bottom:1.25rem}[data-ui=u-b277faaf]{margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}[data-ui=u-3ca87922]{width:64px;height:48px;border-radius:6px;object-fit:cover;border:1px solid var(--border)}[data-ui=u-aeb83f41]{margin-top:2px}[data-ui=u-ba04dcd5]{font-size:1rem}[data-ui=u-72f41067]{font-size:.85rem;padding:.35rem .75rem}[data-ui=u-4dddd9e9]{font-size:.7rem;display:block}[data-ui=u-c528dc71]{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}[data-ui=u-ffa089e0]{max-width:520px}[data-ui=u-f267e3ca]{margin-bottom:1rem}[data-ui=u-7449dbe7]{width:56px;height:42px;border-radius:6px;object-fit:cover;border:1px solid var(--border)}[data-ui=u-38f8f53b]{margin:.5rem 0 1rem}[data-ui=u-d011e6b1]{background:var(--danger);border-color:var(--danger)}[data-ui=u-5eb54310]{max-width:580px}[data-ui=u-8d715cfd]{margin-bottom:1.25rem;padding:.85rem;background:var(--bg-main);border-radius:12px;border:1px solid var(--border)}[data-ui=u-613130df]{margin-bottom:.5rem;display:block;font-weight:700}[data-ui=u-2822de0b]{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}[data-ui=u-cb8a8ef7]{font-size:.7rem}[data-ui=u-648149ce]{margin-bottom:0}[data-ui=u-342d988c]{margin-top:.75rem}[data-ui=u-a04348ea]{max-width:600px;margin:0 auto}[data-ui=u-75e802cd]{margin:2rem 0}[data-ui=u-86ce55aa]{background:var(--bg-subtle);border:1px solid var(--border);padding:1.25rem;margin-bottom:2rem}[data-ui=u-42acb60e]{font-weight:700}[data-ui=u-278e5ffb]{font-size:.8125rem;font-weight:600}[data-ui=u-6d812f49]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=u-d8600c5b]{font-weight:700;margin-top:1rem;font-size:1.1rem}[data-ui=u-b94126b8]{margin-top:2rem;padding:2rem;background:var(--bg-surface)}[data-ui=u-ff227d06]{margin:0}[data-ui=u-b57afc0a]{margin-bottom:.75rem}[data-ui=u-ba7872fd]{background:var(--bg-surface);padding:.875rem;border:1px solid var(--border);margin-top:.75rem}[data-ui=u-31bebff0]{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}[data-ui=u-a4812596]{padding:2rem}[data-ui=u-ee3d55bf]{flex:1}[data-ui=u-4bf9814a]{margin-top:.5rem;background:var(--bg-subtle);padding:.5rem .75rem;border-radius:6px}[data-ui=u-be567805]{font-size:.75rem;margin-bottom:.25rem}[data-ui=u-cbe3fd6c]{font-size:.75rem;margin-top:.25rem}[data-ui=u-cee5c582]{margin-top:2rem}[data-ui=u-7d7d4a6f]{padding:0;overflow:hidden;margin-top:1.5rem}[data-ui=u-91a4a94d]{margin-top:.35rem}[data-ui=u-f01d8c00]{width:100%;height:100%;border:none}[data-ui=u-de2395bf]{max-width:160px}[data-ui=u-391e266f]{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}[data-ui=u-008a31c6]{margin-bottom:2rem}[data-ui=u-6a309529]{margin:.25rem 0 0;font-size:.875rem}[data-ui=u-1f61f298]{grid-column:span 2}[data-ui=u-0e03333b]{grid-column:span 3}[data-ui=u-f0b24eea]{margin-bottom:1.5rem}[data-ui=u-312fb91f]{width:75px;text-align:center;font-weight:700}[data-ui=u-4a08637f]{margin:1.25rem 0 1rem}[data-ui=u-7ee78671]{font-size:.9375rem;font-weight:700}[data-ui=u-e09c4b59]{background:var(--bg-subtle);border:1px dashed var(--border);padding:1rem;margin-bottom:1.25rem}[data-ui=u-c076b883]{cursor:pointer;margin:0;white-space:nowrap}[data-ui=u-198e5d1a]{margin-top:.75rem;position:relative;display:inline-block}[data-ui=u-9dd21786]{margin:0;font-weight:700}[data-ui=u-230f0ac4]{flex:1;font-weight:500}[data-ui=u-669af134]{font-weight:700;margin-bottom:.75rem}[data-ui=u-559eec8f]{font-weight:700;margin-bottom:.35rem}[data-ui=u-c53d5ad9]{display:block;margin-top:.35rem}[data-ui=u-b06002dd]{margin-top:1rem;background:var(--bg-surface);border:1px solid var(--border)}[data-ui=u-a871dde9]{margin:1.25rem 0;padding:.75rem 1rem;background:var(--danger-light);border:1px solid var(--danger);border-radius:8px;color:var(--danger-text);font-size:.875rem;text-align:center;font-weight:600}[data-ui=u-a549f93c]{width:100%;margin-top:.75rem;padding:.75rem}[data-ui=u-a22d580a]{font-size:.8125rem;margin-bottom:0}[data-ui=u-9bd28563]{display:block;margin-bottom:1.25rem;padding:.65rem;text-align:center}[data-ui=u-863bf20e]{font-size:.75rem;margin-top:1rem;line-height:1.4}[data-ui=u-aa0dd7f5]{font-size:.875rem;margin:0}[data-ui=u-3d85e427]{font-weight:700;color:var(--primary)}[data-ui=u-9ce30486]{font-size:.8125rem;margin:0;line-height:1.25}[data-ui=u-654c1448]{font-size:.75rem;padding:4px 10px}[data-ui=u-bf1c760f]{font-size:.6875rem;display:block;margin-top:2px}[data-ui=u-a72d4e2b]{font-size:.72rem;margin-bottom:.2rem}[data-ui=u-119946ee]{height:5px}[data-ui=u-1c4a5cd2]{margin-top:.5rem;padding:.45rem .75rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}[data-ui=u-b56ae7c4]{width:70px;height:42px;object-fit:contain;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface)}[data-ui=u-e2c31710]{font-size:.72rem;color:var(--danger);padding:.2rem .5rem}[data-ui=u-60b52ca2]{margin-top:.85rem}[data-ui=u-e59d44ad]{margin-bottom:.65rem}[data-ui=u-b54ee75e]{font-size:.75rem;margin:.1rem 0 0}[data-ui=u-b7d79195]{font-size:.75rem;padding:.35rem .65rem}[data-ui=u-1a03108a]{margin-bottom:.85rem;border:1.5px solid var(--border);background:var(--bg-surface)}[data-ui=u-c15d77d4]{font-size:.72rem;padding:.2rem .5rem}[data-ui=u-abfa219a]{margin-left:.75rem;font-size:.72rem;padding:.25rem .5rem}[data-ui=u-e016754e]{margin-top:.65rem;padding-left:.25rem}[data-ui=u-a052177b]{margin-bottom:.45rem}[data-ui=u-65471040]{background:var(--bg-surface);margin-bottom:.65rem;border:1px solid var(--border);padding:.65rem .85rem}[data-ui=u-721b6a68]{font-size:.72rem;cursor:pointer;background:transparent;border:none;padding:0}[data-ui=u-bf2dd473]{margin-bottom:.35rem}[data-ui=u-dbc8d1cd]{font-size:.72rem}[data-ui=u-37203a70]{padding:.75rem;background:var(--bg-subtle);border:1px dashed var(--border);border-radius:6px}[data-ui=u-99801835]{margin:0;font-size:.75rem}[data-ui=u-3b4cd38e]{font-size:.65rem}[data-ui=u-3d39e05e]{font-size:.75rem;padding:.35rem}[data-ui=u-2e3d67e5]{height:6px;margin-top:.5rem}[data-ui=u-03151605]{font-size:.6875rem;margin-top:.35rem;padding:.25rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px}[data-ui=u-7a601992]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}[data-ui=u-b27e0178]{font-size:.6875rem;padding:0;cursor:pointer}[data-ui=u-3e4c240d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}[data-ui=u-cb6c4d95]{color:var(--primary);font-size:.6875rem;padding:0;cursor:pointer}[data-ui=u-11e2c97c]{margin:.85rem 0}[data-ui=u-740ba11b]{margin:0 auto;font-size:.78rem;padding:.35rem .75rem}[data-ui=u-63d28fee]{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem}[data-ui=u-7d93d2e2]{font-size:.8125rem;padding:.45rem 1rem}[data-ui=u-6d19aa5e]{font-size:.8125rem;padding:.45rem 1.25rem;min-width:180px;transition:all .2s ease}[data-ui=u-1d1da809]{font-size:.6875rem;padding:.1rem .35rem}[data-ui=u-a003f68f]{grid-column:1 / -1;padding:4rem}[data-ui=u-69d66e5b]{width:100%}[data-ui=u-4f6212f8]{width:100%;margin-top:.5rem}[data-ui=u-478577cd]{margin-bottom:.75rem;display:inline-block}[data-ui=u-29c68873]{font-size:.7rem;padding:2px 6px}[data-ui=u-e98c2c45]{padding:2rem;background:var(--bg-surface)}[data-ui=u-91107391]{margin-top:1.5rem;padding:2rem;background:var(--warning-light);border:1px dashed var(--warning)}[data-ui=u-92423567]{font-size:.8125rem;margin:0 auto;max-width:520px}[data-ui=u-ed462990]{padding:.75rem;background:var(--bg-subtle);border-radius:8px}[data-ui=u-b4386d9e]{font-size:.7rem;font-weight:700}[data-ui=u-0dc8cc62]{margin-top:.5rem}[data-ui=u-f2886886]{margin-bottom:.25rem}[data-ui=u-a3c40562]{padding:4rem}[data-ui=u-0e4ba502]{background-color:var(--text-main)}[data-ui=u-e3b2a85c]{background-color:var(--primary)}[data-ui=u-b900e25d]{background-color:var(--success)}[data-ui=u-81fb830e]{background-color:var(--danger)}[data-ui=u-6d8f9b92]{background-color:var(--secondary)}[data-ui=u-0089cddb]{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}[data-ui=u-3701d06c]{margin:.35rem 0 .25rem;font-size:.8125rem;color:var(--danger-text);line-height:1.45}[data-ui=u-fd6489e8]{font-size:.75rem;color:var(--danger)}[data-ui=u-994973de]{opacity:.7;cursor:not-allowed}[data-ui=u-a8713ec0]{margin:.35rem 0 .15rem}[data-ui=u-b46bcdf7]{text-decoration:line-through;color:var(--text-muted);font-size:.75rem;font-weight:600}[data-ui=u-b12bc291]{margin:.25rem 0 0;font-size:.75rem;color:var(--danger-text);line-height:1.35}[data-ui=u-f04fa235]{margin-top:1rem;margin-bottom:.25rem}[data-ui=u-621cd1c1]{font-weight:600;font-size:.8125rem}[data-ui=u-ab50fe3d]{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}[data-ui=u-a3c10ec9]{position:absolute;inset:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}[data-ui=u-7cb05cc3]{font-size:1.1rem;font-weight:700;margin-bottom:.35rem;color:var(--text-main);display:flex;align-items:center;gap:.4rem}[data-ui=u-29b85dbd]{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}[data-ui=u-13cbe03b]{text-align:right}[data-ui=u-a1746f12]{font-size:.9375rem;color:var(--text-main);display:block;white-space:nowrap}[data-ui=u-dd47927f]{margin-top:3px;white-space:nowrap}[data-ui=u-76085d3f]{font-size:1.25rem}[data-ui=u-4d0e4465]{font-size:.6875rem;color:var(--danger-text);margin-top:2px}[data-ui=u-be4c338e]{margin:.35rem 0 .15rem;color:var(--danger-text)}[data-ui=u-75114926]{max-width:320px}[data-ui=u-d045ac45]{margin-top:.25rem;font-style:italic;color:var(--danger-text)}[data-ui=u-57daa5f9]{font-size:.6875rem;color:var(--danger-text);margin-top:.35rem}[data-ui=u-4af10e74]{font-size:.8125rem;white-space:nowrap}[data-ui=u-a670d7be]{font-size:.9375rem;color:var(--text-main);display:block}[data-ui=u-0607028d]{font-size:.75rem;color:var(--text-main);font-weight:600;margin-top:3px}[data-ui=u-b996cb39]{margin:.25rem 0 .5rem}[data-ui=u-aabe5405]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.25rem}[data-ui=u-30f43b39]{font-weight:800;font-size:1.05rem;color:var(--text-main)}[data-ui=u-8e0db107]{background:var(--bg-surface);border:2px solid var(--success);border-radius:8px;padding:1.15rem;box-shadow:0 4px 6px -1px #10b9811a}[data-ui=u-54d4a4b5]{font-size:.75rem;font-weight:700;color:var(--success-text);text-transform:uppercase;letter-spacing:.05em}[data-ui=u-9db3f879]{font-size:1.85rem;font-weight:900;color:var(--success-text);line-height:1.1}[data-ui=u-a528cdaa]{font-size:.75rem;color:var(--success);font-weight:600;padding-top:.5rem;border-top:1px dashed var(--success-light)}[data-ui=u-f4f6d3b9]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem;font-size:.8125rem}[data-ui=u-66c716d8]{background:var(--bg-surface);padding:.65rem .85rem;border-radius:6px;border:1px solid var(--border)}[data-ui=u-bd37febc]{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}[data-ui=u-58e7dc1f]{font-size:.75rem;color:var(--text-muted);font-weight:700}[data-ui=u-11de709f]{font-weight:800;font-size:1rem;color:var(--text-main)}[data-ui=u-4c653bc4]{font-weight:700;font-size:.95rem}[data-ui=u-54c78037]{background:var(--bg-surface);border:2px solid var(--success);border-radius:8px;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center}[data-ui=u-ae748209]{font-size:.7rem;font-weight:700;color:var(--success-text);text-transform:uppercase}[data-ui=u-777870c0]{font-size:1.6rem;font-weight:900;color:var(--success-text);line-height:1.1}[data-ui=u-5c5b1492]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}[data-ui=u-6198c0bb]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}[data-ui=u-8af35d6e]{margin-top:.85rem;padding:.85rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}[data-ui=u-17bc1d41]{font-size:.8125rem;font-weight:700;color:var(--text-main);margin-bottom:.65rem;display:flex;align-items:center;gap:.35rem}[data-ui=u-2e0dbfe7]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}[data-ui=u-6b6104f6]{font-size:1.5rem;font-weight:800;margin:.5rem 0 .25rem}[data-ui=u-b62e4e90]{margin:0 0 .5rem;font-size:.9375rem;font-weight:700}[data-ui=u-f3548c34]{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--text-muted);line-height:1.6}[data-ui=u-7c4c4139]{margin:.5rem 0 .25rem;font-size:1.5rem;font-weight:800}[data-ui=u-b5aeba85]{margin:2rem 0 1rem;font-size:1.25rem;font-weight:700}[data-ui=u-9eaa3389]{font-weight:700;font-size:.875rem}[data-ui=u-806ca4bd]{font-weight:700;font-size:.8125rem;color:var(--primary)}[data-ui=u-4aaf4f83]{margin:.25rem 0 0;font-size:.875rem;color:var(--text-main)}[data-ui=u-a5f37e83]{font-weight:600;color:var(--primary)}[data-ui=u-da0d36d3]{color:var(--primary)}[data-ui=u-e0911b03]{margin-top:.75rem;border:1px solid var(--border);border-radius:6px;overflow:hidden;height:460px;background:#525659}[data-ui=u-9d0c15a2]{margin:0;font-size:1.15rem;font-weight:800}[data-ui=u-6677545c]{margin:0;font-size:1.25rem;font-weight:800}[data-ui=u-ff0d5100]{font-size:1.15rem}[data-ui=u-a35c9def]{margin-top:.5rem;margin-bottom:0}[data-ui=u-1bc83626]{font-size:1.35rem;font-weight:800;margin:.15rem 0;line-height:1.2}[data-ui=u-15fa32ae]{flex:1;min-width:0}[data-ui=u-dbc6ce69]{font-size:.75rem;font-weight:600;color:var(--text-main);line-height:1.2}[data-ui=u-d2a364ad]{font-size:1.05rem;font-weight:700;margin:0;line-height:1.2}[data-ui=u-a5688700]{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}[data-ui=u-2030a387]{font-weight:700;font-size:.8125rem;color:var(--text-main)}[data-ui=u-498ff33b]{margin-top:.5rem;height:260px;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#525659}[data-ui=u-1da3738d]{font-size:.875rem;display:block;color:var(--text-main)}[data-ui=u-cdabf8c1]{font-size:1.5rem}[data-ui=u-41633c7f]{margin:0;font-size:.8125rem}[data-ui=u-0a514c18]{margin:0 0 1rem;font-size:.875rem}[data-ui=u-a33ce7c1]{font-size:.9375rem;display:block}[data-ui=u-3d0fcd17]{font-size:1.75rem;margin-bottom:.35rem}[data-ui=u-812991ae]{margin:0 0 .25rem;color:var(--warning-text);font-size:.95rem}[data-ui=u-8ae57e88]{font-size:3rem}app-dashboard,app-course-catalog,app-course-builder,app-course-player,app-course-forum,app-profile,app-admin-approvals,app-assessment-view,app-grading-desk{display:block;min-width:0}app-dashboard .dashboard-page,app-course-catalog .catalog-page,app-profile .profile-container,app-course-builder .builder-page,app-course-forum .forum-page,app-grading-desk .desk-page,app-admin-approvals .approvals-page,app-assessment-view .assessment-page{max-width:1680px;width:100%;margin:0 auto;padding:32px clamp(16px,3vw,40px)}app-dashboard .dashboard-hero,app-course-catalog .catalog-hero,app-admin-approvals .approvals-hero,app-grading-desk .desk-header{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;margin-bottom:28px;color:var(--text-main)}app-dashboard .hero-title,app-course-catalog .catalog-title,app-admin-approvals .page-title,app-profile .page-title,app-course-forum .forum-title,app-course-builder .builder-header h1,app-grading-desk h1{font-size:clamp(24px,2.2vw,30px);font-weight:720;letter-spacing:-.8px;color:var(--text-main);line-height:1.25;margin:8px 0 10px}app-dashboard .hero-subtitle,app-course-catalog .catalog-hero p,app-admin-approvals .approvals-hero p,app-grading-desk .desk-header p{font-size:13px;color:var(--text-muted);max-width:680px;line-height:1.7}app-dashboard .dashboard-hero>.flex,app-course-catalog .header-row,app-admin-approvals .approvals-hero>.flex:first-child,app-grading-desk .desk-header>.flex{gap:20px;flex-wrap:wrap;align-items:center}app-dashboard .stats-grid{margin-top:28px;gap:16px}app-dashboard .stat-box{position:relative;padding:22px 24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);box-shadow:var(--shadow-sm);text-align:left;overflow:hidden}app-dashboard .stat-box:after{content:"";position:absolute;right:24px;top:24px;width:32px;height:32px;background:var(--primary-light);border:1px solid var(--border);border-radius:10px}app-dashboard .stat-box:before{content:"";position:absolute;right:35px;top:34px;width:10px;height:10px;border:2px solid var(--primary);border-radius:3px;z-index:1}app-dashboard .stat-number{font-size:30px;color:var(--text-main);line-height:1.1;font-weight:700;letter-spacing:-1px}app-dashboard .stat-label{font-size:11px;font-weight:500;color:var(--text-muted);margin-top:12px;text-transform:none;letter-spacing:0}app-dashboard .stat-number.highlight-warning{color:var(--warning-text)}app-dashboard .stat-number.highlight-success{color:var(--success-text)}app-dashboard .main-grid{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}app-dashboard .courses-col{grid-column:auto}app-dashboard .section-header{gap:12px;margin-bottom:20px;flex-wrap:wrap}app-dashboard .section-header h2{font-size:18px}app-dashboard .enrolled-courses-list{display:grid;gap:20px}app-dashboard .course-progress-card{padding:0;overflow:hidden;border-radius:14px;box-shadow:var(--shadow-sm)}app-dashboard .course-progress-card:hover,app-dashboard .course-admin-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--border-strong)}app-dashboard .card-thumbnail{object-fit:cover}app-dashboard .card-thumb-wrapper{background:var(--primary-light)}app-dashboard .course-card-title{font-size:17px;line-height:1.4;font-weight:650;color:var(--text-main)}app-dashboard .card-body{padding:22px}app-dashboard .card-footer{background:var(--bg-main);border-top:1px solid var(--border);padding:16px 22px;gap:12px;flex-wrap:wrap}app-dashboard .progress-meta{font-size:11px;color:var(--text-muted)}app-dashboard .task-item{padding:16px 0;border-radius:0;background:transparent}app-dashboard .task-item:last-child{border-bottom:0}app-dashboard .task-title{font-size:13px;font-weight:600;line-height:1.5}app-dashboard .task-course,app-dashboard .task-due{font-size:11px}app-dashboard .announcement-item{border-bottom:1px solid var(--border);padding:16px 0}app-dashboard .ann-content{font-size:12px;line-height:1.7;color:var(--text-muted)}app-dashboard .cert-card{border:1px solid var(--border);background:var(--bg-surface);padding:20px;border-radius:12px}app-dashboard .cert-title{font-size:15px;color:var(--text-main)}app-dashboard .cert-badge{color:var(--primary);background:var(--primary-light);border-radius:10px}app-dashboard .instructor-courses-list{display:grid;gap:20px}app-dashboard .course-admin-card{padding:0;border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}app-dashboard .course-card-content{padding:24px;gap:20px}app-dashboard .course-admin-card .card-thumb-wrapper{aspect-ratio:16/10}app-dashboard .admin-card-actions{gap:8px}app-course-catalog .filter-bar{margin:24px 0 0;gap:12px;flex-wrap:wrap;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}app-course-catalog .search-box{min-width:200px;flex:1}app-course-catalog .category-filter{min-width:180px}app-course-catalog .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px;align-items:stretch}app-course-catalog .course-card{padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--motion),box-shadow var(--motion);display:flex;flex-direction:column}app-course-catalog .course-card:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--border-strong)}app-course-catalog .card-thumb-wrapper{aspect-ratio:16/9;height:auto;background:var(--primary-light)}app-course-catalog .card-thumbnail{width:100%;height:100%;object-fit:cover;transition:none}app-course-catalog .course-card:hover .card-thumbnail{transform:none}app-course-catalog .thumb-badge-overlay{top:12px;left:12px}app-course-catalog .course-card-content{padding:20px;gap:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}app-course-catalog .course-title{font-size:17px;line-height:1.4;font-weight:680;min-height:0;margin-bottom:8px;color:var(--text-main)}app-course-catalog .instructor-name{font-size:11px;margin-bottom:12px}app-course-catalog .course-desc{font-size:12px;line-height:1.7;min-height:0;-webkit-line-clamp:2;color:var(--text-muted)}app-course-catalog .curriculum-summary{font-size:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:16px;flex-wrap:wrap;gap:8px}app-course-catalog .course-card-bottom{border:0;padding-top:0;gap:12px;flex-wrap:wrap}app-course-catalog .course-price{font-size:18px;font-weight:700;color:var(--text-main)}app-course-catalog .card-actions{display:flex;gap:6px;flex-wrap:wrap}app-course-catalog .btn-catalog-action{min-height:36px;border-radius:8px;font-size:11px;padding:8px 12px;font-weight:650}app-course-catalog .btn-enroll,app-course-catalog .btn-edit{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}app-course-catalog .btn-resume{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}app-course-catalog .btn-preview{background:var(--bg-surface);color:var(--text-main);border-color:var(--border)}app-course-catalog .results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}app-course-catalog .results-toolbar select{min-height:36px;font-size:12px;padding:6px 10px}app-course-catalog .view-controls{display:flex;align-items:center;gap:4px}app-course-catalog .view-controls .active{background:var(--primary-light);color:var(--primary)}app-course-catalog .pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:28px;font-size:12px;color:var(--text-muted)}app-course-catalog .pagination>div{display:flex;gap:8px}app-course-catalog .courses-grid.is-list{grid-template-columns:1fr}app-course-catalog .is-list .course-card{flex-direction:row}app-course-catalog .is-list .card-thumb-wrapper{width:240px;flex-shrink:0}app-course-catalog .is-list .course-card-content{min-width:0}app-course-catalog .is-list .course-title{display:block}app-course-catalog .empty-state{grid-column:1/-1}app-course-builder .builder-card{max-width:none;padding:28px;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px}app-course-builder .builder-header{border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:28px}app-course-builder .builder-header h1{margin-top:0}app-course-builder .section-box{background:var(--bg-main);padding:24px;border:1px solid var(--border);border-radius:12px;margin-bottom:24px}app-course-builder .section-title{font-size:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}app-course-builder .module-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);margin-bottom:16px}app-course-builder .module-card-header{gap:12px;flex-wrap:wrap;padding-bottom:16px}app-course-builder .module-title-input{font-size:15px;font-weight:650;min-width:0}app-course-builder .upload-progress-box{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;padding:16px}app-course-builder form>.flex:last-child{padding-top:20px;border-top:1px solid var(--border);gap:12px;flex-wrap:wrap}app-course-builder .btn-text{min-height:36px;min-width:36px}app-course-player .player-layout{height:auto;min-height:calc(100dvh - 72px);display:grid;grid-template-columns:290px minmax(0,1fr);background:var(--bg-main)}app-course-player .curriculum-sidebar{width:auto;position:sticky;top:72px;height:calc(100dvh - 72px);min-height:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);overflow:auto}app-course-player .sidebar-header{padding:24px;border-bottom:1px solid var(--border)}app-course-player .sidebar-course-title{font-size:17px;line-height:1.5;color:var(--text-main);margin-bottom:16px}app-course-player .module-header{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-main);color:var(--text-muted);padding:16px 20px}app-course-player .lesson-btn{padding:14px 20px;min-height:52px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-main);gap:8px;text-align:left}app-course-player .lesson-btn:hover{background:var(--bg-subtle)}app-course-player .lesson-btn.active{background:var(--primary-light);color:var(--primary-text);border-left:3px solid var(--primary);padding-left:17px}app-course-player .lesson-title{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}app-course-player .lesson-info{min-width:0}app-course-player .sidebar-footer{margin-top:auto;padding:20px;background:var(--bg-surface)}app-course-player .player-stage{min-width:0;overflow:visible;height:auto;padding:28px;background:var(--bg-main)}app-course-player .stage-title{font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:-.5px;color:var(--text-main)}app-course-player .material-container{border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);padding:24px;margin-bottom:24px;overflow:hidden}app-course-player .video-wrapper{background:#0d1422;border-radius:10px;overflow:hidden;aspect-ratio:16/9}app-course-player .main-video{width:100%;height:100%;object-fit:contain}app-course-player .embedded-pdf-container{border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);overflow:hidden}app-course-player .pdf-toolbar{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:12px;gap:12px;flex-wrap:wrap}app-course-player .pdf-inline-frame{height:65dvh;min-height:320px;width:100%}app-course-player .preview-mode-banner{background:var(--warning-light);border-color:var(--border);gap:20px;flex-wrap:wrap;padding:20px;margin-bottom:24px}app-course-player .cert-alert{background:var(--success-light);border-color:var(--border);gap:20px;flex-wrap:wrap}.curriculum-toggle{display:none}app-course-forum .forum-page{max-width:1280px}app-course-forum .threads-list{display:grid;gap:20px}app-course-forum .thread-card{padding:24px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}app-course-forum .thread-title{font-size:18px;font-weight:650}app-course-forum .thread-author{font-size:11px;color:var(--text-muted);margin-bottom:12px}app-course-forum .posts-list{margin-top:20px;border-top:1px solid var(--border)}app-course-forum .post-item{padding:20px 0;border-bottom:1px solid var(--border);margin:0;border-radius:0;background:transparent}app-course-forum .post-item.instructor-post{padding:16px;background:var(--primary-light);border-radius:10px;margin-block:12px}app-course-forum .post-content{font-size:14px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}app-profile .profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}app-profile .profile-avatar-lg{width:104px;height:104px;border:4px solid var(--bg-surface);box-shadow:0 0 0 1px var(--border);border-radius:50%}app-profile .meta-item{font-size:12px;color:var(--text-muted);padding:10px 0;overflow-wrap:anywhere}app-profile .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}app-profile .alert-box{padding:14px;border-radius:10px;border:1px solid var(--border);font-size:13px}app-profile h3{font-size:18px}app-admin-approvals .primary-tabs{display:flex;border-bottom:1px solid var(--border);gap:24px;margin:24px 0;overflow-x:auto;padding:0;background:transparent;border-radius:0}app-admin-approvals .tab-btn{padding:12px 0;min-height:48px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}app-admin-approvals .tab-btn.active{color:var(--primary-text);border-bottom-color:var(--primary);background:transparent;box-shadow:none}app-admin-approvals .count-pill{font-size:10px;padding:2px 7px;margin-left:6px;background:var(--bg-subtle);color:var(--text-muted);border-radius:5px}app-admin-approvals .active .count-pill{background:var(--primary-light);color:var(--primary-text)}app-admin-approvals .approvals-table th,app-grading-desk .desk-table th{padding:14px 16px;background:var(--bg-subtle);color:var(--text-muted);font-size:10px;letter-spacing:.05em}app-admin-approvals .approvals-table td,app-grading-desk .desk-table td{padding:16px;border-bottom:1px solid var(--border);font-size:12px}app-admin-approvals .student-name{font-size:12px;font-weight:650;color:var(--text-main)}app-admin-approvals .student-email{font-size:11px;color:var(--text-muted);overflow-wrap:anywhere}app-admin-approvals .user-avatar{width:36px;height:36px;border-radius:50%;font-size:12px;background:var(--primary-light);color:var(--primary-text)}app-admin-approvals .course-mini-thumb{width:64px;height:42px;object-fit:cover;border-radius:6px}app-admin-approvals .course-title{font-size:12px;font-weight:650}app-admin-approvals .cost-amount-badge{background:var(--primary-light);border:0;color:var(--primary-text);border-radius:6px;padding:4px 8px}app-admin-approvals .cost-cell-linear{gap:6px}app-admin-approvals .cost-cell-linear:before{display:none}app-admin-approvals .cost-type-label{font-size:9px}app-admin-approvals .modal-backdrop,app-grading-desk .modal-backdrop{position:fixed;inset:0;z-index:1300;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}app-admin-approvals .modal-dialog,app-grading-desk .modal-dialog{background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;padding:28px;max-height:calc(100dvh - 32px);overflow:auto;width:min(100%,640px);box-shadow:var(--shadow-lg);margin:0}app-admin-approvals .modal-dialog h2,app-grading-desk .modal-dialog h2{font-size:21px;margin-bottom:20px}app-grading-desk .modal-header{gap:16px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}app-grading-desk .student-text{background:var(--bg-main);border:1px solid var(--border);padding:16px;border-radius:10px;font-size:13px;line-height:1.8}app-grading-desk .modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}app-grading-desk .close-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);font-size:20px}app-login .auth-page,app-register .auth-page{min-height:calc(100dvh - 72px);padding:48px 24px;background:radial-gradient(ellipse at 15% 0,var(--primary-light),transparent 55%),var(--bg-main)}app-login .auth-card,app-register .auth-card{width:100%;max-width:460px;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:var(--shadow-md)}app-register .auth-card{max-width:760px}app-login .auth-header,app-register .auth-header{text-align:left;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:24px}app-login .auth-header h1,app-register .auth-header h1{font-size:26px;letter-spacing:-.8px;margin:16px 0 8px}app-login .auth-logo,app-register .auth-logo{display:grid;place-items:center;width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:14px;margin-bottom:20px;font-size:24px}app-login .auth-footer p{font-size:12px;text-align:center}app-register .register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}app-register .section-subtitle{font-size:13px;font-weight:650;color:var(--text-main);border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:20px}app-register .role-pill{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--border);font-size:11px}app-register .btn-submit{min-height:46px;padding:12px 24px;box-shadow:none}app-register .submit-wrap{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}app-login .alert-box{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger);padding:12px;border-radius:10px;font-size:13px}app-assessment-view .assessment-page{max-width:1440px}app-assessment-view .briefing-container{padding:32px;background:var(--bg-surface)}app-assessment-view .assessment-title{font-size:28px;letter-spacing:-.8px;color:var(--text-main)}app-assessment-view .assessment-instructions{font-size:14px;line-height:1.85}app-assessment-view .pre-exam-card{border:1px solid var(--border);background:var(--bg-main);box-shadow:none;border-radius:14px;padding:28px}app-assessment-view .pre-exam-icon{font-size:32px;background:var(--primary-light);border-radius:14px;width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px}app-assessment-view .pre-exam-header h2{font-size:23px}app-assessment-view .cbt-top-timer-digits{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;color:var(--primary-text)}app-assessment-view .cbt-sidebar{background:var(--bg-main);border-color:var(--border)}app-assessment-view .cbt-radio-item{border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);min-height:48px;padding:14px 16px;font-size:14px}app-assessment-view .cbt-radio-item:has(input:checked){background:var(--primary-light);border-color:var(--primary);color:var(--primary-text)}app-assessment-view .cbt-footer{border-top:1px solid var(--border);padding:16px 24px;gap:12px;flex-wrap:wrap;background:var(--bg-surface)}app-test-creator .fullscreen-studio{background:var(--bg-main);z-index:1250}app-test-creator .studio-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:none;min-height:72px}app-test-creator .studio-nav-inner{max-width:1440px;gap:16px;flex-wrap:wrap}app-test-creator .studio-title{font-size:18px;color:var(--text-main);font-weight:650}app-test-creator .points-pill{background:var(--primary-light);color:var(--primary-text);font-size:12px;border:1px solid var(--border)}app-test-creator .studio-main-container{max-width:1280px;padding:32px 24px 120px}app-test-creator .studio-section-card,app-test-creator .question-editor-card,app-test-creator .questions-header-card{border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}app-test-creator .studio-input-lg{font-weight:650;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);padding:12px}app-test-creator .form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}app-test-creator .q-number-badge{background:var(--primary-light);color:var(--primary-text);border:0;border-radius:8px;font-size:12px}app-test-creator .answer-config-panel{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:20px}app-test-creator .option-row-item{background:var(--bg-surface);border:1px solid var(--border);padding:12px;border-radius:8px;gap:12px}app-test-creator .option-row-correct{border-color:var(--success);background:var(--success-light)}app-test-creator .bottom-publish-bar{background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:var(--shadow-md);padding:16px 24px}app-test-creator .bool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px}app-test-creator .bool-card.selected{border-color:var(--primary);color:var(--primary-text);background:var(--primary-light)}app-student-notepad .student-notepad-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);color:var(--text-main)}app-student-notepad .embedded-view{box-shadow:none;border-radius:12px;min-height:480px}app-student-notepad .notepad-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:12px 16px;color:var(--text-main)}app-student-notepad .header-title{font-size:13px;font-weight:650;color:var(--text-main)}app-student-notepad .save-status{font-size:10px;color:var(--text-muted)}app-student-notepad .notepad-tabs-bar{background:var(--bg-main);border-bottom:1px solid var(--border);padding:8px;gap:4px}app-student-notepad .note-tab{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12px;min-height:36px}app-student-notepad .note-tab.active{background:var(--bg-surface);border-color:var(--border);color:var(--primary-text);box-shadow:var(--shadow-sm)}app-student-notepad .notepad-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:8px;gap:4px;flex-wrap:wrap}app-student-notepad .tool-btn,app-student-notepad .window-ctrl-btn,app-student-notepad .add-tab-btn{min-width:32px;min-height:32px;color:var(--text-muted);background:transparent;border-radius:6px}app-student-notepad .tool-btn:hover,app-student-notepad .window-ctrl-btn:hover{background:var(--bg-subtle);color:var(--text-main)}app-student-notepad .notepad-editor{background:var(--bg-surface);color:var(--text-main);font:14px/1.85 var(--font);padding:24px}app-student-notepad .notepad-footer{background:var(--bg-main);border-top:1px solid var(--border);color:var(--text-muted);font-size:10px}app-student-notepad .notepad-floating-trigger{color:var(--on-primary)}app-student-notepad .pencil-action-btn{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-md)}#main-content h1,#main-content h2,#main-content h3,#main-content p,#main-content td{overflow-wrap:anywhere}#main-content .card{min-width:0}#main-content .flex>div{min-width:0}#main-content button,#main-content a{max-width:100%}#main-content .btn{height:auto}.badge-secondary{background:var(--bg-subtle);color:var(--text-muted)}.text-center{text-align:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}@media(min-width:1800px){app-course-catalog .courses-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1199px){app-dashboard .main-grid{grid-template-columns:minmax(0,1fr)}app-profile .profile-layout{grid-template-columns:250px minmax(0,1fr)}app-course-player .player-layout{grid-template-columns:250px minmax(0,1fr)}app-course-player .player-stage{padding:24px}app-test-creator .form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){app-dashboard .dashboard-page,app-course-catalog .catalog-page,app-profile .profile-container,app-course-builder .builder-page,app-course-forum .forum-page,app-grading-desk .desk-page,app-admin-approvals .approvals-page,app-assessment-view .assessment-page{padding:24px 16px}app-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}app-dashboard .stat-box{padding:18px 16px}app-dashboard .stat-box:after,app-dashboard .stat-box:before{display:none}app-dashboard .stat-number{font-size:26px}app-dashboard .stat-label{font-size:10px}app-dashboard .course-progress-card,app-dashboard .course-admin-card{display:flex;flex-direction:column}app-dashboard .card-thumb-wrapper{width:100%;height:auto;aspect-ratio:16/9}app-dashboard .course-admin-card .card-thumb-wrapper{width:100%}app-dashboard .card-body,app-dashboard .course-card-content{padding:20px;flex-direction:column}app-dashboard .card-footer{padding:16px 20px}app-dashboard .course-info{min-width:0}app-dashboard .admin-card-actions{flex-wrap:wrap;width:100%;justify-content:flex-start}app-course-catalog .filter-bar{padding:12px;gap:10px}app-course-catalog .search-box,app-course-catalog .category-filter{min-width:0;width:100%}app-course-catalog .courses-grid{gap:20px}app-course-catalog .is-list .course-card{flex-direction:column}app-course-catalog .is-list .card-thumb-wrapper{width:100%}app-course-builder .builder-card{padding:20px}app-course-builder .section-box{padding:16px}app-course-builder .module-card{padding:16px}app-course-builder .grid,app-profile .form-grid,app-register .register-grid{grid-template-columns:minmax(0,1fr)!important}app-course-builder .module-card-header{display:grid;grid-template-columns:1fr}app-profile .profile-layout{grid-template-columns:minmax(0,1fr)}app-profile .profile-layout>.card:first-child{text-align:left}app-course-player .player-layout{display:flex;flex-direction:column}app-course-player .curriculum-sidebar{position:relative;top:0;height:auto;max-height:45dvh;border-right:0;border-bottom:1px solid var(--border);display:none}app-course-player .curriculum-sidebar.curriculum-open{display:flex}app-course-player .player-stage{padding:20px 16px}app-course-player .material-container{padding:16px}app-course-player .curriculum-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;background:var(--bg-surface);border:0;border-bottom:1px solid var(--border);color:var(--primary-text);font-weight:650;text-align:left}app-course-player .preview-mode-banner{padding:16px}app-course-player .preview-mode-banner>.flex{flex-wrap:wrap}app-admin-approvals .primary-tabs{gap:20px}app-admin-approvals .approvals-table{min-width:720px}app-admin-approvals .approvals-hero>.flex>div:last-child{flex-wrap:wrap}app-admin-approvals .modal-dialog,app-grading-desk .modal-dialog{padding:20px;width:100%!important;max-width:100%!important}app-admin-approvals .modal-dialog .grid{grid-template-columns:minmax(0,1fr)!important}app-login .auth-page,app-register .auth-page{padding:24px 16px;align-items:flex-start}app-login .auth-card,app-register .auth-card{padding:24px}app-assessment-view .assessment-header{flex-wrap:wrap;gap:12px}app-assessment-view .assessment-title{font-size:24px}app-test-creator .studio-main-container{padding:20px 16px 150px}app-test-creator .studio-section-card,app-test-creator .question-editor-card,app-test-creator .questions-header-card{padding:20px}app-test-creator .form-grid-4,app-test-creator .options-grid{grid-template-columns:minmax(0,1fr)}app-test-creator .question-top-row{flex-wrap:wrap;gap:12px}app-test-creator .bottom-publish-bar{padding:12px 16px;flex-wrap:wrap;gap:12px}app-student-notepad .notepad-editor{padding:16px}app-student-notepad .notepad-toolbar{gap:2px}app-student-notepad .toolbar-divider{display:none}app-student-notepad .embedded-view{min-height:400px}app-course-forum .thread-card{padding:20px}app-course-forum .thread-card>.flex{flex-wrap:wrap;gap:12px}app-course-forum .forum-page>header{flex-wrap:wrap;gap:16px}}.page-heading-icon{vertical-align:middle;color:var(--primary);margin-right:4px;width:24px!important;height:24px!important}app-dashboard .section-header h3,app-dashboard .certificates-section>h2{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:650}app-dashboard .section-header h3 app-icon,app-dashboard .certificates-section>h2 app-icon{color:var(--primary);width:18px;height:18px}app-dashboard .stat-box:after,app-dashboard .stat-box:before{display:none}app-dashboard .stat-icon{position:absolute;top:22px;right:22px;width:36px;height:36px;display:grid;place-items:center;background:var(--primary-light);color:var(--primary);border-radius:10px}app-dashboard .enrolled-courses-list{grid-template-columns:minmax(0,1fr)}app-dashboard .course-progress-card{display:grid;grid-template-columns:220px minmax(0,1fr);height:auto}app-dashboard .course-progress-card .card-thumb-wrapper{height:100%;aspect-ratio:auto;padding:0;min-height:200px;border-right:1px solid var(--border);border-bottom:0}app-dashboard .course-progress-card .card-thumbnail{width:100%;height:100%;max-height:none;object-fit:cover}app-dashboard .course-progress-card .card-body{gap:16px}app-dashboard .course-progress-card .card-footer{padding:12px 0 0;background:transparent;font-size:11px}app-dashboard .task-item{border:0;border-bottom:1px solid var(--border)}app-dashboard .task-footer{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}app-dashboard .courses-col>.flex.gap-2{gap:6px;padding-bottom:8px;flex-wrap:wrap;overflow:visible}app-dashboard .courses-col>.flex.gap-2 .btn{min-height:36px;white-space:nowrap;padding:8px 10px;font-size:11px}.page-context strong{font-size:12px}app-student-notepad .notepad-floating-trigger{background:transparent;border:0;box-shadow:none;bottom:24px;right:24px}app-student-notepad .pencil-action-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);min-height:48px;font-size:12px;font-weight:650;transform:none}app-student-notepad .pencil-action-btn:before,app-student-notepad .pencil-action-btn:after{display:none}app-student-notepad .pencil-icon{font-size:20px;transform:none;display:flex}app-student-notepad .pencil-action-btn:hover{transform:none}app-student-notepad .notepad-editor:empty:before{color:var(--text-light)}app-assessment-view .cbt-fullscreen-overlay{padding:28px 32px 48px;background:var(--bg-main)}app-assessment-view .cbt-card-header{background:var(--bg-surface);color:var(--text-main);border-bottom:1px solid var(--border);padding:18px 24px}app-assessment-view .cbt-section-heading{color:var(--text-main)}app-assessment-view .cbt-total-count{color:var(--text-muted);font-size:12px}app-assessment-view .cbt-question-card{border-radius:14px;box-shadow:var(--shadow-sm)}app-assessment-view .cbt-card-body{padding:28px}app-assessment-view .cbt-top-timer{background:var(--primary-light);border:1px solid var(--border);border-radius:10px;padding:8px 12px}app-assessment-view .btn-submit-end{min-height:44px;background:var(--primary);color:var(--on-primary);border:0;border-radius:10px;font-size:13px;padding:12px 18px;box-shadow:none}app-assessment-view .btn-submit-end:hover:not([disabled]){background:var(--primary-hover);color:var(--on-primary)}app-assessment-view .cbt-radio-item{margin-bottom:12px}app-assessment-view .pre-exam-card .grid{gap:16px}@media(max-width:767px){app-dashboard .course-progress-card{display:flex;flex-direction:column}app-dashboard .course-progress-card .card-thumb-wrapper{height:auto;aspect-ratio:16/9;min-height:0;border-right:0;border-bottom:1px solid var(--border)}app-dashboard .stat-icon{display:none}app-student-notepad .notepad-floating-trigger{right:16px;bottom:16px}app-student-notepad .pencil-label{display:none}app-student-notepad .pencil-action-btn{width:48px;height:48px;padding:12px;justify-content:center}app-assessment-view .cbt-fullscreen-overlay{padding:20px 16px 32px}app-assessment-view .cbt-top-bar{gap:16px;flex-wrap:wrap}app-assessment-view .cbt-test-title{font-size:22px}app-assessment-view .cbt-main-grid{grid-template-columns:minmax(0,1fr)}app-assessment-view .cbt-card-body{padding:20px}app-assessment-view .cbt-main-grid>*{min-width:0}app-assessment-view .cbt-top-timer-info{flex-wrap:wrap}.page-heading-icon{display:none!important}}app-dashboard [data-ui=u-58418e9e],app-admin-approvals .discount-badge{color:var(--danger-text);background:var(--danger-light)}app-student-notepad .tab-close-btn{min-width:28px;min-height:28px;display:inline-grid;place-items:center;padding:4px;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}app-student-notepad .tab-close-btn app-icon{width:14px;height:14px}app-student-notepad .color-dot{width:26px;height:26px;min-width:26px;min-height:26px}app-student-notepad .tab-select{background:transparent;border:0;padding:4px 0;min-height:28px;color:inherit;text-align:left;font-size:12px;white-space:nowrap}app-student-notepad .note-tab{gap:8px;padding:4px 8px}app-student-notepad .notepad-floating-trigger .pencil-action-btn{border-radius:12px;outline:0}app-student-notepad .notepad-floating-trigger .pencil-action-btn:hover{transform:none}app-dashboard .certificates-section>h2{margin-bottom:16px}app-dashboard .card-thumb-wrapper .card-thumbnail{max-width:none;max-height:none}app-dashboard .courses-col>.flex.gap-2 .btn{border-color:var(--border)}app-test-creator .fullscreen-studio{height:100dvh;overflow-y:auto}app-test-creator .studio-main-container{padding-top:32px}app-test-creator .studio-title .page-heading-icon{width:22px;height:22px}app-assessment-view .assessment-header>div{min-width:0;width:100%}app-assessment-view .assessment-header>div>.flex{flex-wrap:wrap;row-gap:8px}app-assessment-view .assessment-header .badge{white-space:normal}app-test-creator .studio-topbar{height:auto;padding:0;flex-shrink:0}app-test-creator .studio-nav-inner{padding:16px 24px;height:auto;min-width:0}app-test-creator .studio-nav-inner>.flex{min-width:0;flex-wrap:wrap}app-test-creator .studio-nav-inner>.flex:last-child{justify-content:flex-end;gap:8px}app-test-creator .form-grid-4>*{min-width:0}app-test-creator .studio-section-card{min-width:0}app-test-creator .studio-input-lg{font-size:16px}app-test-creator .questions-header-card{gap:20px;flex-wrap:wrap}app-test-creator .questions-header-card>.flex{flex-wrap:wrap}app-test-creator .question-editor-card .flex{min-width:0}app-test-creator .answer-config-panel>.flex{flex-wrap:wrap;gap:12px}app-test-creator .studio-main-container{flex-shrink:0}app-admin-approvals .primary-tabs{flex-wrap:nowrap}app-admin-approvals .primary-tabs .tab-btn{flex-shrink:0}app-admin-approvals .tab-content .card.flex{flex-wrap:wrap;gap:16px}app-admin-approvals .tab-content .card.flex>.flex{flex-wrap:wrap;min-width:0;gap:8px}app-admin-approvals .tab-content .card.flex>.flex .btn{white-space:normal}app-admin-approvals .tab-content .card.flex>.text-muted{flex-basis:100%;font-size:11px}app-admin-approvals .tab-content .card.flex input{min-width:0}app-admin-approvals .tab-content{min-width:0}.table-scroll-hint{display:none;font-size:11px;color:var(--text-muted);padding:10px 16px;background:var(--bg-main);border-bottom:1px solid var(--border);position:sticky;left:0}app-test-creator .studio-main-container input,app-test-creator .studio-main-container select,app-test-creator .studio-main-container textarea{width:100%;min-width:0}app-test-creator .studio-nav-inner .points-pill{white-space:nowrap;font-size:11px;padding:8px 12px}@media(max-width:1199px){app-test-creator .form-grid-4>*{grid-column:auto!important}app-test-creator .form-grid-4>div:last-child{grid-column:1/-1!important}.table-scroll-hint{display:block}}@media(max-width:767px){app-test-creator .studio-nav-inner{padding:16px;flex-direction:column;align-items:stretch;gap:16px}app-test-creator .studio-nav-inner>.flex:last-child{justify-content:flex-start;flex-wrap:wrap}app-test-creator .studio-nav-inner .points-pill{order:3;width:100%;justify-content:center}app-test-creator .studio-nav-inner>.flex:first-child>div>.flex{flex-wrap:wrap;gap:4px}app-test-creator .studio-nav-inner .btn{min-height:40px;font-size:11px}app-test-creator .studio-title{font-size:16px;line-height:1.4}app-test-creator .form-grid-4{grid-template-columns:minmax(0,1fr)}app-test-creator .form-grid-4>*{grid-column:auto!important}app-test-creator .question-top-row{flex-direction:column;align-items:stretch}app-test-creator .question-top-row>.flex{flex-wrap:wrap}app-test-creator .option-row-item{min-width:0}app-test-creator .bool-card{min-width:0}app-test-creator .boolean-toggle-grid{grid-template-columns:1fr}app-test-creator .answer-config-panel{padding:16px}app-test-creator .question-top-row .q-type-select{max-width:100%;width:100%}app-test-creator .questions-header-card>.flex{gap:8px}app-test-creator .bottom-publish-bar .flex{flex-wrap:wrap;gap:8px}app-admin-approvals .tab-content>.card.flex{align-items:flex-start}app-admin-approvals .tab-content>.card.flex>.flex{width:100%}app-admin-approvals .tab-content>.card.flex>.text-muted{width:100%;flex-basis:100%;font-size:11px}app-assessment-view .pre-exam-card .exam-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}app-assessment-view .exam-specs-grid .spec-box{padding:16px 8px}app-assessment-view .spec-val{font-size:19px}app-assessment-view .spec-label{font-size:10px}app-assessment-view .pre-exam-card{padding:20px 16px}app-assessment-view .briefing-container{padding:20px}app-assessment-view .assessment-instructions{font-size:13px}app-assessment-view .pre-exam-icon{width:48px;height:48px;margin-bottom:16px}app-assessment-view .pre-exam-header h2{font-size:22px}app-assessment-view .pre-exam-card ul{padding-left:18px}app-assessment-view .pre-exam-card li{font-size:12px;line-height:1.7}}app-student-notepad .tool-btn.highlight-btn{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--border)}app-assessment-view .submitted-screen-wrapper{margin-top:0;max-width:1100px}app-assessment-view .submitted-modal-card{box-shadow:var(--shadow-sm);border-radius:16px}app-assessment-view .sub-col-left,app-assessment-view .sub-col-right{padding:28px}app-assessment-view .sub-col-right{background:var(--bg-main)}app-assessment-view .sub-spec-row{gap:16px;font-size:12px}app-assessment-view .sub-checklist{padding-top:20px;margin-top:20px}app-assessment-view .sub-check-icon app-icon{width:16px;height:16px}app-assessment-view .sub-check-item{font-size:12px;align-items:flex-start}app-assessment-view .sub-success-icon-wrap{border-color:var(--border);margin-bottom:16px}app-assessment-view .result-banner{padding:24px;background:var(--success-light);border:1px solid var(--border);border-radius:12px}app-assessment-view .result-banner>.flex{gap:20px;flex-wrap:wrap}app-assessment-view .result-banner>.flex>div{min-width:0}app-assessment-view .result-banner .flex{flex-wrap:wrap;row-gap:8px}app-assessment-view .question-card>.flex{flex-wrap:wrap;gap:12px;align-items:flex-start}app-assessment-view .question-card>.flex>.flex{flex-wrap:wrap;gap:8px}app-assessment-view .question-card .badge{white-space:normal}app-assessment-view .question-prompt{font-size:16px;line-height:1.65}app-assessment-view .detailed-review-section{padding:24px}app-assessment-view .review-card{padding:20px}app-assessment-view .review-card .grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-assessment-view .proctor-modal{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border);border-radius:18px}@media(max-width:767px){app-assessment-view .sub-col-left,app-assessment-view .sub-col-right{padding:24px}app-assessment-view .sub-checklist{display:none}app-assessment-view .sub-test-title{font-size:20px;margin-bottom:20px}app-assessment-view .sub-spec-list{margin:0;gap:10px}app-assessment-view .sub-col-right{padding:24px}app-assessment-view .sub-submitted-heading{font-size:21px}app-assessment-view .sub-submitted-subtext{font-size:12px;margin-bottom:20px}app-assessment-view .detailed-review-section{padding:20px}app-assessment-view .result-banner{padding:18px}app-assessment-view .result-banner h2{font-size:22px}app-assessment-view .result-banner>.flex{display:grid;grid-template-columns:minmax(0,1fr)}app-assessment-view .result-banner>.flex>div:last-child{justify-content:flex-start}app-assessment-view .review-card{padding:16px}app-assessment-view .review-card .grid{grid-template-columns:minmax(0,1fr)}app-assessment-view .question-card>.flex>.flex{flex-basis:100%}app-assessment-view .type-pill{font-size:10px}}app-dashboard .stat-label,app-dashboard .instructor-tag,app-dashboard .progress-meta{font-size:12px}app-dashboard .task-title{font-size:14px}app-dashboard .task-course,app-dashboard .task-due,app-dashboard .ann-content,app-course-catalog .course-desc{font-size:12px}app-course-player .lesson-header{gap:20px;flex-wrap:wrap;margin-bottom:24px}app-course-player .lesson-header .stage-title{margin:12px 0}app-course-player .lesson-assessments-section>.flex{flex-wrap:wrap;gap:12px}app-course-player .lesson-pagination{flex-wrap:wrap}app-student-notepad .notepad-toolbar button{min-height:32px}@media(max-width:767px){app-course-builder .builder-header,app-course-forum .forum-hero>.flex{flex-direction:column;align-items:flex-start;gap:16px}app-course-builder .builder-header>div{width:100%}app-course-player .lesson-assessment-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0}app-course-player .lesson-assessment-row>div>.flex,app-course-forum .post-item>.flex{flex-wrap:wrap;gap:8px}app-course-player .lesson-assessment-row strong{flex-basis:100%}app-course-player .lesson-assessment-row>.btn{justify-self:start;white-space:nowrap}}app-dashboard .dashboard-hero{padding:clamp(20px,3vw,32px);border:1px solid var(--border);border-radius:24px;background:radial-gradient(ellipse at top right,var(--primary-light),transparent 65%),var(--bg-surface);box-shadow:var(--shadow-sm)}app-dashboard .stat-box{border-top:3px solid var(--primary)}app-dashboard .stat-box:nth-child(2){border-top-color:var(--accent)}app-dashboard .stat-box:nth-child(3){border-top-color:var(--warning)}app-dashboard .stat-box:nth-child(4){border-top-color:var(--success)}app-admin-approvals .primary-tabs .tab-btn{padding:12px 18px;border-radius:10px}app-admin-approvals .primary-tabs .tab-btn.active{color:#fff;background:#4f46e5;border-bottom-color:transparent;box-shadow:0 4px 12px #4f46e52b}app-login .auth-shell,app-register .auth-shell{display:grid;width:100%;max-width:1120px;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-lg)}app-register .auth-shell{max-width:1280px;grid-template-columns:.85fr 1.3fr}app-login .auth-shell .auth-card,app-register .auth-shell .auth-card{max-width:none;border:0;border-radius:0;box-shadow:none;padding:clamp(28px,4vw,52px);margin:auto 0;min-width:0}.auth-story{min-width:0;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.auth-story-login{background:radial-gradient(ellipse at top left,var(--primary-light),transparent 70%),var(--bg-subtle)}.auth-story-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1.4px;margin:22px 0 18px}.auth-story-copy h2 em{font-style:normal;color:var(--primary)}.auth-story-copy>p{color:var(--text-muted);font-size:14px;line-height:1.8;max-width:360px}.auth-story .eyebrow{font-size:9px;line-height:1.7}.auth-story-art{width:100%;max-height:310px;object-fit:contain;margin:20px auto}.auth-story-caption{display:flex;gap:10px;align-items:center;color:var(--primary-text);font-size:11px;padding-top:20px;border-top:1px solid var(--border)}.auth-story-register{background:linear-gradient(155deg,#26216188,#38308055 60%,#28206488),url(/auth-register-journey.png) center / cover no-repeat;color:#fff}.auth-story-register .auth-story-copy h2{color:#fff}.auth-story-register .eyebrow,.auth-story-register .auth-story-copy h2 em{color:#d5d1ff}.auth-story-register .auth-story-copy>p{color:#e0def4}.auth-story-benefits{list-style:none;padding:0;margin:48px 0;display:grid;gap:28px}.auth-story-benefits li{display:flex;gap:14px;align-items:flex-start}.auth-story-benefits li>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#ffffff18;border:1px solid #ffffff30;border-radius:12px}.auth-story-benefits strong{display:block;font-size:13px;margin-top:2px}.auth-story-benefits p{font-size:12px;color:#e0def4;line-height:1.7;margin:7px 0 0}.auth-story-register .auth-story-caption{border-color:#ffffff30;color:#e0def4}@media(max-width:1100px)and (min-width:901px){.auth-story{padding:28px}app-register .auth-shell{grid-template-columns:.7fr 1.3fr}app-register .auth-shell .auth-card{padding:28px}app-register .auth-shell .register-grid{grid-template-columns:1fr}}@media(max-width:900px){app-login .auth-shell,app-register .auth-shell{grid-template-columns:minmax(0,1fr);max-width:720px;border-radius:20px}app-login .auth-shell{max-width:460px}.auth-story{display:none}app-login .auth-shell .auth-card,app-register .auth-shell .auth-card{padding:28px}}@media(max-width:480px){app-login .auth-page,app-register .auth-page{padding:20px 12px}app-login .auth-shell .auth-card,app-register .auth-shell .auth-card{padding:24px 20px}}