*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.grid{display:grid}.list-item{display:list-item}.grow{flex-grow:1}.border{border-width:1px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #f6f8fb;--panel: #ffffff;--ink: #0f172a;--ink-soft: #475569;--ink-mute: #94a3b8;--line: #e7ebf1;--line-soft: #eef2f6;--brand: #0f4c81;--brand-2: #1565a6;--brand-soft: #eaf2fb;--accent: #f59e0b;--green: #16a34a;--green-soft: #e8f7ee;--orange: #f97316;--orange-soft: #fff3e8;--teal: #0d9488;--teal-soft: #e6f7f5;--yellow: #ca8a04;--yellow-soft: #fef9e7;--red: #dc2626;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 6px 24px -8px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 24px 60px -20px rgba(15, 23, 42, .22)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;display:block}.muted{color:var(--ink-soft);font-size:14px}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.2}h1{font-size:28px;font-weight:700}h2{font-size:18px;font-weight:600}h3{font-size:16px;font-weight:600}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.loading-screen .brand-mark{font-size:22px}.loading-screen .brand-mark img{width:40px;height:40px}.login-error{background:#fef2f2;color:var(--red);border:1px solid #fecaca;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-brand-panel{background:linear-gradient(160deg,#0f4c81,#0a3560);color:#fff;padding:48px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25),transparent 70%)}.brand-mark{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.brand-mark img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.brand-mark strong{font-weight:700}.login-quote{margin-top:auto;max-width:480px}.login-quote .eyebrow{color:#fff9;margin-bottom:18px}.login-quote h1{font-size:44px;line-height:1.1;margin-bottom:18px}.login-quote h1 em{color:var(--accent);font-style:normal}.login-quote p{color:#ffffffc7;font-size:16px;max-width:380px}.login-stat-row{display:flex;gap:40px;margin-top:36px}.login-stat-row span{display:flex;flex-direction:column}.login-stat-row strong{font-size:28px;font-weight:700}.login-stat-row small{color:#fff9;font-size:13px}.login-footer{margin-top:48px;color:#ffffff80;font-size:13px}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:var(--panel)}.mobile-logo{display:none}.login-form{width:100%;max-width:380px}.login-form .eyebrow{margin-bottom:12px}.login-form h2{font-size:26px;margin-bottom:6px}.login-form>.muted{margin-bottom:28px}.login-form label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.login-form input{display:block;width:100%;margin-top:8px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink);background:#fbfcfe;transition:border .15s,box-shadow .15s}.login-form input:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px var(--brand-soft)}.password-input{position:relative}.password-input input{padding-right:38px}.password-input svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;color:var(--ink-mute)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink-soft)}.checkbox input{width:16px;height:16px;margin:0;accent-color:var(--brand)}.text-button{background:none;border:0;color:var(--brand-2);font-size:13px;font-weight:600;cursor:pointer;padding:0}.primary-button{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:0;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.primary-button:hover{background:var(--brand-2)}.primary-button:active{transform:scale(.98)}.primary-button.wide{width:100%;justify-content:center;padding:13px;margin-bottom:18px}.secondary-button{display:inline-flex;align-items:center;gap:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:border .15s,background .15s}.secondary-button:hover{border-color:var(--brand-2);background:var(--brand-soft)}.white-button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--brand);border:0;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.link-button{background:none;border:0;color:var(--brand-2);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.login-divider{text-align:center;margin:22px 0;position:relative}.login-divider span{background:var(--panel);padding:0 12px;color:var(--ink-mute);font-size:12px;position:relative;z-index:1}.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.sso-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:11px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.sso-button:hover{background:#fbfcfe}.microsoft-icon{color:#0078d4;font-size:16px}.login-help{text-align:center;margin-top:24px;font-size:13px;color:var(--ink-soft)}.demo-accounts{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.demo-accounts-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-mute);margin-bottom:12px}.demo-accounts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-account-btn{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;text-align:left;transition:border .12s,background .12s}.demo-account-btn:hover{border-color:var(--brand-2);background:var(--brand-soft)}.demo-account-btn:disabled{opacity:.5;cursor:not-allowed}.demo-account-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.demo-account-btn div{display:flex;flex-direction:column;min-width:0}.demo-account-btn strong{font-size:12px}.demo-account-btn span{font-size:10px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;position:sticky;top:0;height:100vh}.sidebar.collapsed{width:76px}.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .workspace-switcher div,.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-user div,.sidebar.collapsed .admin-pill,.sidebar.collapsed .notification-dot{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 22px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line-soft)}.sidebar-brand img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.sidebar-brand strong{font-weight:700}.collapse-button{margin-left:auto;background:var(--bg);border:0;border-radius:6px;padding:4px;cursor:pointer;color:var(--ink-soft);display:flex}.sidebar.collapsed .collapse-button{transform:rotate(180deg);margin:0 auto}.workspace-switcher{display:flex;align-items:center;gap:10px;margin:14px 16px;padding:10px 12px;background:var(--bg);border-radius:10px;cursor:pointer}.workspace-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.workspace-switcher div{display:flex;flex-direction:column;line-height:1.2}.workspace-switcher strong{font-size:13px}.workspace-switcher small{font-size:11px;color:var(--ink-mute)}.workspace-switcher>svg{margin-left:auto;color:var(--ink-mute)}.sidebar-section{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.sidebar-section+.sidebar-section{border-top:1px solid var(--line-soft)}.sidebar-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;padding:8px 10px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;background:none;border:0;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink-soft);text-align:left;width:100%;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item.active svg{color:var(--brand)}.nav-item svg{color:var(--ink-mute);flex-shrink:0}.admin-pill{margin-left:auto;font-size:9px;font-weight:700;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.notification-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--red)}.sidebar-bottom{margin-top:auto;padding:12px 14px;border-top:1px solid var(--line-soft)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px;border-radius:10px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-user div{display:flex;flex-direction:column;line-height:1.2}.sidebar-user strong{font-size:13px}.sidebar-user small{font-size:11px;color:var(--ink-mute)}.sidebar-user button{margin-left:auto;background:none;border:0;color:var(--ink-mute);cursor:pointer;padding:4px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:20px;padding:16px 32px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.mobile-menu{display:none;background:none;border:0;cursor:pointer;padding:4px;color:var(--ink)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-mute)}.breadcrumbs strong{color:var(--ink);font-weight:600}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.global-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:280px}.global-search input{border:0;background:none;outline:none;flex:1;font-size:13px;color:var(--ink)}.global-search svg{color:var(--ink-mute)}.global-search kbd{font-size:10px;background:var(--panel);border:1px solid var(--line);padding:2px 6px;border-radius:4px;color:var(--ink-mute)}.icon-button{background:var(--bg);border:1px solid var(--line);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);position:relative}.icon-button:hover{background:var(--brand-soft);color:var(--brand)}.notification-button i{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid var(--panel)}.copilot-button{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:0;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.top-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer;border:0}.profile-menu{position:absolute;top:56px;right:32px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:12px;width:220px;z-index:30;display:flex;flex-direction:column}.profile-menu strong{font-size:14px}.profile-menu span{font-size:12px;color:var(--ink-mute);margin-bottom:8px}.profile-menu button{background:none;border:0;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink-soft)}.profile-menu button:hover{background:var(--bg);color:var(--ink)}.page-content{padding:32px;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.page-header h1{font-size:30px}.page-header .eyebrow{margin-bottom:8px}.page-header .muted{margin-top:6px;max-width:540px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.admin-kpis{grid-template-columns:repeat(4,1fr)}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.blue{background:var(--brand-soft);color:var(--brand)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.teal{background:var(--teal-soft);color:var(--teal)}.kpi-icon.yellow{background:var(--yellow-soft);color:var(--yellow)}.kpi-copy{display:flex;flex-direction:column;flex:1}.kpi-copy span{font-size:12px;color:var(--ink-mute);font-weight:500}.kpi-copy strong{font-size:24px;font-weight:700;margin:2px 0}.kpi-copy small{font-size:12px;color:var(--ink-mute);display:flex;align-items:center;gap:4px}.kpi-copy small.positive{color:var(--green)}.kpi-more{color:var(--ink-mute);cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:20px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.section-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:4px}.select-button{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink-soft)}.course-art{border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;flex-shrink:0}.course-art:not(.large){width:100%;aspect-ratio:16/9}.course-art.large{width:280px;height:180px;border-radius:16px}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}.art-shield{background:linear-gradient(135deg,#1565a6,#0a3560)}.art-leadership{background:linear-gradient(135deg,#f97316,#c2410c)}.art-privacy{background:linear-gradient(135deg,#16a34a,#15803d)}.art-react{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.art-communication{background:linear-gradient(135deg,#0d9488,#115e59)}.art-cloud{background:linear-gradient(135deg,#475569,#1e293b)}.course-grid{display:grid;gap:18px}.mini-grid,.learning-grid{grid-template-columns:repeat(3,1fr)}.catalogue-grid{grid-template-columns:repeat(4,1fr)}.course-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.course-card-image{position:relative;cursor:pointer}.course-badge{position:absolute;top:10px;left:10px;background:#fffffff2;color:var(--ink);font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase}.course-badge.success{background:var(--green);color:#fff}.bookmark{position:absolute;top:8px;right:8px;background:#ffffffe6;border:0;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft)}.bookmark:hover{background:#fff;color:var(--brand)}.course-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.course-category{font-size:11px;font-weight:600;color:var(--brand-2);text-transform:uppercase;letter-spacing:.05em}.course-card-body h3{font-size:15px;line-height:1.3}.course-instructor{font-size:12px;color:var(--ink-mute);margin:0}.course-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);font-weight:500}.progress-track{height:6px;background:var(--line-soft);border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .3s}.progress-fill.blue{background:var(--brand)}.progress-fill.green{background:var(--green)}.progress-fill.orange{background:var(--orange)}.progress-fill.navy{background:#1e3a8a}.progress-fill.teal{background:var(--teal)}.progress-fill.slate{background:#475569}.course-continue{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg);color:var(--brand);border:1px solid var(--line);padding:9px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;margin-top:auto;transition:background .12s}.course-continue:hover{background:var(--brand-soft);border-color:var(--brand-2)}.catalogue-meta{display:flex;gap:12px;font-size:12px;color:var(--ink-soft);align-items:center}.catalogue-meta span{display:flex;align-items:center;gap:4px}.featured-learning{display:flex;gap:24px;align-items:center}.featured-copy{flex:1;display:flex;flex-direction:column;gap:10px}.featured-copy h3{font-size:22px}.featured-copy p{color:var(--ink-soft);font-size:14px;margin:0}.featured-progress{display:flex;align-items:center;gap:14px}.featured-progress strong{font-size:22px}.featured-progress>div{display:flex;flex-direction:column}.featured-progress .progress-track{flex:1}.time-left{font-size:12px;color:var(--ink-mute)}.activity-card{display:flex;flex-direction:column}.activity-total{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.activity-total strong{font-size:32px;font-weight:700}.activity-total span{font-size:13px;color:var(--ink-mute)}.activity-total b{color:var(--green);font-size:13px;font-weight:600}.activity-chart{display:flex;gap:12px;height:160px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--ink-mute);padding:4px 0}.chart-bars{display:flex;gap:10px;flex:1;align-items:flex-end}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar-col .bar{width:100%;max-width:28px;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:6px 6px 0 0;transition:height .3s}.bar-col small{font-size:11px;color:var(--ink-mute)}.chart-legend{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;color:var(--ink-soft)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-blue{background:var(--brand)}.legend-orange{background:var(--orange)}.upcoming-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.upcoming-item:last-child{border-bottom:0}.upcoming-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upcoming-icon.orange{background:var(--orange-soft);color:var(--orange)}.upcoming-icon.blue{background:var(--brand-soft);color:var(--brand)}.upcoming-icon.green{background:var(--green-soft);color:var(--green)}.upcoming-item div{display:flex;flex-direction:column;flex:1}.upcoming-item span{font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.upcoming-item strong{font-size:14px}.upcoming-item small{font-size:12px;color:var(--ink-mute)}.upcoming-item>svg{color:var(--ink-mute)}.learning-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px}.tabs button{background:none;border:0;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:6px}.tabs button.active{background:var(--brand);color:#fff}.tabs button span{background:var(--line-soft);padding:1px 6px;border-radius:4px;font-size:11px}.tabs button.active span{background:#fff3;color:#fff}.toolbar-search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 14px}.toolbar-search input{border:0;background:none;outline:none;font-size:13px}.toolbar-search svg{color:var(--ink-mute)}.explore-hero{background:linear-gradient(120deg,#0f4c81,#0a3560);border-radius:18px;padding:40px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;overflow:hidden}.explore-hero .eyebrow{color:#fff9}.explore-hero h2{font-size:30px;margin:8px 0 10px}.explore-hero p{color:#ffffffc7;margin:0 0 18px;max-width:360px}.hero-shapes{display:flex;gap:14px}.hero-shapes div{width:80px;height:80px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.hero-shapes div:nth-child(2){transform:translateY(-20px);background:#f59e0b33}.hero-shapes div:nth-child(3){transform:translateY(10px)}.category-pills{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.category-pills button{background:var(--panel);border:1px solid var(--line);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}.category-pills button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.catalogue-heading{margin-bottom:18px}.back-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:20px}.back-button:hover{color:var(--brand)}.course-detail-hero{display:flex;gap:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.detail-hero-copy{flex:1;display:flex;flex-direction:column;gap:12px}.detail-hero-copy h1{font-size:32px}.detail-hero-copy p{color:var(--ink-soft);font-size:15px;max-width:520px;margin:0}.detail-meta{display:flex;gap:20px;font-size:13px;color:var(--ink-soft)}.detail-meta span{display:flex;align-items:center;gap:6px}.star{color:var(--accent)}.detail-actions{display:flex;gap:10px;margin-top:8px}.course-detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.detail-section p{color:var(--ink-soft);margin:12px 0 18px}.objectives{display:flex;flex-direction:column;gap:10px}.objectives div{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.objectives svg{color:var(--green);background:var(--green-soft);padding:3px;border-radius:50%}.curriculum .curriculum-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line-soft);background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;cursor:pointer;border-radius:8px;padding:14px 0 14px 8px}.curriculum .curriculum-row:hover{background:var(--bg)}.lesson-number{width:28px;height:28px;border-radius:50%;background:var(--line-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.lesson-number.done{background:var(--green);color:#fff}.curriculum-row span:nth-child(2){flex:1;display:flex;flex-direction:column}.curriculum-row strong{font-size:14px}.curriculum-row small{font-size:12px;color:var(--ink-mute)}.lesson-status{font-size:12px;color:var(--ink-mute);font-weight:600}.skills-card .skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.skill-tags span{background:var(--brand-soft);color:var(--brand);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.certificate-note{display:flex;gap:12px;align-items:center}.certificate-note svg{color:var(--brand)}.certificate-note strong{font-size:14px;display:block}.certificate-note span{font-size:12px;color:var(--ink-mute)}.instructor{display:flex;align-items:center;gap:12px;margin-top:12px}.avatar.large-avatar{width:48px;height:48px;font-size:16px}.instructor div{display:flex;flex-direction:column}.instructor strong{font-size:14px}.instructor span{font-size:12px;color:var(--ink-mute)}.player{background:#fbfcfe}.player-top{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.player-top>div:nth-child(2){display:flex;flex-direction:column}.player-top strong{font-size:14px}.player-top span{font-size:12px;color:var(--ink-mute)}.player-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.player-progress{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--bg);padding:6px 12px;border-radius:8px}.player-body{display:grid;grid-template-columns:260px 1fr 340px;min-height:calc(100vh - 60px)}.player-body.without-copilot{grid-template-columns:260px 1fr}.curriculum-panel{background:var(--panel);border-right:1px solid var(--line);padding:20px}.curriculum-panel .eyebrow{margin-bottom:12px}.player-lesson{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;background:none;border:0;width:100%;text-align:left;cursor:pointer;margin-bottom:2px}.player-lesson:hover{background:var(--bg)}.player-lesson.active{background:var(--brand-soft)}.lesson-dot,.lesson-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.lesson-dot{background:var(--line-soft);color:var(--ink-soft)}.lesson-check{background:var(--green);color:#fff}.player-lesson span:nth-child(2){flex:1;display:flex;flex-direction:column}.player-lesson strong{font-size:13px;font-weight:600;color:var(--ink)}.player-lesson small{font-size:11px;color:var(--ink-mute)}.course-progress-box{margin-top:20px;padding:14px;background:var(--bg);border-radius:10px}.course-progress-box span{font-size:12px;color:var(--ink-mute)}.course-progress-box strong{font-size:18px;display:block;margin:4px 0 8px}.lesson-content{padding:36px 48px;max-width:760px}.lesson-eyebrow{display:flex;gap:14px;margin-bottom:12px}.lesson-eyebrow span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase}.lesson-content h1{font-size:32px;margin-bottom:12px}.lesson-intro{font-size:17px;color:var(--ink-soft);margin-bottom:24px}.lesson-visual{position:relative;margin:24px 0;border-radius:16px;overflow:hidden;height:320px}.lesson-visual .course-art{width:100%;height:100%;border-radius:0}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fffffff2;color:var(--brand);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.lesson-visual>span{position:absolute;bottom:16px;left:16px;color:#fff;font-size:13px;font-weight:600;background:#0006;padding:6px 12px;border-radius:8px}.lesson-content h2{font-size:22px;margin:28px 0 12px}.lesson-content p{color:var(--ink-soft);margin:0 0 16px}.callout{display:flex;gap:14px;padding:18px;background:var(--brand-soft);border-radius:12px;margin:24px 0}.callout svg{color:var(--brand);flex-shrink:0}.callout strong{font-size:14px;display:block}.callout span{font-size:13px;color:var(--ink-soft)}.lesson-controls{display:flex;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.lesson-controls .primary-button{margin-left:auto}.copilot-panel{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column}.copilot-heading{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.copilot-heading>div:nth-child(2){flex:1;display:flex;flex-direction:column}.copilot-heading strong{font-size:14px}.copilot-heading span{font-size:12px;color:var(--green);display:flex;align-items:center;gap:4px}.copilot-heading span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.copilot-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center}.copilot-chat{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.copilot-message{background:var(--bg);padding:12px 16px;border-radius:14px 14px 14px 4px;font-size:14px;max-width:90%}.copilot-message.user-message{background:var(--brand);color:#fff;align-self:flex-end;border-radius:14px 14px 4px}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions button{background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink-soft);cursor:pointer;text-align:left}.quick-actions button:hover{border-color:var(--brand-2);color:var(--brand);background:var(--brand-soft)}.copilot-input{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--line)}.copilot-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;background:var(--bg);outline:none}.copilot-input input:focus{border-color:var(--brand-2)}.copilot-input button{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:0 14px;cursor:pointer;display:flex;align-items:center}.ai-disclaimer{text-align:center;font-size:11px;color:var(--ink-mute);padding:0 20px 14px}.copilot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:50;display:flex;justify-content:flex-end}.copilot-drawer{width:400px;background:var(--panel);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.drawer-header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-header>div:nth-child(2){flex:1;display:flex;flex-direction:column}.drawer-header button{background:none;border:0;cursor:pointer;color:var(--ink-mute)}.drawer-body{flex:1;padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}.admin-chart-card{display:flex;flex-direction:column}.big-chart{display:flex;gap:16px;height:230px;margin-top:10px}.big-chart .chart-y{font-size:11px}.chart-lines{flex:1;display:flex;flex-direction:column}.chart-lines svg{flex:1;width:100%}.line-grid{flex:1;background-image:linear-gradient(rgba(231,235,241,.6) 1px,transparent 1px);background-size:100% 25%}.chart-x{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-mute);padding:0 4px}.popular-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.popular-row:last-child{border-bottom:0}.popular-row .rank{font-size:13px;font-weight:700;color:var(--ink-mute);width:24px}.popular-row .course-art{width:36px;height:36px;border-radius:8px}.popular-row .course-art svg{width:18px;height:18px}.popular-row div{flex:1;display:flex;flex-direction:column}.popular-row strong{font-size:13px}.popular-row span{font-size:12px;color:var(--ink-mute)}.popular-row b{color:var(--green);font-size:13px}.admin-table-card{margin-top:4px}.admin-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 40px;gap:16px;padding:14px 18px;align-items:center}.table-head{background:var(--bg);font-size:12px;font-weight:600;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em}.table-row{border-top:1px solid var(--line-soft)}.table-row:hover{background:var(--bg)}.table-course .course-art{width:36px;height:36px;border-radius:8px}.table-course .course-art svg{width:18px;height:18px}.table-course strong{font-size:14px;font-weight:600}.status-live{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--green)}.status-live i{width:7px;height:7px;border-radius:50%;background:var(--green)}.path-feature{background:linear-gradient(120deg,#0f4c81,#0a3560);border-radius:18px;padding:36px;color:#fff;display:flex;justify-content:space-between;gap:32px;margin-bottom:24px}.path-feature h2{font-size:28px;margin:8px 0}.path-feature p{color:#ffffffb3;margin:0 0 16px}.path-progress{display:flex;align-items:center;gap:14px;margin-bottom:20px}.path-progress .progress-track{flex:1;max-width:300px;background:#fff3}.path-progress .progress-fill{background:var(--accent)}.path-progress strong{font-size:18px}.path-steps{display:flex;flex-direction:column;gap:10px;max-width:280px}.path-steps span{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffb3}.path-steps span b{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.path-steps span.done{color:#fff}.path-steps span.done b{background:var(--green)}.path-heading{margin-bottom:18px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-card{display:flex;flex-direction:column;gap:10px}.path-card-art{width:100%;height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:6px}.path-card-art.art-orange{background:linear-gradient(135deg,var(--orange),#c2410c)}.path-card-art.art-blue{background:linear-gradient(135deg,var(--brand-2),var(--brand))}.path-card-art.art-green{background:linear-gradient(135deg,var(--green),#15803d)}.path-card h3{font-size:17px}.path-card p{font-size:13px;color:var(--ink-soft);margin:0}.path-card>div:last-child{display:flex;gap:14px;font-size:12px;color:var(--ink-mute);margin-top:auto;padding-top:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--ink-mute)}.empty-state svg{color:var(--ink-mute);margin-bottom:12px}.empty-state h3{font-size:18px;color:var(--ink);margin-bottom:4px}.coming-soon{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.coming-soon svg{color:var(--brand);margin-bottom:8px}.coming-soon h1{font-size:32px}.coming-soon p{color:var(--ink-soft);margin-bottom:16px}@media (max-width: 1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.admin-kpis{grid-template-columns:repeat(4,1fr)}.catalogue-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.kpi-grid,.admin-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower,.admin-grid,.course-detail-grid{grid-template-columns:1fr}.mini-grid,.learning-grid,.catalogue-grid,.path-grid{grid-template-columns:repeat(2,1fr)}.player-body{grid-template-columns:220px 1fr 300px}.global-search{width:200px}}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-logo{display:flex;justify-content:center;margin-bottom:24px}.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .2s}.sidebar:not(.collapsed){transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:260px}.sidebar.collapsed .sidebar-brand span,.sidebar.collapsed .workspace-switcher div,.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-user div,.mobile-menu{display:flex}.global-search,.copilot-button span{display:none}.page-content{padding:20px}.page-header{flex-direction:column;align-items:flex-start}.mini-grid,.learning-grid,.catalogue-grid,.path-grid,.player-body{grid-template-columns:1fr}.curriculum-panel,.copilot-panel{display:none}.course-detail-hero{flex-direction:column}.table-head{display:none}.table-row{grid-template-columns:1fr 40px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:var(--panel);border-radius:16px;box-shadow:var(--shadow-lg);max-width:520px;width:100%;padding:28px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.modal-header strong{font-size:18px;display:block}.modal-header .muted{font-size:13px;margin-top:4px}.modal-header button{background:none;border:0;cursor:pointer;color:var(--ink-mute);padding:4px}.demo-role-banner{display:flex;align-items:center;justify-content:space-between;background:var(--brand-soft);border:1px solid #c3dbf5;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:13px}.role-switcher-grid{display:flex;flex-direction:column;gap:10px}.role-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--panel);text-align:left;transition:border .12s,background .12s}.role-card:hover{border-color:var(--brand-2);background:var(--brand-soft)}.role-card.active{border-color:var(--brand);background:var(--brand-soft)}.role-card-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.role-card div{display:flex;flex-direction:column}.role-card strong{font-size:14px}.role-card span{font-size:12px;color:var(--brand);font-weight:600}.role-card small{font-size:11px;color:var(--ink-mute)}.login-info{background:var(--green-soft);color:var(--green);border:1px solid #bbf7d0;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}.compliance-banner{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.compliance-icon{width:44px;height:44px;border-radius:12px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.compliance-info{flex:1}.compliance-info strong{display:block;font-size:14px}.compliance-info span{font-size:13px;color:var(--ink-soft)}.skills-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skill-dev-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.skill-dev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.skill-dev-header strong{font-size:15px}.skill-gap-badge{font-size:11px;font-weight:700;background:var(--orange-soft);color:var(--orange);padding:3px 8px;border-radius:6px}.skill-levels{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-mute);margin-bottom:8px}.skill-current{color:var(--brand);font-weight:600}.skill-target{color:var(--ink-soft)}.skill-level-bar{display:flex;gap:4px}.level-dot{width:100%;height:8px;border-radius:4px;background:var(--line);transition:background .15s}.level-dot.filled{background:var(--brand)}.level-dot.target:not(.filled){background:var(--brand-soft)}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.achievement-card{text-align:center;padding:18px 12px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.achievement-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.achievement-icon.yellow{background:var(--yellow-soft);color:var(--yellow)}.achievement-icon.blue{background:var(--brand-soft);color:var(--brand)}.achievement-icon.green{background:var(--green-soft);color:var(--green)}.achievement-icon.orange{background:var(--orange-soft);color:var(--orange)}.achievement-card strong{display:block;font-size:13px}.achievement-card small{font-size:11px;color:var(--ink-mute)}.cert-list{display:flex;flex-direction:column;gap:10px}.cert-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:10px}.cert-icon{width:40px;height:40px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-item>div:nth-child(2){flex:1}.cert-item strong{font-size:14px;display:block}.cert-item small{font-size:12px;color:var(--ink-mute)}.cert-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase}.cert-status.active{background:var(--green-soft);color:var(--green)}.cert-status.expiring{background:var(--orange-soft);color:var(--orange)}.cert-status.expired{background:#fef2f2;color:var(--red)}.deadlines-list{display:flex;flex-direction:column;gap:8px}.deadline-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg);border-radius:10px;border:1px solid transparent;transition:border .12s}.deadline-item:hover{border-color:var(--line)}.deadline-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.deadline-icon.blue{background:var(--brand-soft);color:var(--brand)}.deadline-icon.green{background:var(--green-soft);color:var(--green)}.deadline-icon.orange{background:var(--orange-soft);color:var(--orange)}.deadline-icon.overdue{background:#fef2f2;color:var(--red)}.deadline-info{flex:1}.deadline-info strong{font-size:14px;display:block}.deadline-info span{font-size:12px;color:var(--ink-mute)}.deadline-date{font-size:13px;font-weight:600;color:var(--ink-soft)}.deadline-date.overdue{color:var(--red)}.view-toggle{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px}.view-toggle button{background:none;border:0;padding:8px 10px;border-radius:7px;cursor:pointer;color:var(--ink-mute)}.view-toggle button.active{background:var(--brand);color:#fff}.toolbar-right{display:flex;gap:10px;align-items:center}.learning-grid .course-card{margin:0}.course-list{display:flex;flex-direction:column;gap:12px}.course-card.list-view{flex-direction:row;cursor:pointer;padding:14px}.course-card.list-view:hover{border-color:var(--brand-2)}.course-card-image.list-image{width:120px;aspect-ratio:16/9;flex-shrink:0;border-radius:10px;overflow:hidden;position:relative;cursor:pointer}.course-card-image.list-image .course-art{width:100%;height:100%;border-radius:0}.course-card-body.list-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:0}.list-body-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.list-meta{display:flex;gap:14px;font-size:12px;color:var(--ink-soft);align-items:center;white-space:nowrap}.level-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--line-soft);color:var(--ink-soft)}.level-badge.foundation{background:var(--green-soft);color:var(--green)}.level-badge.intermediate{background:var(--orange-soft);color:var(--orange)}.level-badge.advanced{background:var(--red);color:#fff}.list-progress{display:flex;flex-direction:column;gap:6px}.due-date{font-size:12px;color:var(--ink-mute)}.due-date.overdue{color:var(--red);font-weight:600}.card-due-date{font-size:12px;color:var(--ink-mute);margin-top:2px}.card-due-date.overdue{color:var(--red);font-weight:600}.course-badge.mandatory{background:var(--red);color:#fff}.explore-toolbar{display:flex;gap:12px;margin-bottom:20px}.explore-search{display:flex;align-items:center;gap:8px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.explore-search input{border:0;background:none;outline:none;flex:1;font-size:14px}.filter-select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}.explore-section{margin-bottom:36px}.catalogue-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.learner-count{font-size:12px;color:var(--ink-mute)}.detail-description{font-size:16px;color:var(--ink-soft);margin:0}.detail-long-desc{color:var(--ink-soft);line-height:1.7;margin:12px 0 0}.detail-subsection{margin-top:24px}.detail-subsection h3{font-size:15px;margin-bottom:12px}.prerequisites{display:flex;flex-direction:column;gap:8px}.prereq-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft)}.prereq-item svg{color:var(--ink-mute);flex-shrink:0}.star-icon{color:var(--accent);fill:var(--accent)}.curriculum-module{margin-bottom:4px}.curriculum-module-header{display:flex;align-items:center;gap:10px;padding:10px 8px;font-size:14px}.curriculum-module-header .module-number{width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.curriculum-module-header small{margin-left:auto;font-size:12px;color:var(--ink-mute)}.player-module{margin-bottom:4px}.player-module-header{display:flex;align-items:center;gap:10px;padding:8px}.player-module-header .module-number{width:24px;height:24px;border-radius:6px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.player-module-header strong{font-size:13px}.resources-list{display:flex;flex-direction:column;gap:8px}.resource-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:10px}.resource-icon{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-item>div:nth-child(2){flex:1}.resource-item strong{font-size:13px;display:block}.resource-item small{font-size:11px;color:var(--ink-mute)}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{padding:16px;background:var(--bg);border-radius:12px}.review-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-avatar{width:36px;height:36px}.review-header>div:nth-child(2){flex:1}.review-header strong{font-size:14px;display:block}.review-header small{font-size:12px;color:var(--ink-mute)}.review-stars{display:flex;gap:2px}.star-filled{color:var(--accent);fill:var(--accent)}.star-empty{color:var(--line)}.review-item p{font-size:14px;color:var(--ink-soft);margin:0}.mandatory-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--green)}.progress-sidebar{display:flex;flex-direction:column;gap:10px}.progress-sidebar-stat{display:flex;align-items:baseline;gap:8px}.progress-sidebar-stat strong{font-size:28px;font-weight:700}.progress-sidebar-stat span{font-size:13px;color:var(--ink-mute)}.sidebar-due-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)}.sidebar-due-date.overdue{color:var(--red)}.player-top-title{display:flex;flex-direction:column}.lesson-text-content h2{font-size:20px;margin:24px 0 10px}.lesson-text-content p{color:var(--ink-soft);margin:0 0 16px;line-height:1.7}.lesson-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.lesson-controls-left,.lesson-controls-right{display:flex;gap:8px}.secondary-button.active-toggle{background:var(--brand-soft);border-color:var(--brand-2);color:var(--brand)}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.notes-panel{margin-top:20px;padding:18px;background:var(--bg);border-radius:12px}.notes-panel h3{font-size:15px;margin-bottom:10px}.notes-panel textarea{width:100%;min-height:120px;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:14px;font-family:inherit;resize:vertical;outline:none}.notes-panel textarea:focus{border-color:var(--brand-2)}.notes-panel small{display:block;margin-top:8px;font-size:12px;color:var(--ink-mute)}.resources-panel{margin-top:20px;padding:18px;background:var(--bg);border-radius:12px}.resources-panel h3{font-size:15px;margin-bottom:12px}.lesson-pdf-content,.lesson-presentation-content,.lesson-audio-content,.lesson-external-content,.lesson-scorm-content,.lesson-interactive-content{margin:24px 0}.pdf-placeholder,.presentation-placeholder,.audio-placeholder,.external-placeholder,.scorm-placeholder,.interactive-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;background:var(--bg);border:2px dashed var(--line);border-radius:16px;text-align:center}.pdf-placeholder svg,.presentation-placeholder svg,.external-placeholder svg,.scorm-placeholder svg,.interactive-placeholder svg{color:var(--brand)}.pdf-placeholder strong,.presentation-placeholder strong,.audio-placeholder strong,.external-placeholder strong,.scorm-placeholder strong,.interactive-placeholder strong{font-size:16px}.pdf-placeholder span,.presentation-placeholder span,.audio-placeholder span,.external-placeholder span,.scorm-placeholder span,.interactive-placeholder span{font-size:13px;color:var(--ink-mute)}.audio-icon{width:80px;height:80px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.audio-player-bar{display:flex;align-items:center;gap:12px;width:100%;max-width:400px;margin-top:8px}.audio-progress{flex:1;height:6px;background:var(--line);border-radius:6px;overflow:hidden}.audio-progress-fill{height:100%;width:35%;background:var(--brand);border-radius:6px}.play-circle.small{width:40px;height:40px}.profile-header-card{display:flex;align-items:center;gap:24px;margin-bottom:24px}.profile-avatar-large{width:80px;height:80px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--orange),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px}.profile-info{flex:1}.profile-info h2{font-size:24px}.profile-role{font-size:14px;color:var(--ink-soft)}.profile-meta{display:flex;gap:18px;margin-top:8px}.profile-meta span{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-mute)}.profile-stats{display:flex;gap:28px}.profile-stats>div{text-align:center}.profile-stats strong{font-size:24px;font-weight:700;display:block}.profile-stats span{font-size:12px;color:var(--ink-mute)}.profile-kpis{grid-template-columns:repeat(5,1fr)}.profile-course-list{display:flex;flex-direction:column;gap:12px}.profile-course-item{display:flex;align-items:center;gap:14px;padding:12px;background:var(--bg);border-radius:10px;cursor:pointer}.profile-course-item:hover{background:var(--brand-soft)}.profile-course-item .course-art{width:48px;height:36px;border-radius:8px}.profile-course-item .course-art svg{width:20px;height:20px}.profile-course-info{flex:1;display:flex;flex-direction:column;gap:6px}.profile-course-info strong{font-size:14px}.profile-course-info span{font-size:12px;color:var(--ink-mute)}.profile-course-progress{font-size:18px;font-weight:700;color:var(--brand)}.profile-skills-list{display:flex;flex-direction:column;gap:14px}.profile-skill-item{display:flex;flex-direction:column;gap:8px}.skill-info{display:flex;justify-content:space-between}.skill-info strong{font-size:14px}.skill-info span{font-size:12px;color:var(--ink-mute)}@media (max-width: 1024px){.skills-dashboard-grid,.achievements-grid{grid-template-columns:repeat(2,1fr)}.profile-header-card{flex-direction:column;text-align:center}.profile-stats,.profile-meta{justify-content:center}}@media (max-width: 768px){.skills-dashboard-grid,.achievements-grid{grid-template-columns:1fr}.explore-toolbar{flex-direction:column}.filter-select{width:100%}.compliance-banner{flex-direction:column;text-align:center}.lesson-controls{flex-direction:column}.lesson-controls-left,.lesson-controls-right{width:100%;justify-content:center}.profile-stats{flex-wrap:wrap;gap:16px}.course-card.list-view{flex-direction:column}.course-card-image.list-image{width:100%}}.admin-courses-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.admin-course-row{position:relative}.table-course{display:flex;align-items:center;gap:12px}.table-course .course-art{width:48px;height:36px;border-radius:8px}.table-course .course-art svg{width:20px;height:20px}.table-course strong{font-size:14px;display:block}.table-course small{font-size:11px;color:var(--ink-mute)}.table-date{font-size:12px;color:var(--ink-mute)}.table-actions{display:flex;gap:4px;position:relative}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:capitalize}.status-pill i{width:7px;height:7px;border-radius:50%}.status-pill.published{background:var(--green-soft);color:var(--green)}.status-pill.published i{background:var(--green)}.status-pill.draft{background:var(--orange-soft);color:var(--orange)}.status-pill.draft i{background:var(--orange)}.status-pill.archived{background:var(--line-soft);color:var(--ink-mute)}.status-pill.archived i{background:var(--ink-mute)}.action-dropdown{position:absolute;top:100%;right:0;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;min-width:160px;display:flex;flex-direction:column;gap:2px}.action-dropdown button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--ink-soft);text-align:left}.action-dropdown button:hover{background:var(--bg);color:var(--ink)}.large-modal{max-width:640px}.creation-options-grid{display:flex;flex-direction:column;gap:10px}.creation-option-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;text-align:left;transition:border .12s,background .12s,transform .12s}.creation-option-card:hover{border-color:var(--brand-2);background:var(--brand-soft);transform:translateY(-1px)}.creation-option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.creation-option-icon.blue{background:var(--brand-soft);color:var(--brand)}.creation-option-icon.purple{background:#f3e8ff;color:#7c3aed}.creation-option-icon.teal{background:var(--teal-soft);color:var(--teal)}.creation-option-icon.orange{background:var(--orange-soft);color:var(--orange)}.creation-option-icon.slate{background:var(--line-soft);color:#475569}.creation-option-card>div:nth-child(2){flex:1}.creation-option-card strong{font-size:15px;display:inline-flex;align-items:center;gap:8px}.creation-option-card p{font-size:13px;color:var(--ink-mute);margin:4px 0 0}.creation-arrow{color:var(--ink-mute)}.ai-badge{font-size:10px;font-weight:700;background:#7c3aed;color:#fff;padding:2px 6px;border-radius:4px}.duplicate-picker{padding:8px 0}.duplicate-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.duplicate-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}.duplicate-item:hover{border-color:var(--brand-2);background:var(--brand-soft)}.duplicate-item span{flex:1;font-size:14px;font-weight:600}.duplicate-item small{font-size:12px;color:var(--ink-mute)}.course-wizard{display:flex;flex-direction:column;height:100vh}.wizard-topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.wizard-title{display:flex;flex-direction:column;flex:1}.wizard-title strong{font-size:15px}.wizard-title span{font-size:12px;color:var(--ink-mute)}.publish-status{font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px}.publish-status.ready{background:var(--green-soft);color:var(--green)}.publish-status.not-ready{background:var(--orange-soft);color:var(--orange)}.wizard-body{display:flex;flex:1;overflow:hidden}.wizard-sidebar{width:260px;background:var(--panel);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex-shrink:0}.wizard-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:none;border:0;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink-soft);text-align:left;width:100%;transition:background .12s,color .12s}.wizard-step:hover{background:var(--bg)}.wizard-step.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.wizard-step.done{color:var(--green)}.step-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink-mute);flex-shrink:0}.wizard-step.active .step-icon{background:var(--brand);color:#fff}.wizard-step.done .step-icon{background:var(--green-soft);color:var(--green)}.step-check{margin-left:auto;color:var(--green)}.wizard-content{flex:1;overflow-y:auto;padding:32px 40px;max-width:800px}.wizard-step-content h2{font-size:22px;margin-bottom:6px}.wizard-step-content>.muted{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:600;color:var(--ink-soft)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;background:var(--panel);transition:border .12s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--brand-2)}.form-field textarea{resize:vertical}.checkbox-field{flex-direction:row!important;align-items:center;gap:10px!important}.checkbox-field input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.checkbox-field span{font-size:14px}.tag-input-row{display:flex;gap:8px}.tag-input-row input{flex:1}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:var(--brand-soft);color:var(--brand);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.tag-chip:hover{background:#c3dbf5}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;border:2px dashed var(--line);border-radius:14px;text-align:center;cursor:pointer;transition:border .12s}.upload-zone:hover{border-color:var(--brand-2)}.upload-zone span{font-size:14px;font-weight:600}.upload-zone small{font-size:12px;color:var(--ink-mute)}.list-builder{display:flex;flex-direction:column;gap:8px}.list-builder-input input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;outline:none}.list-builder-input input:focus{border-color:var(--brand-2)}.list-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg);border-radius:10px}.list-item>svg{color:var(--green);flex-shrink:0}.list-item span{flex:1;font-size:14px}.list-item button{background:none;border:0;color:var(--ink-mute);cursor:pointer;padding:4px}.list-item button:hover{color:var(--red)}.placeholder-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;background:var(--bg);border:2px dashed var(--line);border-radius:14px;text-align:center}.placeholder-card svg{color:var(--brand)}.placeholder-card strong{font-size:15px}.placeholder-card p{font-size:13px;color:var(--ink-mute);margin:0;max-width:400px}.cert-preview{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.cert-preview svg{color:var(--brand)}.cert-preview strong{font-size:16px;display:block}.cert-preview span{font-size:14px;color:var(--ink-soft)}.cert-preview small{font-size:12px;color:var(--ink-mute)}.publish-checklist{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.checklist-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-radius:10px;font-size:14px}.checklist-item.done{color:var(--green)}.checklist-item:not(.done){color:var(--orange)}.publish-actions{display:flex;gap:10px}.wizard-footer{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--panel);border-top:1px solid var(--line);flex-shrink:0}.wizard-footer .secondary-button{margin-right:auto}.wizard-progress{flex:1;max-width:300px}.primary-button.small{padding:6px 12px;font-size:12px}.curriculum-builder{display:flex;flex-direction:column;gap:12px}.empty-curriculum{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px;text-align:center;color:var(--ink-mute)}.curriculum-module-edit{border:1px solid var(--line);border-radius:12px;overflow:hidden}.curriculum-module-header-edit{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg)}.expand-toggle{background:none;border:0;cursor:pointer;padding:4px;color:var(--ink-mute);display:flex}.grip{color:var(--ink-mute);cursor:grab}.module-title-input{flex:1;border:0;background:none;font-size:15px;font-weight:600;outline:none;padding:4px 6px;border-radius:6px}.module-title-input:focus{background:var(--panel);border:1px solid var(--line)}.lesson-count{font-size:12px;color:var(--ink-mute);white-space:nowrap}.module-actions,.lesson-actions{display:flex;gap:2px}.module-actions button,.lesson-actions button{background:none;border:0;padding:6px;border-radius:6px;cursor:pointer;color:var(--ink-mute);display:flex}.module-actions button:hover,.lesson-actions button:hover{background:var(--panel);color:var(--ink)}.module-actions button:disabled,.lesson-actions button:disabled{opacity:.3;cursor:not-allowed}.curriculum-lessons-edit{padding:8px 14px 14px;display:flex;flex-direction:column;gap:6px}.curriculum-lesson-edit{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--line-soft);border-radius:8px}.lesson-type-icon{width:28px;height:28px;border-radius:7px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-title-edit{flex:1;font-size:13px;font-weight:500}.lesson-type-label{font-size:11px;color:var(--ink-mute);text-transform:uppercase;font-weight:600}.lesson-add-row{padding-top:8px}.add-lesson-buttons{display:flex;gap:6px;flex-wrap:wrap}.add-lesson-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer}.add-lesson-btn:hover{border-color:var(--brand-2);color:var(--brand)}.add-lesson-form{display:flex;gap:6px;align-items:center}.add-lesson-form select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:var(--panel)}.add-lesson-form input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;outline:none}.add-lesson-form input:focus{border-color:var(--brand-2)}.add-module-row{display:flex;gap:8px;margin-top:8px}.add-module-row input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;outline:none}.add-module-row input:focus{border-color:var(--brand-2)}.assignment-form{display:flex;flex-direction:column;gap:16px;padding:20px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assignee-type-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.assignee-type-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}.assignee-type-tabs button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--line);margin-top:8px}@media (max-width: 768px){.wizard-sidebar{display:none}.form-grid,.form-row{grid-template-columns:1fr}.wizard-content{padding:20px}}.question-bank-toolbar,.assignment-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.question-bank-toolbar .toolbar-search,.assignment-toolbar .toolbar-search{flex:1;max-width:420px}.question-table-head,.question-table-row{grid-template-columns:2fr 1fr 1fr 1.3fr .8fr 1.2fr .8fr .9fr 80px}.question-text-cell{font-weight:600;color:var(--ink);line-height:1.35}.skill-cell{font-size:12px;color:var(--ink-soft)}.type-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700}.question-editor-body,.assessment-editor-body,.assignment-editor-body{display:flex;flex-direction:column;gap:16px;padding:18px 0}.options-editor{display:flex;flex-direction:column;gap:8px}.options-header{display:flex;justify-content:space-between;align-items:center}.options-header strong{font-size:14px}.option-row{display:flex;align-items:center;gap:8px}.option-row input[type=radio],.option-row input[type=checkbox]{accent-color:var(--brand)}.option-row input[type=text],.option-row>input:not([type]){flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px}.option-row button{border:0;background:none;color:var(--ink-mute);cursor:pointer}.config-toggles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:var(--bg);border-radius:10px}.config-toggles .checkbox-field{display:flex;align-items:center;gap:8px;font-size:13px}.assessment-list,.learner-assessment-list,.learner-assignment-list{display:flex;flex-direction:column;gap:12px}.assessment-card{cursor:pointer;transition:border .12s,transform .12s}.assessment-card:hover{border-color:var(--brand-2);transform:translateY(-1px)}.assessment-card-header{display:flex;align-items:center;gap:14px}.assessment-icon{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.assessment-icon.small{width:34px;height:34px;border-radius:9px}.assessment-info{flex:1;display:flex;flex-direction:column;gap:5px}.assessment-info strong{font-size:15px}.assessment-info span{font-size:12px;color:var(--ink-mute)}.assessment-result-badge{font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;background:var(--line-soft);color:var(--ink-mute)}.assessment-result-badge.pending{background:var(--orange-soft);color:var(--orange)}.assessment-questions-section{border-top:1px solid var(--line);padding-top:18px}.assessment-questions-section h3{font-size:16px}.question-picker-search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px}.question-picker-search input{border:0;background:none;outline:none;flex:1;font-size:13px}.question-picker-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}.question-picker-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:left;cursor:pointer}.question-picker-item:hover,.question-picker-item.selected{border-color:var(--brand-2);background:var(--brand-soft)}.picker-checkbox{width:20px;height:20px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.question-picker-item.selected .picker-checkbox{background:var(--brand);border-color:var(--brand)}.picker-question-info{display:flex;flex-direction:column;gap:3px}.picker-question-info strong{font-size:13px}.picker-question-info span{font-size:11px;color:var(--ink-mute)}.result-history{display:flex;flex-direction:column;gap:4px}.result-history-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.result-history-row:last-child{border-bottom:0}.result-history-row>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.result-history-row strong{font-size:14px}.result-history-row span{font-size:12px;color:var(--ink-mute)}.success-text{color:var(--green)}.error-text{color:var(--red)}.assessment-instructions-page,.assessment-results-page{min-height:calc(100vh - 64px);padding:24px;display:flex;flex-direction:column;align-items:center}.assessment-instructions-page>.back-button{align-self:flex-start}.assessment-instructions-card,.results-card{width:100%;max-width:720px;text-align:center;margin-top:24px}.assessment-hero-icon{width:72px;height:72px;border-radius:20px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.assessment-instructions-card h1,.results-card h1{font-size:28px;margin:8px 0}.assessment-description{color:var(--ink-soft);max-width:560px;margin:0 auto}.assessment-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.assessment-stats div{background:var(--bg);padding:16px;display:flex;flex-direction:column;gap:4px}.assessment-stats strong{font-size:20px}.assessment-stats span{color:var(--ink-mute);font-size:12px}.assessment-rules{text-align:left;padding:18px;background:var(--bg);border-radius:12px;margin-bottom:24px}.assessment-rules h3{font-size:15px;margin-bottom:8px}.assessment-rules ul{margin:0;padding-left:20px;color:var(--ink-soft);font-size:13px;line-height:1.8}.start-assessment-button{margin:0 auto}.assessment-taking-page{min-height:calc(100vh - 64px);margin:-32px}.assessment-taking-topbar{height:68px;display:flex;align-items:center;gap:20px;padding:12px 28px;background:var(--panel);border-bottom:1px solid var(--line)}.assessment-taking-topbar>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.assessment-taking-topbar strong{font-size:14px}.assessment-taking-topbar span{font-size:12px;color:var(--ink-mute)}.assessment-timer{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.assessment-timer.warning{color:var(--red)}.assessment-taking-body{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 132px)}.question-nav-panel{background:var(--panel);border-right:1px solid var(--line);padding:24px}.question-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 22px}.question-nav-grid button{height:38px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);font-weight:600;cursor:pointer;position:relative}.question-nav-grid button.active{background:var(--brand);border-color:var(--brand);color:#fff}.question-nav-grid button.answered:not(.active){border-color:var(--green);color:var(--green)}.question-nav-grid button.flagged:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--orange);border-radius:50%}.question-nav-legend{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--ink-mute)}.question-nav-legend span{display:flex;align-items:center;gap:7px}.question-nav-legend i{width:9px;height:9px;border-radius:3px;background:var(--line)}.legend-current{background:var(--brand)!important}.legend-answered{border:1px solid var(--green)}.legend-flagged{background:var(--orange)!important}.assessment-progress-box{margin-top:28px;padding:14px;background:var(--bg);border-radius:10px;display:flex;flex-direction:column;gap:7px}.assessment-progress-box span{font-size:12px;color:var(--ink-mute)}.assessment-progress-box strong{font-size:20px}.question-content{max-width:800px;width:100%;padding:48px 64px}.question-content-header{display:flex;justify-content:space-between;align-items:center}.flag-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--ink-mute);cursor:pointer;font-size:12px}.flag-button.active{color:var(--orange)}.question-content h1{font-size:24px;line-height:1.35;margin:28px 0}.answer-hint{color:var(--ink-mute);font-size:13px;margin:0 0 10px}.answer-options{display:flex;flex-direction:column;gap:10px;max-width:640px}.answer-option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--panel);text-align:left;font-size:14px;cursor:pointer;color:var(--ink)}.answer-option:hover,.answer-option.selected{border-color:var(--brand-2);background:var(--brand-soft)}.answer-radio{width:18px;height:18px;border:2px solid var(--line);border-radius:50%;flex-shrink:0}.answer-option.selected .answer-radio{border:5px solid var(--brand)}.answer-checkbox{width:18px;height:18px;border:2px solid var(--line);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.answer-option.selected .answer-checkbox{background:var(--brand);border-color:var(--brand);color:#fff}.text-answer-input input,.essay-answer-input textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;outline:none}.text-answer-input input:focus,.essay-answer-input textarea:focus{border-color:var(--brand-2)}.essay-answer-input small{color:var(--ink-mute);font-size:12px}.question-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:48px;max-width:640px}.question-navigation>span{color:var(--ink-mute);font-size:13px}.submit-confirmation{text-align:center;max-width:420px}.submit-confirmation h2{margin:8px 0}.submit-confirmation p{color:var(--ink-soft)}.unanswered-warning{display:flex;align-items:center;gap:8px;padding:10px;background:var(--orange-soft);color:var(--orange);border-radius:8px;font-size:13px;margin:12px 0}.submit-confirmation .modal-footer{margin-top:18px}.results-card.passed .results-icon{color:var(--green);background:var(--green-soft)}.results-card.failed .results-icon{color:var(--red);background:#fef2f2}.results-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.results-score{margin:24px auto;display:flex;flex-direction:column;gap:4px}.results-score strong{font-size:56px}.results-score span{color:var(--ink-mute)}.results-meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px}.results-meta div{padding:14px 8px;background:var(--bg);display:flex;flex-direction:column;gap:5px}.results-meta span{font-size:11px;color:var(--ink-mute)}.results-meta strong{font-size:14px}.results-actions{display:flex;justify-content:center;gap:10px}.assignment-table-head,.assignment-table-row{grid-template-columns:1.6fr 1.3fr 1fr .7fr .8fr 1fr 80px}.assignment-table-row>div:first-child,.review-table-row>div:first-child{display:flex;flex-direction:column;gap:3px}.assignment-table-row strong,.review-table-row strong{font-size:13px}.assignment-table-row small,.review-table-row small{color:var(--ink-mute);font-size:11px}.learner-assignment-card{display:flex;align-items:center;gap:14px}.assignment-card-icon{width:44px;height:44px;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:flex;align-items:center;justify-content:center}.assignment-card-info{flex:1}.assignment-card-info h3{font-size:16px;margin:3px 0}.assignment-card-info p{display:flex;align-items:center;gap:5px;color:var(--ink-mute);font-size:12px;margin:0}.assignment-experience{padding:24px 0}.assignment-experience-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:20px}.assignment-detail-card h1{font-size:28px;margin:10px 0}.assignment-meta{display:flex;gap:14px;align-items:center;color:var(--ink-mute);font-size:12px}.assignment-meta span{display:flex;align-items:center;gap:5px}.assignment-instructions{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.assignment-instructions h2,.assignment-submission-form h2{font-size:18px;margin-bottom:10px}.assignment-instructions p{color:var(--ink-soft);line-height:1.7}.assignment-submission-form{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.file-upload-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;border:2px dashed var(--line);border-radius:12px;margin-top:14px;text-align:center;color:var(--ink-mute);overflow:hidden}.file-upload-area strong{color:var(--ink)}.file-upload-area span{font-size:12px}.file-upload-area input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.graded-feedback{background:var(--green-soft);border-radius:10px;padding:16px;margin-top:16px}.graded-feedback>div{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.graded-feedback strong{font-size:12px;color:var(--green)}.graded-feedback span{font-size:22px;font-weight:700}.graded-feedback p{color:var(--ink-soft);margin:0}.resubmit-banner{display:flex;align-items:center;gap:8px;padding:12px;background:var(--orange-soft);color:var(--orange);border-radius:9px;font-size:13px;margin-top:14px}.assignment-submit-actions{display:flex;justify-content:flex-end;margin-top:18px}.submitted-confirmation{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:600;font-size:13px}.assignment-sidebar{display:flex;flex-direction:column;gap:16px}.assignment-sidebar>div{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.assignment-sidebar>div:last-child{border-bottom:0}.assignment-sidebar strong{font-size:12px;color:var(--ink-mute)}.assignment-sidebar span{font-size:14px}.review-table-head,.review-table-row{grid-template-columns:1.2fr 1.5fr 1fr 1fr .6fr 100px}.submission-preview{background:var(--bg);border-radius:10px;padding:16px;margin-bottom:18px}.submission-preview-header{display:flex;align-items:center;gap:10px;color:var(--brand)}.submission-preview-header>div{display:flex;flex-direction:column;gap:2px}.submission-preview-header strong{color:var(--ink);font-size:14px}.submission-preview-header span{color:var(--ink-mute);font-size:11px}.submission-preview p{color:var(--ink-soft);font-size:13px;line-height:1.6}@media (max-width: 900px){.question-table-head,.question-table-row,.assignment-table-head,.assignment-table-row,.review-table-head,.review-table-row{grid-template-columns:1.5fr 1fr .8fr 80px}.question-table-head span:nth-child(n+4):not(:last-child),.question-table-row>span:nth-child(n+4):not(:last-child),.assignment-table-head span:nth-child(n+4):not(:last-child),.assignment-table-row>span:nth-child(n+4):not(:last-child){display:none}.assessment-taking-body{grid-template-columns:1fr}.question-nav-panel{display:none}.question-content{padding:28px 20px}.assignment-experience-grid{grid-template-columns:1fr}}@media (max-width: 600px){.assessment-stats,.results-meta{grid-template-columns:repeat(2,1fr)}.assessment-taking-topbar{padding:10px 14px}.assessment-taking-topbar .back-button{font-size:0}.assessment-taking-topbar .back-button svg{width:18px}.results-actions{flex-direction:column}.learner-assignment-card{flex-wrap:wrap}.learner-assignment-card .assignment-card-info{min-width:calc(100% - 60px)}}.path-list{display:flex;flex-direction:column;gap:12px}.path-card{cursor:pointer;transition:border .12s,transform .12s}.path-card:hover{border-color:var(--brand-2);transform:translateY(-1px)}.path-card-header{display:flex;align-items:center;gap:14px}.path-icon{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.path-info{flex:1;display:flex;flex-direction:column;gap:5px}.path-info strong{font-size:15px}.path-info span{font-size:12px;color:var(--ink-mute)}.cert-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--green-soft);color:var(--green);border-radius:6px;font-size:11px;font-weight:600}.path-editor-body{display:flex;flex-direction:column;gap:16px;padding:18px 0}.path-courses-section{border-top:1px solid var(--line);padding-top:18px}.path-courses-list{display:flex;flex-direction:column;gap:6px}.path-course-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border-radius:10px}.path-course-position{width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.path-course-info{flex:1;display:flex;flex-direction:column;gap:3px}.path-course-info strong{font-size:13px}.path-course-info small{font-size:11px;color:var(--ink-mute)}.checkbox-field.small{display:flex;align-items:center;gap:6px;font-size:12px}.checkbox-field.small input{width:15px;height:15px}.course-order-actions{display:flex;gap:2px}.course-order-actions button{background:none;border:0;padding:5px;border-radius:6px;cursor:pointer;color:var(--ink-mute)}.course-order-actions button:hover{background:var(--panel);color:var(--ink)}.course-order-actions button:disabled{opacity:.3;cursor:not-allowed}.course-picker-overlay{position:absolute;bottom:70px;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:12px;max-height:240px;overflow:auto;z-index:10}.course-picker-list{display:flex;flex-direction:column;gap:6px}.course-picker-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}.course-picker-item:hover{border-color:var(--brand-2);background:var(--brand-soft)}.course-picker-item strong{font-size:13px}.course-picker-item small{font-size:11px;color:var(--ink-mute);display:block}.learner-path-list{display:flex;flex-direction:column;gap:20px}.learner-path-card{padding:24px}.learner-path-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.path-progress-summary{display:flex;flex-direction:column;gap:6px;min-width:200px}.path-progress-summary .progress-track{width:100%}.path-progress-summary span{font-size:12px;color:var(--ink-mute);text-align:right}.learner-path-meta{display:flex;flex-wrap:wrap;gap:16px;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin-bottom:16px;font-size:13px;color:var(--ink-mute)}.learner-path-meta span{display:flex;align-items:center;gap:5px}.learner-path-meta .cert-badge{color:var(--green)}.learner-path-steps{display:flex;flex-direction:column;gap:8px}.path-step{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;transition:border .12s,background .12s;text-align:left}.path-step:hover{border-color:var(--brand-2);background:var(--brand-soft)}.path-step:disabled{opacity:.5;cursor:not-allowed}.path-step.completed{border-color:var(--green)}.path-step.in-progress{border-color:var(--brand)}.path-step.locked{background:var(--bg)}.step-number{width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--ink-mute);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.path-step.completed .step-number{background:var(--green);color:#fff}.path-step.in-progress .step-number{background:var(--brand);color:#fff}.step-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.path-step.completed .step-icon{color:var(--green)}.path-step.in-progress .step-icon{color:var(--brand)}.path-step.locked .step-icon{color:var(--ink-mute)}.step-info{flex:1;display:flex;flex-direction:column;gap:4px}.step-info strong{font-size:14px}.step-info span{font-size:12px;color:var(--ink-mute)}.step-progress{margin-top:4px}.step-progress .progress-track{width:120px}.step-status-label{font-size:12px;font-weight:600;color:var(--ink-mute);text-transform:capitalize}.path-step.completed .step-status-label{color:var(--green)}.path-step.in-progress .step-status-label{color:var(--brand)}.compliance-table-head,.compliance-table-row{grid-template-columns:1.8fr 1fr .8fr .8fr .6fr .6fr .8fr 90px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.template-card{padding:0;overflow:hidden;cursor:pointer;transition:border .12s,transform .12s}.template-card:hover{border-color:var(--brand-2);transform:translateY(-2px)}.template-card-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line)}.template-card-footer strong{font-size:14px}.template-card-footer span{font-size:12px;color:var(--ink-mute)}.template-actions{display:flex;gap:4px}.template-actions button{background:none;border:0;padding:6px;border-radius:6px;cursor:pointer;color:var(--ink-mute)}.template-actions button:hover{background:var(--bg);color:var(--ink)}.cert-preview-large{border:3px solid var(--brand);border-radius:14px;overflow:hidden;background:#fff}.cert-preview-header{display:flex;align-items:center;gap:10px;padding:16px 20px;color:#fff}.cert-preview-header strong{font-size:16px}.cert-preview-header span{font-size:12px;opacity:.9}.cert-preview-body{padding:24px 20px;text-align:center}.cert-body-text{font-size:13px;color:#64748b;margin:0 0 12px}.cert-learner-name{font-size:22px;font-weight:700;margin:8px 0}.cert-course-name{font-size:16px;font-weight:600;color:#334155;margin:4px 0}.cert-issue-date{font-size:12px;color:#94a3b8;margin-top:8px}.cert-number{font-size:11px;color:#94a3b8;margin-top:4px;font-family:monospace}.cert-preview-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 20px;border-top:1px solid #e2e8f0}.cert-signature{display:flex;flex-direction:column;gap:2px}.cert-sig-line{width:120px;height:1px;background:#94a3b8;margin-bottom:4px}.cert-signature strong{font-size:12px}.cert-signature span{font-size:10px;color:#94a3b8}.cert-qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-box{width:48px;height:48px;background:repeating-conic-gradient(#1e293b,#1e293b 25%,#fff 0%,#fff 50%) 50% / 8px 8px;border:1px solid #cbd5e1;border-radius:4px}.cert-qr-placeholder small{font-size:9px;color:#94a3b8}.cert-template-editor{max-width:900px}.cert-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0}.cert-editor-preview{display:flex;align-items:flex-start;justify-content:center}.cert-verify-page{min-height:calc(100vh - 64px);padding:48px 24px;display:flex;align-items:flex-start;justify-content:center;background:var(--bg)}.cert-verify-container{width:100%;max-width:640px}.cert-verify-hero{text-align:center;margin-bottom:32px}.cert-verify-icon{width:72px;height:72px;border-radius:20px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cert-verify-hero h1{font-size:28px;margin:8px 0}.cert-verify-hero p{color:var(--ink-mute)}.cert-verify-input-row{display:flex;gap:10px;margin-bottom:24px}.cert-verify-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--panel)}.cert-verify-search input{border:0;background:none;outline:none;flex:1;font-size:14px}.cert-verify-result{border:1px solid var(--line);border-radius:14px;overflow:hidden}.cert-verify-result.valid{border-color:var(--green)}.cert-verify-result.expired{border-color:var(--orange)}.cert-verify-result.revoked{border-color:var(--red)}.cert-verify-result.not-found{border-color:var(--line)}.cert-verify-status{display:flex;align-items:center;gap:14px;padding:20px}.cert-status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-status-icon.valid{background:var(--green-soft);color:var(--green)}.cert-status-icon.expired{background:var(--orange-soft);color:var(--orange)}.cert-status-icon.revoked{background:#fef2f2;color:var(--red)}.cert-status-icon.not-found{background:var(--line-soft);color:var(--ink-mute)}.cert-verify-status strong{font-size:18px}.cert-verify-status p{font-size:13px;color:var(--ink-mute);margin:4px 0 0}.cert-verify-details{padding:0 20px 20px}.cert-verify-info{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:16px}.cert-verify-info>div{background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:4px}.cert-verify-info span{font-size:11px;color:var(--ink-mute)}.cert-verify-info strong{font-size:14px}@media (max-width: 768px){.template-grid,.cert-editor-grid{grid-template-columns:1fr}.compliance-table-head,.compliance-table-row{grid-template-columns:1.5fr 1fr 80px}.compliance-table-head span:nth-child(n+3):not(:last-child),.compliance-table-row>span:nth-child(n+3):not(:last-child){display:none}.cert-verify-info{grid-template-columns:1fr}}.proficiency-scale-card{margin-bottom:20px;padding:18px 24px}.proficiency-scale{display:flex;gap:12px;margin-top:14px}.proficiency-level{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border-radius:10px}.level-number{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.level-label{font-size:13px;font-weight:600}.skills-table-head,.skills-table-row{grid-template-columns:1fr 1fr 2fr .8fr .8fr 80px}.skill-desc-cell{font-size:13px;color:var(--ink-soft)}.competency-list{display:flex;flex-direction:column;gap:12px}.competency-card{padding:0;overflow:hidden}.competency-header{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer}.competency-icon{width:40px;height:40px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.competency-info{flex:1;display:flex;flex-direction:column;gap:4px}.competency-info strong{font-size:15px}.competency-info span{font-size:12px;color:var(--ink-mute)}.competency-skills-list,.role-skills-list{padding:0 20px 18px;display:flex;flex-direction:column;gap:6px}.competency-skill-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border-radius:8px}.competency-skill-row strong{flex:1;font-size:13px}.role-skills-table-head,.role-skill-row{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:10px;align-items:center;padding:10px 12px}.role-skills-table-head{font-size:11px;color:var(--ink-mute);font-weight:700;text-transform:uppercase}.role-skill-row{background:var(--bg);border-radius:8px}.proficiency-badge{display:inline-flex;padding:3px 8px;background:var(--brand-soft);color:var(--brand);border-radius:6px;font-size:12px;font-weight:700}.role-skill-adder{margin-top:8px}.role-skill-adder strong{font-size:14px;display:block;margin-bottom:10px}.role-skill-adder-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.role-skill-adder-row select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.role-skill-list{display:flex;flex-wrap:wrap;gap:6px}.role-skill-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--brand-soft);border-radius:8px;font-size:12px}.role-skill-chip button{background:none;border:0;cursor:pointer;color:var(--ink-mute);padding:0;display:flex}.role-skill-chip button:hover{color:var(--red)}.skills-target-selector{margin-bottom:20px}.skills-target-selector .form-field{max-width:360px}.skills-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skill-profile-list{display:flex;flex-direction:column;gap:10px}.skill-profile-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.skill-profile-item:last-child{border-bottom:0}.skill-profile-info{display:flex;flex-direction:column;gap:3px}.skill-profile-info strong{font-size:14px}.skill-profile-info small{font-size:12px;color:var(--ink-mute)}.skill-proficiency-bar{display:flex;align-items:center;gap:10px}.proficiency-dots{display:flex;gap:4px}.proficiency-dots span{width:10px;height:10px;border-radius:50%;border:2px solid var(--line)}.proficiency-dots span.filled{background:var(--brand);border-color:var(--brand)}.skill-proficiency-bar>span{font-size:12px;color:var(--ink-mute);min-width:80px}.gap-table-head,.gap-table-row{grid-template-columns:1.2fr 1fr 1fr .6fr 1fr}.recommended-courses-list{display:flex;flex-direction:column;gap:8px}.recommended-course-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;transition:border .12s,background .12s;text-align:left}.recommended-course-card:hover{border-color:var(--brand-2);background:var(--brand-soft)}.rec-course-info{display:flex;flex-direction:column;gap:3px}.rec-course-info strong{font-size:14px}.rec-course-info small{font-size:12px;color:var(--ink-mute)}.manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compliance-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.compliance-overview-item{background:var(--bg);padding:18px;display:flex;flex-direction:column;gap:4px;text-align:center}.compliance-overview-item strong{font-size:24px}.compliance-overview-item span{font-size:12px;color:var(--ink-mute)}.compliance-overview-item.compliant strong{color:var(--green)}.compliance-overview-item.pending strong{color:var(--orange)}.compliance-overview-item.overdue strong{color:var(--red)}.learning-hours-list{display:flex;flex-direction:column;gap:8px}.learning-hours-row{display:flex;align-items:center;gap:10px}.learning-hours-row>span:first-child{flex:0 0 130px;font-size:13px}.learning-hours-row>b{font-size:13px;min-width:30px}.mini-bar{flex:1;height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden}.mini-bar.inline{max-width:80px;display:inline-flex;vertical-align:middle;margin-right:6px}.mini-bar-fill{height:100%;background:var(--brand);border-radius:3px}.mini-bar-fill.blue{background:var(--brand)}.team-table-head,.team-table-row{grid-template-columns:1.3fr 1fr 1fr .8fr .6fr .5fr .5fr 30px}.team-table-row{cursor:pointer}.team-table-row:hover{background:var(--brand-soft)}.skill-matrix-table{display:flex;flex-direction:column;gap:4px}.skill-matrix-header{display:grid;grid-template-columns:140px repeat(var(--matrix-cols, 6),1fr);gap:4px;padding:8px 0;font-size:11px;color:var(--ink-mute);font-weight:700;text-transform:uppercase}.skill-matrix-header span{text-align:center}.skill-matrix-row{display:grid;grid-template-columns:140px repeat(var(--matrix-cols, 6),1fr);gap:4px;align-items:center}.skill-matrix-row strong{font-size:13px}.matrix-cell{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin:0 auto}.matrix-cell.level-0{background:var(--line-soft);color:var(--ink-mute)}.matrix-cell.level-1{background:#fef3c7;color:#92400e}.matrix-cell.level-2{background:#fde68a;color:#78350f}.matrix-cell.level-3{background:#bfdbfe;color:#1e40af}.matrix-cell.level-4{background:#93c5fd;color:#1e3a8a}.matrix-cell.level-5{background:#6366f1;color:#fff}.skill-matrix-legend{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.skill-matrix-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-mute)}.skill-matrix-legend i{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.emp-section-list{display:flex;flex-direction:column;gap:6px}.emp-section-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.emp-section-row:last-child{border-bottom:0}.emp-section-row strong{font-size:14px}.emp-section-row span{font-size:13px;color:var(--ink-mute)}@media (max-width: 900px){.skills-dashboard-grid,.manager-grid{grid-template-columns:1fr}.skills-table-head,.skills-table-row{grid-template-columns:1fr 1fr 80px}.skills-table-head span:nth-child(3),.skills-table-row>span:nth-child(3){display:none}.gap-table-head,.gap-table-row{grid-template-columns:1fr .8fr .8fr .5fr}.gap-table-head span:last-child,.gap-table-row>span:last-child{display:none}.team-table-head,.team-table-row{grid-template-columns:1.3fr 1fr .8fr 30px}.team-table-head span:nth-child(n+3):not(:last-child),.team-table-row>span:nth-child(n+3):not(:last-child){display:none}.skill-matrix-header,.skill-matrix-row{grid-template-columns:100px repeat(3,1fr)}.skill-matrix-header span:nth-child(n+5),.skill-matrix-row>span:nth-child(n+5){display:none}}@media (max-width: 600px){.proficiency-scale{flex-direction:column}.compliance-overview{grid-template-columns:1fr}}