@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--accent-color:#004a99;--accent-hover:#003e85;--accent-glow:#004a9914;--highlight-color:#fc0;--highlight-text:#1e293b;--success-color:#10b981;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-premium:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--panel-bg:#fff;--panel-border:#e2e8f0cc;--panel-shadow:var(--shadow-lg);--soft-surface:#f1f5f9;--soft-surface-strong:#e2e8f0;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:20px;--border-radius-lg:32px}:root[data-theme=dark]{--bg-primary:#020617;--bg-secondary:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#60a5fa;--accent-glow:#3b82f626;--panel-bg:#0f172a;--panel-border:#ffffff0f;--panel-shadow:0 20px 25px -5px #0006, 0 8px 10px -6px #0006;--soft-surface:#ffffff08;--soft-surface-strong:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .4s,color .4s}:root[data-theme=light] body{background-image:radial-gradient(at 0 0,#004a9905 0,#0000 50%),radial-gradient(at 100% 100%,#ffcc0005 0,#0000 50%);background-attachment:fixed}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.04em;font-weight:800}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--border-radius-md)}.btn-primary{background-color:var(--accent-color);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 6px -1px var(--accent-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:.92rem;font-weight:700;display:inline-flex;color:#fff!important}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 10px 15px -3px var(--accent-glow);transform:translateY(-2px)}.btn-highlight{background-color:var(--highlight-color);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:12px 28px;font-size:.92rem;font-weight:800;box-shadow:0 4px 6px -1px #ffcc0026;color:var(--highlight-text)!important}.btn-highlight:hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 10px 15px -3px #fc03}.btn-outline{background:var(--bg-secondary);border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--soft-surface);border-color:var(--text-secondary);transform:translateY(-1px)}.bbdi-logo-mark{align-items:center;gap:10px;text-decoration:none;display:flex}.bbdi-logo-bb{color:var(--accent-color);letter-spacing:-.05em;font-size:1.8rem;font-weight:900;line-height:1}.bbdi-logo-academy{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.25em;border-left:2px solid var(--panel-border);padding-left:12px;font-size:.85rem;font-weight:700;line-height:1}.input-field{background:var(--bg-primary);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:14px 18px}.input-field:focus{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.theme-toggle{z-index:1000;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-smooth);border-radius:18px;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;bottom:28px;right:28px}.theme-toggle:hover{color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)rotate(10deg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1240px;margin:0 auto;padding:0 32px}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.container{padding:0 20px}}.login-wrapper{place-items:center;min-height:100vh;padding:24px;display:grid}.login-container{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);width:min(440px,100%);padding:40px;box-shadow:0 20px 50px #004a991f}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;margin-bottom:12px}.login-tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:.82rem;font-weight:600}.login-header h1{color:var(--accent-color);margin-bottom:8px;font-size:1.5rem}.login-form{gap:20px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.85rem;font-weight:700}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;opacity:.7;position:absolute;left:14px}.input-field.with-icon{padding-left:44px}.error-message{border-left:4px solid var(--error-color);color:var(--error-color);border-radius:var(--border-radius-sm);background:#fef2f2;padding:12px;font-size:.88rem;font-weight:500}.login-btn{width:100%;height:48px;margin-top:10px}.login-footer{text-align:center;border-top:1px solid var(--soft-surface);margin-top:32px;padding-top:24px}.security-note{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;font-weight:600;display:inline-flex}.master-hint{color:#94a3b8;font-size:.72rem;font-style:italic}:root[data-theme=dark] .login-container{background:var(--bg-secondary);box-shadow:0 20px 50px #0006}:root[data-theme=dark] .login-footer{border-top-color:var(--panel-border)}@media (width<=480px){.login-container{box-shadow:none;background:0 0;border:none;border-radius:0;padding:30px 20px}.login-wrapper{background:var(--bg-secondary);align-items:flex-start}}.sector-card{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);text-align:left;cursor:pointer;width:100%;transition:var(--transition-smooth);flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 12px #00000008}.sector-card:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 12px 24px var(--accent-glow);transform:translateY(-4px)}.sector-card.is-highlighted{border-width:2px;border-color:var(--accent-color);background:linear-gradient(#fff 0%,#f0f7ff 100%)}.sector-card.is-locked{opacity:.6;cursor:not-allowed;background:var(--soft-surface)}.sector-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.sector-icon{border-radius:var(--border-radius-sm);width:52px;height:52px;transition:var(--transition-smooth);place-items:center;display:grid}.sector-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:800}.sector-badge.is-active{color:#28a745;background:#28a7451a}.sector-badge.is-highlighted{background:var(--accent-color);color:#fff}.sector-badge.is-locked{color:#94a3b8;background:#f1f5f9}.sector-card-body h3{color:var(--accent-color);margin-bottom:8px;font-size:1.15rem}.sector-card-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5em;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sector-card-footer{border-top:1px solid var(--soft-surface);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;font-size:.82rem;font-weight:600;display:flex}.sector-action{color:var(--accent-color)}:root[data-theme=dark] .sector-card{background:var(--bg-secondary)}:root[data-theme=dark] .sector-card.is-highlighted{background:linear-gradient(#1e293b 0%,#0f172a 100%)}.study-mentor-root{z-index:9999;position:fixed;bottom:24px;right:24px}.study-mentor-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font:700 .9rem/1.1 system-ui,sans-serif;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:inline-flex;box-shadow:0 8px 30px #8b5cf666}.study-mentor-toggle:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 35px #8b5cf680}.study-mentor-window{-webkit-backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;width:380px;height:500px;animation:.3s cubic-bezier(.16,1,.3,1) forwards study-mentor-slide-up;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}.study-mentor-header{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.study-mentor-title{align-items:center;gap:8px;min-width:0;display:flex}.study-mentor-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.study-mentor-title-copy{min-width:0}.study-mentor-title-copy strong,.study-mentor-title-copy span{display:block}.study-mentor-title-copy strong{color:var(--text-primary);font-size:.95rem}.study-mentor-title-copy span{color:#10b981;font-size:.72rem;font-weight:600}.study-mentor-close{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#0000000a;border:0;border-radius:999px;place-items:center;transition:background .2s;display:grid}.study-mentor-close:hover{background:#00000014}.study-mentor-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.study-mentor-bubble{border-radius:18px 18px 18px 2px;max-width:85%;padding:12px 16px;font-size:.88rem;line-height:1.45}.study-mentor-bubble.is-user{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:18px 18px 2px;align-self:flex-end;box-shadow:0 4px 15px #8b5cf626}.study-mentor-bubble.is-assistant{color:var(--text-primary);background:#0000000a;align-self:flex-start}.study-mentor-loading{color:var(--text-secondary);background:#0000000a;border-radius:18px 18px 18px 2px;align-self:flex-start;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;display:flex}.study-mentor-form{background:#ffffff80;border-top:1px solid #0000000f;gap:10px;padding:16px 20px;display:flex}.study-mentor-input{height:42px;color:var(--text-primary);background:#fff;border:1px solid #0000001a;border-radius:999px;outline:none;flex:1;padding:0 16px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.study-mentor-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.study-mentor-input:disabled{opacity:.72;cursor:not-allowed}.study-mentor-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:0;border-radius:999px;place-items:center;width:42px;height:42px;transition:transform .2s,opacity .2s;display:grid}.study-mentor-send:hover:not(:disabled){transform:scale(1.05)}.study-mentor-send:disabled{color:var(--text-secondary);cursor:default;background:#0000000d}@keyframes study-mentor-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=520px){.study-mentor-root{bottom:12px;left:12px;right:12px}.study-mentor-window{width:100%;height:min(70vh,560px)}}.dashboard-wrapper{min-height:100vh;padding-bottom:80px}.dashboard-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);background:#ffffffd9;align-items:center;height:80px;display:flex;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.user-profile{background:var(--bg-primary);border:1px solid var(--panel-border);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.avatar{background:var(--accent-color);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:grid}.user-profile span{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:700}.btn-users,.btn-logout{border:1px solid var(--panel-border);background:var(--bg-secondary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:14px;place-items:center;display:grid}.btn-users:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-primary)}.btn-logout:hover{color:#ef4444;background:#fee2e2;border-color:#f87171}.hero-panel{box-shadow:var(--shadow-premium);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:1px solid #004a990d;justify-content:space-between;align-items:center;gap:40px;margin-top:32px;padding:60px;display:flex;position:relative;overflow:hidden}.hero-panel:before{content:"";background:radial-gradient(circle,#004a9908 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.hero-copy{flex:1}.section-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-color);align-items:center;gap:8px;margin-bottom:16px;font-size:.72rem;font-weight:800;display:flex}.hero-copy h1{color:var(--accent-color);margin-bottom:24px;font-size:2.8rem;font-weight:900;line-height:1.1}.hero-copy p{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.2rem;line-height:1.5}.hero-actions{gap:16px;display:flex}.hero-surface{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.hero-surface-card{background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--panel-border);box-shadow:var(--shadow-md);text-align:center;min-width:180px;transition:var(--transition-smooth);padding:32px 24px}.hero-surface-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero-surface-card.accent{background:var(--highlight-color);border-color:#0000000d}.hero-surface-card svg{color:var(--accent-color);opacity:.8;margin-bottom:12px}.hero-surface-card strong{margin-bottom:8px;font-size:2.5rem;font-weight:900;line-height:1;display:block}.hero-surface-card span{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:800}.dashboard-main{gap:48px;margin-top:32px;display:grid}.panel-heading{align-items:center;gap:16px;margin-bottom:28px;display:flex}.panel-heading h2{color:var(--accent-color);font-size:1.5rem;font-weight:800}.spaced{justify-content:space-between}.quick-links-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.quick-link-card{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);text-align:left;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);align-items:center;gap:24px;padding:32px;display:flex}.quick-link-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quick-link-card .activity-icon{background:var(--bg-primary);color:var(--accent-color);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.quick-link-card strong{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:800;display:block}.quick-link-card small{color:var(--text-secondary);font-size:.9rem;font-weight:500}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.activity-card{background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--panel-border);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:24px;display:flex}.activity-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--accent-color);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.activity-card strong{margin-bottom:2px;font-size:1rem;font-weight:700;display:block}.activity-card p{color:var(--text-secondary);font-size:.88rem}.learning-analytics-section{gap:28px;margin-top:32px;padding:36px;display:grid}.learning-analytics-section .panel-heading{border-bottom:1px solid var(--panel-border);margin-bottom:0;padding-bottom:22px}.collaborator-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{border:1px solid var(--panel-border);background:var(--bg-secondary);border-radius:12px;align-items:center;gap:16px;min-height:112px;padding:20px;display:flex}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.stat-icon-wrapper.blue{color:#2563eb;background:#dbeafe}.stat-icon-wrapper.green{color:#059669;background:#d1fae5}.stat-icon-wrapper.purple{color:#7c3aed;background:#ede9fe}.stat-icon-wrapper.orange{color:#ea580c;background:#ffedd5}.stat-info{min-width:0}.stat-info strong{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:900;line-height:1;display:block}.stat-info span,.stat-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.analytics-details-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;gap:24px;display:grid}.analytics-left-panel,.analytics-right-panel{border:1px solid var(--panel-border);background:var(--bg-secondary);border-radius:12px;min-height:260px;padding:28px}.progress-header-row{justify-content:space-between;gap:18px;margin-bottom:22px;display:flex}.progress-header-row h3{color:var(--accent-color);margin-top:8px;font-size:1.55rem;font-weight:900}.training-progress-track{background:var(--bg-primary);border:1px solid var(--panel-border);border-radius:999px;height:14px;overflow:hidden}.training-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-color), #22c55e);min-width:8px;height:100%;transition:width .4s;display:block}.next-step-box{background:var(--bg-primary);border:1px solid var(--panel-border);border-radius:12px;align-items:flex-start;gap:14px;margin-top:24px;padding:18px;display:flex}.next-step-box strong{color:var(--text-primary);margin-bottom:4px;display:block}.next-step-box p{color:var(--text-secondary);line-height:1.5}.donut-chart-container{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;height:100%;display:grid}.donut-svg{width:150px;height:150px}.donut-legend{align-content:center;gap:10px;min-width:0;display:grid}.donut-legend-item{min-width:0;color:var(--text-secondary);align-items:center;gap:9px;font-size:.85rem;font-weight:700;display:flex}.donut-legend-color{border-radius:999px;flex-shrink:0;width:10px;height:10px}.legend-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}:root[data-theme=dark] .dashboard-header{background:#0f172ad9}:root[data-theme=dark] .hero-panel{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#ffffff0d}@media (width<=1100px){.hero-panel{text-align:center;flex-direction:column;padding:48px}.hero-surface{grid-template-columns:repeat(2,1fr);width:100%}.collaborator-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-details-layout{grid-template-columns:1fr}}@media (width<=600px){.hero-panel{padding:40px 24px}.hero-surface{grid-template-columns:1fr}.learning-analytics-section{padding:24px}.collaborator-stats-grid,.donut-chart-container{grid-template-columns:1fr}.stat-card{min-height:96px}.analytics-left-panel,.analytics-right-panel{padding:22px}.donut-svg{margin:0 auto}}.module-detail-wrapper{min-height:100vh;padding-bottom:2rem}.detail-header{border-bottom-style:solid;border-bottom-width:4px;margin-bottom:2rem;padding:1.5rem 0}.detail-header .header-content{align-items:center;gap:2rem;display:flex}.btn-back{color:var(--text-color);cursor:pointer;background:#ffffffb8;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.btn-back:hover{background:#ffffffeb;transform:translate(-4px)}.header-title{align-items:center;gap:1rem;display:flex}.header-title h2{margin:0;font-size:1.5rem;font-weight:600}.module-intro{color:var(--text-muted);max-width:800px;margin-bottom:3rem;font-size:1.1rem}.module-progress{margin-bottom:24px;padding:20px 24px}.module-progress-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.module-progress-header h3{margin-top:2px;font-size:1.25rem}.module-progress-header strong{color:var(--text-secondary);font-size:.95rem}.module-progress-track{background:#94a3b829;border:1px solid #94a3b82e;border-radius:999px;height:12px;overflow:hidden}.module-progress-track span{border-radius:inherit;height:100%;display:block;box-shadow:0 0 18px #60a5fa38}.roadmap-container{max-width:860px;height:720px;margin:48px auto;position:relative}.roadmap-svg-line{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-row{z-index:2;pointer-events:none;grid-template-columns:1fr 120px 1fr;align-items:center;width:100%;height:240px;display:grid;position:absolute;left:0}.roadmap-row-1{top:0}.roadmap-row-2{top:240px}.roadmap-row-3{top:480px}.roadmap-col{pointer-events:none;align-items:center;min-width:0;display:flex}.roadmap-left{justify-content:flex-end;padding-right:32px}.roadmap-center{justify-content:center;position:relative}.roadmap-right{justify-content:flex-start;padding-left:32px}.node-circle-wrapper{z-index:5;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.node-circle-wrapper.active:before{content:"";border:2px dashed var(--node-color);opacity:.6;border-radius:50%;animation:20s linear infinite rotate-dash;position:absolute;inset:-6px}@keyframes rotate-dash{to{transform:rotate(360deg)}}.node-circle{cursor:pointer;pointer-events:auto;background:#fff;border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #0f172a14}.node-circle-wrapper.active .node-circle{box-shadow:0 0 20px var(--node-color);transform:scale(1.05)}.node-circle-wrapper.active .node-circle:hover{box-shadow:0 0 30px var(--node-color);transform:scale(1.15)rotate(5deg)}.node-circle-wrapper.locked .node-circle{color:var(--text-secondary);background:#f1f5f9;border-color:#94a3b833}.node-circle-wrapper.completed .node-circle{border-color:var(--success-color);background:#f0fdf4;box-shadow:0 0 20px #10b9814d}.node-badge{color:#fff;z-index:6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #0f172a26}.timeline-card{pointer-events:auto;border:1.5px solid;border-radius:18px;width:100%;max-width:320px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffd9!important;padding:20px!important}.timeline-card:hover{transform:translateY(-4px)scale(1.02)}.timeline-card.locked-card{opacity:.65;pointer-events:none;box-shadow:none!important;background:#f8fafc80!important;border-color:#94a3b81a!important}.timeline-card .level-info h3{margin-top:4px;font-size:1.15rem;font-weight:700}.timeline-card .level-info p{margin-bottom:16px;font-size:.88rem;line-height:1.4}.timeline-card .btn-start{border-radius:10px;padding:10px 16px;font-size:.88rem;box-shadow:0 4px 12px #0f172a0d}.play-icon-anim{animation:2s infinite alternate pulse-play}.lock-icon-anim{opacity:.6}.check-anim{animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-check}@keyframes pulse-play{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}@keyframes pop-check{0%{transform:scale(0)}to{transform:scale(1)}}@media (width<=768px){.roadmap-container{flex-direction:column;gap:32px;height:auto;margin:20px auto;display:flex}.roadmap-svg-line{display:none}.roadmap-row{grid-template-columns:1fr;gap:16px;height:auto;padding:0 16px;position:relative;top:auto;left:auto}.roadmap-col{justify-content:center;width:100%;padding:0}.node-circle-wrapper{transform:none!important}.timeline-card{max-width:100%}.roadmap-left,.roadmap-right{order:2}.roadmap-center{order:1}}:root[data-theme=dark] .node-circle{background:var(--panel-bg);box-shadow:0 8px 24px #0000004d}:root[data-theme=dark] .node-circle-wrapper.locked .node-circle{background:#1f293799;border-color:#ffffff0d}:root[data-theme=dark] .node-circle-wrapper.completed .node-circle{background:#064e3b33}:root[data-theme=dark] .timeline-card{background:var(--panel-bg)!important;box-shadow:0 8px 32px #00000040!important}:root[data-theme=dark] .timeline-card.locked-card{background:#1f293733!important}.lesson-wrapper{background-color:#f9fafb;min-height:100vh;padding-bottom:60px}.lesson-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:0}.lesson-header .container{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;padding:0 24px;display:flex}.lesson-header .btn-back{color:var(--text-secondary);cursor:pointer;white-space:nowrap;width:auto;min-width:max-content;height:auto;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.9rem;font-weight:600;line-height:1;display:flex}.lesson-header .btn-back:hover{color:var(--accent-color);background:0 0;border-color:#0000;transform:none}.progress-bar-container{background:#f3f4f6;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .4s}.lesson-main{max-width:800px;margin-top:32px}.lesson-content,.quiz-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px;box-shadow:0 1px 3px #0000000d}.step-indicator{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.lesson-content h2{color:#111827;margin-top:8px;margin-bottom:24px;font-size:1.75rem}.step-body p{color:#374151;margin-bottom:20px;font-size:1.1rem;line-height:1.7}.step-image-container{flex-wrap:wrap;gap:20px;margin-bottom:32px;display:flex}.step-image{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;flex:1;min-width:300px;overflow:hidden}.step-image img{object-fit:contain;width:100%;height:100%;display:block}.lesson-actions{border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:40px;padding-top:32px;display:flex}.quiz-header{text-align:center;margin-bottom:40px}.quiz-header h2{margin-bottom:8px;font-size:1.75rem}.quiz-header p{color:var(--text-secondary);font-weight:500}.question-card{border-bottom:1px solid #f3f4f6;margin-bottom:40px;padding-bottom:40px}.question-card:last-of-type{border-bottom:none}.question-card h3{color:#111827;margin-bottom:20px;font-size:1.15rem;line-height:1.4}.options-grid{flex-direction:column;gap:12px;display:flex}.quiz-option{text-align:left;color:#4b5563;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;font-size:1rem;font-weight:500}.quiz-option:hover:not(:disabled){color:#111827;background:#f9fafb;border-color:#d1d5db}.quiz-option.selected{border-color:var(--accent-color);color:var(--accent-color);background:#eff6ff}.quiz-option.correct{color:#065f46!important;background:#ecfdf5!important;border-color:#10b981!important}.quiz-option.incorrect{color:#991b1b!important;background:#fef2f2!important;border-color:#ef4444!important}.answer-feedback{border-radius:8px;margin-top:16px;padding:16px;font-size:.95rem}.answer-feedback.is-correct{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}.answer-feedback.is-incorrect{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.btn-submit-quiz{width:100%;margin-top:16px;padding:16px;font-size:1rem}.quiz-results{text-align:center;padding:40px 0}.certificate-lock-note{max-width:560px;color:var(--text-secondary);background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin:0 auto;padding:12px 16px;line-height:1.55}.score-circle{border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;display:flex}.score-circle span{font-size:1.5rem;font-weight:800}.score-percent{color:var(--text-secondary);margin-bottom:24px;font-weight:600;display:block}.quiz-result-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}:root[data-theme=dark] .quiz-option.selected,:root[data-theme=dark] .quiz-option.selected:hover:not(:disabled){box-shadow:inset 0 0 0 1px #93c5fda6;color:#fff!important;background:#2563eb8f!important;border-color:#bfdbfe!important}:root[data-theme=dark] .quiz-option:hover:not(:disabled),:root[data-theme=dark] .quiz-option:focus-visible{color:#fff!important}.admin-users-wrapper{background:radial-gradient(circle at 12% 8%,#1d4ed81f,#0000 26rem),radial-gradient(circle at 88% 18%,#0891b21f,#0000 28rem);min-height:100vh;padding-bottom:3rem}.admin-users-header{border-top:none;border-left:none;border-right:none;border-radius:0;padding:1.25rem 0}.admin-users-header-content,.admin-users-title,.panel-heading,.admin-feedback,.user-identity,.user-meta,.user-actions{align-items:center;display:flex}.admin-users-header-content{gap:2rem}.admin-users-title{gap:.8rem}.admin-users-title h2,.panel-heading h3{margin:0}.admin-users-main{width:min(1160px,100% - 40px);max-width:1160px;margin:2rem auto 0;padding:0 0 1rem}.admin-summary{background:linear-gradient(135deg,#fffffff5 0%,#eff6ffeb 48%,#e1f5fee6 100%);border-color:#94a3b838;border-radius:24px;grid-template-columns:minmax(280px,.95fr) minmax(540px,auto);align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a1a}.admin-summary:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 20%,#1d4ed824,#0000 18rem),linear-gradient(90deg,#1d4ed8f2 0 6px,#0000 6px);position:absolute;inset:0}.admin-summary>*{z-index:1;position:relative}.section-kicker{color:#1d4ed8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.admin-summary h1{color:#0f2746;margin-bottom:.55rem;font-size:clamp(2rem,3vw,2.6rem);line-height:1.02}.admin-summary p,.created-date{color:var(--text-secondary)}.admin-summary p{color:#41546b;max-width:34rem;line-height:1.5}.summary-metric{background:linear-gradient(#1d4ed8 0%,#2563eb 100%);border:none;border-radius:18px;justify-items:center;gap:.25rem;min-width:150px;padding:1.25rem 1.15rem;display:grid;box-shadow:0 18px 34px #1d4ed83d}.admin-summary-actions{grid-template-columns:repeat(2,minmax(190px,1fr)) minmax(145px,.7fr);justify-content:stretch;align-items:stretch;gap:.85rem;display:grid}.btn-progress-link{color:#17324d;cursor:pointer;min-height:48px;transition:var(--transition-smooth);background:#ffffffd1;border:1px solid #94a3b847;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:700;display:flex;box-shadow:0 12px 24px #0f172a0f}.btn-progress-link:hover{color:#1d4ed8;background:#fffffff5;border-color:#1d4ed859;transform:translateY(-1px)}.summary-metric strong{color:#fff;font-size:2rem}.summary-metric span{color:#ffffffdb;font-size:.9rem}.summary-metric svg{color:#fff!important}.admin-users-layout{grid-template-columns:minmax(340px,390px) minmax(0,1fr);justify-content:center;align-items:start;gap:2rem;display:grid}.user-form-panel,.users-list-panel{background:#ffffffe6;border-color:#94a3b83d;border-radius:22px;padding:1.75rem;box-shadow:0 18px 42px #0f172a12}.users-list-panel{min-width:0}.user-form-panel{align-self:start;position:sticky;top:1.2rem}.panel-heading{border-bottom:1px solid #94a3b838;gap:.7rem;margin-bottom:1.35rem;padding-bottom:.85rem}.user-form{gap:1rem;display:grid}.edit-context{color:var(--text-primary);background:#3b82f614;border:1px solid #3b82f63d;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.88rem;display:flex}.user-form label{color:var(--text-secondary);gap:.45rem;font-size:.9rem;display:grid}.input-field[readonly]{opacity:.8;cursor:not-allowed}.field-hint{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.field-hint.emphasis{color:var(--accent-color)}.field-label{color:var(--text-primary);margin-bottom:.15rem;font-weight:700;display:inline-flex}.department-selector{background:linear-gradient(#f8fafce6,#ffffffeb);border:1px solid #94a3b838;border-radius:16px;gap:.75rem;padding:.85rem;display:grid}.department-selector-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.department-selector-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.department-summary{background:#3b82f61a;border:1px solid #3b82f62e;border-radius:999px;align-items:baseline;gap:.5rem;width:fit-content;padding:.5rem .75rem;display:inline-flex}.department-summary strong{color:var(--accent-color);font-size:1rem}.department-summary span{color:var(--text-secondary);font-size:.82rem}.department-chip-grid{flex-wrap:wrap;gap:.45rem;display:flex}.department-chip{min-height:36px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffdb;border:1px solid #94a3b83d;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .65rem;display:inline-flex}.department-chip:hover{background:#eff6ffeb;border-color:#3b82f647}.department-chip:focus-visible{outline-offset:2px;outline:2px solid #3b82f68c}.department-chip.is-selected{background:#3b82f61a;border-color:#3b82f673}.department-chip-icon{border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.department-chip-label{white-space:nowrap;font-size:.82rem;font-weight:700}.department-chip-check{min-width:16px;height:16px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-left:.05rem;font-size:.7rem;display:inline-flex}.department-chip-check.is-selected{color:#93c5fd}.user-submit{width:100%;margin-top:.25rem}.list-toolbar{background:#f8fafcd6;border:1px solid #94a3b838;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:.95rem 1rem;display:flex}.toolbar-left{flex:1;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:.8rem;display:grid}.filter-field{min-width:0;color:var(--text-secondary);gap:.35rem;font-size:.85rem;display:grid}.search-box{background:#ffffffe6;border:1px solid #94a3b847;border-radius:10px;align-items:center;gap:.6rem;padding:0 .9rem;display:flex}.search-box .input-field{background:0 0;border:none;padding-left:0;padding-right:0}.filter-summary{color:var(--text-secondary);font-size:.85rem}.admin-feedback{border-radius:8px;gap:.5rem;padding:.85rem 1rem;font-size:.9rem}.admin-feedback.success{color:#10b981;background:#10b9811a;border:1px solid #10b98138}.admin-feedback.error{color:var(--error-color);background:#ef44441a;border:1px solid #ef444438}.users-list{gap:1rem;display:grid}.user-row{background:#ffffffe0;border:1px solid #94a3b838;border-radius:18px;grid-template-columns:minmax(230px,1fr) minmax(260px,1.2fr) auto;grid-template-areas:"identity meta actions";align-items:center;gap:1rem 1.2rem;padding:1.1rem 1.15rem;display:grid;box-shadow:0 12px 26px #0f172a0d}.user-row.is-editing{background:#3b82f61f;border-color:#3b82f66b;box-shadow:inset 0 0 0 1px #3b82f61a}.user-identity{grid-area:identity;align-items:flex-start;gap:.85rem;min-width:0}.user-identity strong,.user-identity span{display:block}.user-identity span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.9rem}.user-identity small{color:var(--accent-color);margin-top:.15rem;font-size:.76rem;font-weight:700;display:block}.user-avatar{color:#fff;background:var(--accent-color);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-meta{flex-wrap:wrap;grid-area:meta;place-content:flex-start;gap:.5rem;padding-top:.05rem}.department-badges{flex-wrap:wrap;justify-content:flex-start;gap:.45rem;max-width:100%;display:flex}.role-badge,.status-badge,.department-badge{border-radius:999px;padding:.35rem .55rem;font-size:.78rem;font-weight:700}.role-badge.master{color:#60a5fa;background:#60a5fa1f}.role-badge.collaborator{color:#c4b5fd;background:#8b5cf61f}.status-badge.active{color:#10b981;background:#10b9811f}.status-badge.inactive{color:#f59e0b;background:#f59e0b1f}.department-badge{color:#22c55e;background:#22c55e1f;align-items:center;gap:.4rem;display:inline-flex}.department-badge-remove{cursor:pointer;width:18px;height:18px;color:inherit;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.department-badge-remove:hover{color:var(--error-color);background:#ef444433}.created-date{font-size:.82rem}.user-actions{flex-wrap:wrap;grid-area:actions;place-content:flex-start flex-end;gap:.5rem;padding-top:0}.user-actions-menu{margin-left:auto;position:relative}.user-actions-popover{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid #ffffff1f;border-radius:14px;gap:.45rem;width:210px;padding:.7rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 18px 32px -18px #0000008c}.btn-small,.btn-icon-danger,.btn-icon-menu{cursor:pointer;transition:var(--transition-smooth);border-radius:8px}.btn-small{color:var(--text-primary);background:#ffffffc7;border:1px solid #94a3b83d;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;min-width:0;padding:.55rem .8rem;display:flex}.btn-small:hover{background:#eff6ffe6;border-color:#3b82f63d}.btn-icon-danger,.btn-small,.btn-icon-menu{align-self:flex-start}.btn-icon-danger{width:38px;height:38px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon-menu{width:40px;height:40px;color:var(--text-primary);background:#ffffffc7;border:1px solid #94a3b83d;justify-content:center;align-items:center;display:inline-flex}.btn-icon-menu:hover{background:#3b82f61a;border-color:#3b82f63d}:root[data-theme=dark] .admin-users-wrapper{background:0 0}:root[data-theme=dark] .admin-summary{border-color:var(--panel-border);background:radial-gradient(circle at 0 0,#3b82f624,#0000 35%),radial-gradient(circle at 100% 100%,#14b8a61f,#0000 32%),#0f172ad9}:root[data-theme=dark] .admin-summary:before{background:radial-gradient(circle at 82% 20%,#60a5fa1f,#0000 18rem),linear-gradient(90deg,#60a5fae6 0 6px,#0000 6px)}:root[data-theme=dark] .section-kicker,:root[data-theme=dark] .admin-summary h1,:root[data-theme=dark] .admin-summary p{color:#fff}:root[data-theme=dark] .btn-progress-link{color:#fff;box-shadow:none;background:#ffffff0a;border-color:#ffffff24}:root[data-theme=dark] .btn-progress-link:hover{background:#3b82f61a}:root[data-theme=dark] .user-form-panel,:root[data-theme=dark] .users-list-panel,:root[data-theme=dark] .department-selector,:root[data-theme=dark] .department-chip,:root[data-theme=dark] .list-toolbar,:root[data-theme=dark] .search-box,:root[data-theme=dark] .user-row,:root[data-theme=dark] .btn-small,:root[data-theme=dark] .btn-icon-menu{background:var(--panel-bg);border-color:var(--panel-border)}.btn-danger-ghost{color:var(--error-color);justify-content:flex-start}.btn-danger-ghost:hover{background:#ef44441f}.btn-icon-danger:hover{color:var(--error-color);background:#ef44441a}@media (width<=1120px){.admin-users-main{width:min(100% - 32px,720px)}.admin-users-layout{grid-template-columns:1fr}.user-form-panel{position:static}}@media (width<=760px){.admin-users-main{width:min(100% - 24px,640px)}.user-row{grid-template-columns:1fr;grid-template-areas:"identity""meta""actions"}.admin-summary,.admin-users-header-content{flex-direction:column;align-items:flex-start}.admin-summary-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.summary-metric{width:100%}.user-meta,.user-actions{justify-content:flex-start}.user-actions-menu{margin-left:0}.user-actions-popover{width:100%;position:static}.user-actions{width:100%}.department-checkbox-grid{grid-template-columns:1fr}.edit-context{flex-direction:column;align-items:flex-start}.list-toolbar{flex-direction:column;align-items:stretch}.filter-field{min-width:0}.toolbar-left{grid-template-columns:1fr}.list-toolbar{gap:.8rem}.department-selector-header{flex-direction:column;align-items:flex-start}.department-selector-actions{justify-content:flex-start}}.admin-progress-wrapper{min-height:100vh;padding-bottom:3rem}.admin-progress-header{border-top:none;border-left:none;border-right:none;border-radius:0;padding:1.25rem 0}.admin-progress-header-content,.admin-progress-title,.section-header,.test-card-header,.progress-user{align-items:center;display:flex}.admin-progress-header-content{gap:2rem}.admin-progress-title{gap:.8rem}.admin-progress-title h2,.section-header h1,.section-header h2,.test-card h3{margin:0}.admin-progress-main{margin-top:2rem}.progress-summary-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.progress-metric{gap:.35rem;padding:1.25rem;display:grid}.progress-metric strong{font-size:2rem}.progress-metric span,.section-header p,.test-card p,.muted{color:var(--text-secondary)}.collaborator-progress,.test-detail-panel{margin-bottom:1.5rem;padding:1.5rem}.section-header{justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-kicker{color:var(--accent-color);text-transform:uppercase;margin-bottom:.4rem;font-size:.82rem;font-weight:700;display:block}.btn-users-link{color:var(--text-primary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;padding:.7rem 1rem;font-weight:700}.btn-users-link:hover{color:var(--accent-color);background:#3b82f61a;border-color:#3b82f647}.progress-table{gap:.65rem;display:grid}.progress-table-head,.progress-user-row{grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) minmax(90px,.35fr) minmax(160px,.7fr);align-items:center;gap:1rem;display:grid}.progress-table-head{color:var(--text-secondary);text-transform:uppercase;font-size:.78rem;font-weight:700}.progress-user-row{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:1rem}.progress-user-row:hover,.progress-user-row.selected{background:#3b82f61a;border-color:#3b82f647}.progress-user{gap:.8rem;min-width:0}.progress-user strong,.progress-user small{display:block}.progress-user small{color:var(--text-secondary);overflow-wrap:anywhere}.progress-avatar{color:#fff;background:var(--accent-color);border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.inline-progress{background:#ffffff1a;border-radius:999px;height:8px;margin-top:.45rem;display:block;overflow:hidden}.inline-progress span{border-radius:inherit;background:var(--accent-color);height:100%;display:block}.score-pill,.test-status{border-radius:999px;width:fit-content;padding:.38rem .62rem;font-size:.82rem;font-weight:800}.score-pill.good,.test-status.done{color:#10b981;background:#10b9811f}.score-pill.warn{color:#f59e0b;background:#f59e0b1f}.score-pill.low,.test-status.pending{color:#ef4444;background:#ef44441f}.large-score{color:var(--accent-color);background:#3b82f61a;border-radius:8px;padding:.7rem 1rem;font-weight:800}.tests-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.test-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:1rem}.test-card-header{justify-content:space-between;gap:.5rem;margin-bottom:.8rem}.module-dot{border-radius:50%;width:10px;height:10px}.test-card h3{margin-bottom:.35rem}.test-card p{min-height:2.4em;font-size:.92rem}.test-result{color:var(--text-secondary);gap:.45rem;margin-top:1rem;font-size:.9rem;display:grid}.empty-progress{color:var(--text-secondary);border:1px dashed #ffffff29;border-radius:8px;padding:1.25rem}@media (width<=980px){.progress-summary-grid,.progress-table-head,.progress-user-row{grid-template-columns:1fr}.progress-table-head{display:none}}@media (width<=720px){.admin-progress-header-content,.section-header{flex-direction:column;align-items:flex-start}.progress-summary-grid{grid-template-columns:1fr}}.admin-trainings-wrapper{min-height:100vh;padding-bottom:60px}.admin-trainings-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);background:#ffffffd9;align-items:center;height:80px;display:flex;position:sticky;top:0}.admin-trainings-header-content{align-items:center;gap:20px;width:100%;display:flex}.admin-trainings-title{align-items:center;gap:12px;display:flex}.admin-trainings-title h2{color:var(--accent-color);margin:0;font-size:1.25rem;font-weight:800}.btn-back{border:1px solid var(--panel-border);background:var(--bg-secondary);width:44px;height:44px;color:var(--accent-color);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-back:hover{background:var(--bg-primary);border-color:var(--accent-color);transform:translate(-2px)}.btn-back span{display:none}.admin-trainings-summary{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-premium);justify-content:space-between;align-items:center;gap:40px;margin-top:32px;padding:40px;display:flex}.admin-trainings-summary h1{color:var(--accent-color);margin-bottom:8px;font-size:2.25rem}.admin-trainings-summary p{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.admin-trainings-summary label{width:min(320px,100%);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:8px;font-size:.85rem;font-weight:700;display:flex}.admin-trainings-main{margin-top:32px}.admin-trainings-layout{grid-template-columns:1fr;gap:32px;margin-top:32px;display:grid}.training-form-panel,.training-list-panel{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:32px}.panel-heading{border-bottom:1px solid var(--soft-surface);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.panel-heading h3{color:var(--accent-color);margin:0;font-size:1.25rem}.panel-heading.spaced{justify-content:space-between;align-items:center}.training-form{gap:24px;display:grid}.training-ai-controls{grid-template-columns:1fr 1fr;gap:24px;display:grid}.training-department-card{background:var(--bg-primary);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.pdf-upload-box{border:2px dashed var(--accent-glow);text-align:center;background:linear-gradient(135deg,#004a9908 0%,#ffcc0008 100%);border-radius:16px;flex-direction:column;justify-content:center;gap:20px;padding:24px;display:flex}.field-label{color:var(--accent-color);font-size:.95rem;font-weight:800;display:block}.field-hint{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.pdf-upload-actions{justify-content:center;gap:12px;display:flex}.pdf-file-button{background:var(--bg-secondary);border:1px solid var(--panel-border);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:.88rem;font-weight:700;display:flex;position:relative}.pdf-file-button:hover{background:var(--soft-surface);border-color:var(--text-secondary)}.pdf-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.spin-icon{animation:1s linear infinite spin}.extraction-preview{background:var(--bg-primary);border:1px solid var(--panel-border);border-radius:20px;gap:20px;margin-top:24px;padding:24px;display:grid}.extraction-preview-header{justify-content:space-between;align-items:flex-start;display:flex}.training-status{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:800}.training-status.published{color:#166534;background:#dcfce7}.training-status.draft{color:#475569;background:#f1f5f9}.training-status.catalog{color:#075985;background:#e0f2fe}.ai-preview-block{gap:10px;display:grid}.ai-preview-block>span{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:800}.markdown-preview{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:12px;padding:20px;font-size:.95rem}.training-list{gap:16px;display:grid}.training-row{background:var(--bg-primary);border:1px solid var(--panel-border);transition:var(--transition-smooth);border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.training-row:hover{border-color:var(--accent-color);background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translate(4px)}.training-row-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.training-row strong{color:var(--accent-color);font-size:1.1rem}.training-row-description{color:var(--text-secondary);max-width:600px;font-size:.9rem}.training-row-actions{gap:8px;display:flex}.btn-small{border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700}.btn-primary-ghost{background:var(--bg-secondary);border:1px solid var(--panel-border);color:var(--accent-color)}.btn-primary-ghost:hover{background:var(--accent-color);color:#fff}.btn-danger-ghost{background:var(--bg-secondary);border:1px solid var(--panel-border);color:var(--error-color)}.btn-danger-ghost:hover{background:var(--error-color);color:#fff}.training-count{background:var(--accent-color);color:#fff;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:800}:root[data-theme=dark] .admin-trainings-header{background:#0f172ad9}:root[data-theme=dark] .training-row{background:#ffffff08}@media (width<=900px){.admin-trainings-summary{text-align:center;flex-direction:column;padding:32px 24px}.training-ai-controls{grid-template-columns:1fr}.training-row{flex-direction:column;align-items:flex-start;gap:16px}}.training-form-panel{overflow:hidden}.training-ai-controls{align-items:stretch}.training-selectors-column{gap:14px;display:grid}.training-department-card,.pdf-upload-box{border-radius:14px;min-width:0}.training-department-card{gap:10px;padding:18px}.training-department-card .field-hint,.pdf-upload-box .field-hint{margin:0;line-height:1.45}.pdf-upload-box{text-align:left;justify-content:space-between}.pdf-upload-actions{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;display:grid}.pdf-file-button,.pdf-upload-actions .btn-outline,.training-form-actions .btn-outline,.training-form-actions .btn-primary{white-space:nowrap;justify-content:center;min-height:46px}.pdf-file-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.extraction-preview-header,.ai-preview-block-header,.quiz-card-header,.quiz-meta-row,.training-form-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.extraction-preview-header{border-bottom:1px solid var(--panel-border);padding-bottom:16px}.extraction-preview h4{color:var(--text-primary);margin-top:4px;font-size:1.1rem}.ai-preview-block-header>span,.quiz-card-header strong{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.82rem;font-weight:800}.toggle-preview-buttons{background:var(--soft-surface);border:1px solid var(--panel-border);border-radius:12px;padding:4px;display:inline-flex}.btn-toggle-small{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:.8rem;font-weight:800}.btn-toggle-small.active{background:var(--bg-secondary);color:var(--accent-color);box-shadow:var(--shadow-sm)}.ai-preview-block textarea.input-field{resize:vertical;min-height:130px;line-height:1.55}.ai-preview-block.content textarea.input-field{min-height:280px}.markdown-preview{max-height:420px;line-height:1.65;overflow:auto}.markdown-preview p+p,.markdown-preview ul,.markdown-preview ol{margin-top:10px}.quiz-preview-list{gap:16px;display:grid}.quiz-preview-card{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:14px;gap:16px;padding:18px;display:grid}.quiz-field-group,.quiz-options-grid{gap:12px;display:grid}.quiz-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-input-label{min-width:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;gap:7px;font-size:.78rem;font-weight:800;display:grid}.quiz-input-label.half{flex:1 1 0}.quiz-edit-input,.quiz-edit-select{text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:500}.btn-remove-question{width:34px;height:34px;color:var(--error-color);cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.btn-add-question{padding:9px 14px;font-size:.84rem}.ai-empty-preview,.admin-training-feedback{border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex}.ai-empty-preview{background:var(--bg-primary);border:1px dashed var(--panel-border);color:var(--text-secondary)}.ai-empty-preview strong{color:var(--text-primary);margin-bottom:4px;display:block}.admin-training-feedback.success{color:#166534;background:#dcfce7}.admin-training-feedback.error{color:#991b1b;background:#fee2e2}.training-form-actions{border-top:1px solid var(--panel-border);padding-top:8px}@media (width<=720px){.admin-trainings-summary h1{font-size:1.7rem}.training-form-panel,.training-list-panel,.extraction-preview{padding:20px}.pdf-upload-actions,.quiz-options-grid{grid-template-columns:1fr}.extraction-preview-header,.ai-preview-block-header,.quiz-meta-row,.training-form-actions{flex-direction:column;align-items:stretch}.toggle-preview-buttons,.training-form-actions .btn-outline,.training-form-actions .btn-primary{width:100%}.btn-toggle-small{flex:1}}.content-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn-image-upload{min-height:38px;padding:8px 13px;font-size:.82rem;font-weight:800;position:relative;overflow:hidden}.btn-image-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.btn-image-upload.is-loading{pointer-events:none;opacity:.75}.markdown-preview img,.training-markdown img{object-fit:contain;border:1px solid var(--panel-border);background:var(--bg-primary);width:min(100%,780px);max-height:520px;box-shadow:var(--shadow-md);border-radius:14px;margin:18px auto;display:block}@media (width<=720px){.content-tools{flex-direction:column;align-items:stretch}.btn-image-upload{width:100%}}.content-blocks-editor,.content-blocks-preview{gap:16px;display:grid}.content-block-card,.content-block-preview-card{border:1px solid var(--panel-border);background:var(--bg-secondary);border-radius:14px;padding:18px}.content-block-card{gap:14px;display:grid}.content-block-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.content-block-card-header strong{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.content-block-textarea{resize:vertical;min-height:150px;line-height:1.55}.content-block-image-row{grid-template-columns:minmax(220px,.8fr) minmax(180px,.4fr);align-items:stretch;gap:14px;display:grid}.content-block-image-preview,.content-block-image-empty{border:1px dashed var(--panel-border);background:var(--bg-primary);border-radius:12px;place-items:center;min-height:150px;display:grid;overflow:hidden}.content-block-image-preview img{object-fit:contain;width:100%;height:100%;max-height:240px}.content-block-image-empty{color:var(--text-secondary);align-content:center;gap:8px;font-size:.85rem;font-weight:700}.content-block-image-actions{align-content:center;gap:10px;display:grid}.btn-clear-image{min-height:38px;color:var(--error-color);justify-content:center;padding:8px 13px}.content-block-preview-card{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);align-items:center;gap:18px;display:grid}.content-block-preview-card:has(.content-block-preview-copy:last-child){grid-template-columns:1fr}.content-block-preview-copy h5{color:var(--accent-color);margin:0 0 10px;font-size:1.05rem}.content-block-preview-copy p,.content-block-preview-copy li{color:var(--text-secondary);line-height:1.65}.content-block-preview-image img{object-fit:contain;border:1px solid var(--panel-border);background:var(--bg-primary);border-radius:12px;width:100%;max-height:280px}.page-builder-shell{overflow:visible}.page-builder-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:18px;display:grid}.page-builder-canvas{border:1px dashed var(--panel-border);background:#ffffff6b;border-radius:8px;flex-direction:column;gap:12px;min-height:320px;padding:14px;display:flex}.page-builder-canvas.is-empty{justify-content:center;align-items:center}.page-builder-canvas.is-dragging{border-color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 8%, #ffffff6b)}.page-builder-empty,.builder-menu-card,.builder-block-actions button,.rich-text-toolbar button{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);cursor:pointer;border-radius:8px}.page-builder-empty{align-items:center;gap:8px;padding:14px 16px;display:inline-flex}.builder-block-card{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:8px;padding:10px}.builder-block-card.is-selected{border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 20%, transparent)}.builder-block-actions{align-items:center;gap:8px;margin-bottom:10px;display:flex}.builder-block-actions strong{flex:1;font-size:.86rem}.builder-block-actions button,.rich-text-toolbar button{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.builder-block-render .training-content-block{box-shadow:none;margin:0}.builder-draft-placeholder{border:1px dashed var(--panel-border);min-height:76px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.page-builder-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:16px}.page-builder-sidebar h4{margin:0;font-size:.92rem}.builder-block-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.builder-menu-card{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:10px;font-size:.78rem;font-weight:700;display:flex}.builder-inline-editor{border:1px solid var(--panel-border);background:var(--bg-primary);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.builder-inline-editor>strong{color:var(--accent-color);font-size:.92rem}.rich-text-toolbar,.table-editor-actions{flex-wrap:wrap;gap:6px;display:flex}.rich-text-editor{border:1px solid var(--panel-border);background:var(--input-bg);min-height:280px;color:var(--text-primary);overflow-wrap:anywhere;border-radius:8px;outline:none;padding:12px;line-height:1.65}.table-editor,.table-editor-row{gap:8px;display:grid}.field-error{color:#dc2626;margin:0;font-size:.8rem;font-weight:700}@media (width<=720px){.content-block-image-row,.content-block-preview-card,.page-builder-layout{grid-template-columns:1fr}.page-builder-sidebar{position:static}}.certificate-wrapper{min-height:100vh;padding-bottom:48px}.certificate-header{z-index:100;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);position:sticky;top:0}.certificate-header-content{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:64px;display:grid}.certificate-title{justify-content:center;align-items:center;gap:10px;display:flex}.certificate-title h2{color:var(--accent-color);font-size:1.05rem}.certificate-main{margin-top:36px}.certificate-paper{color:#004a99;background:#fff;border:4px solid #fff;border-radius:4px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a1a,0 0 0 8px #004a99,inset 0 0 0 2px #94a3b8}.certificate-paper:before{content:"";pointer-events:none;border:2px solid #94a3b8;position:absolute;inset:12px}.certificate-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.certificate-seal,.certificate-id{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#004a99;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.certificate-id{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.certificate-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:10px 12px 30px;display:flex}.certificate-kicker{letter-spacing:.2em;text-transform:uppercase;color:#475569;font-size:.9rem;font-weight:700}.certificate-body h1{color:#004a99;font-family:serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.certificate-intro{color:#334155;max-width:650px;margin-bottom:20px;font-size:1.1rem;font-style:italic;line-height:1.6}.certificate-highlight,.certificate-details{grid-template-columns:repeat(2,1fr);gap:16px;width:min(100%,860px);display:grid}.certificate-highlight div,.certificate-details div{text-align:left;background:#f8fafc;border-left:4px solid #004a99;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.certificate-highlight span,.certificate-details span,.signature-block span{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:4px;font-size:.75rem;display:block}.certificate-highlight strong,.certificate-details strong{color:#004a99;font-size:1.1rem}.certificate-footer{justify-content:space-between;align-items:end;gap:24px;margin-top:20px;padding-top:20px;display:flex}.signature-block{text-align:center;min-width:240px}.certificate-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.certificate-empty{place-items:center;min-height:calc(100vh - 160px);display:grid}.certificate-empty-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:540px;padding:40px;display:flex}@media (width<=900px){.certificate-highlight,.certificate-details{grid-template-columns:1fr}.certificate-footer{flex-direction:column;align-items:stretch}.certificate-actions{justify-content:stretch}.certificate-actions .btn-outline,.certificate-actions .btn-primary{width:100%}}@media print{body{background:#fff}.no-print,.theme-toggle,.certificate-header .btn-logout,.certificate-header .btn-back{display:none!important}.certificate-wrapper{padding:0}.certificate-main{margin-top:0}.certificate-paper{box-shadow:none;border:1px solid #d1d5db}}.preview-page{background:radial-gradient(circle at 0 0,#1e40af24,#0000 28rem),radial-gradient(circle at 100% 100%,#14b8a61f,#0000 24rem);min-height:100vh;padding:32px 0 56px}.preview-shell{gap:20px;width:min(1180px,100% - 32px);margin:0 auto;display:grid}.preview-hero{grid-template-columns:1.8fr 1fr;align-items:stretch;gap:24px;padding:32px;display:grid}.preview-hero-copy h1{max-width:13ch;margin:10px 0 16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.preview-hero-copy p{max-width:68ch;color:var(--text-secondary);font-size:1rem;line-height:1.7}.preview-kicker{width:fit-content;color:var(--accent-color);text-transform:uppercase;letter-spacing:.08em;background:#1e40af14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.preview-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.preview-note{color:var(--text-secondary);font-size:.92rem}.preview-hero-panel{grid-template-columns:1fr;align-content:center;gap:14px;display:grid}.hero-stat{border:1px solid var(--panel-border);background:linear-gradient(135deg,#1e40af14,#14b8a614);border-radius:16px;padding:18px 20px}.hero-stat strong{margin-bottom:4px;font-size:2rem;line-height:1;display:block}.hero-stat span{color:var(--text-secondary);font-size:.88rem}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.preview-card{gap:12px;padding:22px;display:grid}.preview-card-icon{width:48px;height:48px;color:var(--accent-color);background:#1e40af14;border-radius:14px;place-items:center;display:grid}.preview-card h2,.preview-workflow h2,.preview-sector h2,.preview-map h2,.preview-sectors h2{font-size:1.2rem}.preview-card p,.preview-body{color:var(--text-secondary);line-height:1.6}.preview-workflow,.preview-sector,.preview-map,.preview-sectors,.preview-footer{padding:24px}.section-heading{gap:8px;margin-bottom:18px;display:grid}.workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.workflow-step{background:var(--soft-surface);border:1px solid var(--panel-border);border-radius:14px;gap:10px;min-height:112px;padding:16px;display:grid}.workflow-step span{background:var(--accent-color);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.workflow-step strong{font-size:.98rem}.preview-layout{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.module-tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.module-tags span,.sector-card{background:var(--soft-surface);border:1px solid var(--panel-border);border-radius:999px}.module-tags span{padding:10px 14px;font-size:.9rem;font-weight:600}.portal-map{gap:12px;display:grid}.portal-map div{background:var(--soft-surface);border:1px solid var(--panel-border);border-radius:14px;justify-content:space-between;gap:16px;padding:16px 18px;display:flex}.portal-map strong{font-size:.95rem}.portal-map span{color:var(--text-secondary);text-align:right;font-size:.9rem}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sector-card{border-radius:16px;gap:8px;padding:16px 18px;display:grid}.sector-dot{border-radius:999px;width:12px;height:12px}.sector-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.preview-footer{align-items:center;gap:14px;display:flex}.preview-footer p{color:var(--text-secondary);line-height:1.5}@media (width<=1024px){.preview-hero,.preview-layout,.preview-grid,.workflow-steps{grid-template-columns:1fr 1fr}.preview-hero{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}}@media (width<=768px){.preview-page{padding-top:18px}.preview-shell{width:min(100% - 20px,1180px)}.preview-hero,.preview-workflow,.preview-sector,.preview-map,.preview-sectors,.preview-footer{padding:18px}.preview-grid,.preview-layout,.sector-grid,.workflow-steps{grid-template-columns:1fr}.portal-map div,.preview-footer{flex-direction:column;align-items:flex-start}}.certificate-showcase{isolation:isolate;background:radial-gradient(circle at 0 0,#3b82f629,#0000 24rem),radial-gradient(circle at 100% 100%,#14b8a61f,#0000 22rem),linear-gradient(#f8fbff 0%,#edf2ff 100%);gap:20px;min-height:100vh;padding:32px 20px 56px;display:grid;color:#0f172a!important}.certificate-showcase *,.certificate-showcase :before,.certificate-showcase :after{color:#0f172a}.showcase-toolbar{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto;display:flex}.showcase-left{align-items:center;gap:20px;display:flex}.template-switcher{color:#64748b;background:#ffffff80;border:1px solid #d6dfe9;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.template-switcher button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.template-switcher button:hover{color:#1d4ed8;background:#1d4ed80d}.template-switcher button.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 4px #0000000d}.showcase-kicker{letter-spacing:.08em;text-transform:uppercase;background:#1d4ed814;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;font-weight:800;display:inline-flex;color:#1d4ed8!important}.showcase-actions{flex-wrap:wrap;gap:12px;display:flex}.certificate-card{width:min(1180px,100%);box-shadow:var(--panel-shadow);background:linear-gradient(#fff 0%,#fffdf8 100%);border:1px solid #c8d3e3;border-radius:24px;margin:0 auto;padding:30px 32px 28px 44px;position:relative;overflow:hidden}.certificate-card:before{content:"";pointer-events:none;border:1px solid #1d4ed824;border-radius:18px;position:absolute;inset:16px}.certificate-accent{background:linear-gradient(#1d4ed8,#8c6a24);width:12px;position:absolute;inset:0 auto 0 0}.certificate-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-left:12px;display:flex}.certificate-logo,.certificate-code{color:#1d4ed8;background:#1d4ed814;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.certificate-code{color:#8c6a24;background:#b4872a1a}.certificate-logo{text-transform:uppercase;letter-spacing:.02em;flex-direction:column;align-items:flex-start;gap:0;padding:6px 12px;line-height:.9}.certificate-logo-line{font-size:.72rem;font-weight:700;color:#64748b!important}.certificate-logo-brand{font-size:1.35rem;font-weight:800;color:#0f172a!important}.certificate-content{text-align:center;justify-items:center;gap:18px;padding:0 12px 20px;display:grid}.certificate-label{text-transform:uppercase;letter-spacing:.32em;font-size:.78rem;font-weight:800;color:#64748b!important}.certificate-content h2{margin-top:0;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05;color:#10203a!important}.certificate-statement{max-width:760px;margin-top:0;font-size:1rem;line-height:1.55;color:#475569!important}.certificate-grid,.certificate-issued{text-align:center;width:min(100%,860px)}.certificate-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;display:grid}.certificate-grid article{background:#f8fafc;border:1px solid #d6dfe9;border-radius:16px;padding:16px}.certificate-grid span,.signature span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block;color:#64748b!important}.certificate-footer{border-top:1px solid #d6dfe9;justify-content:space-between;align-items:end;gap:18px;padding:18px 12px 0;display:flex}.signature{min-width:240px}.signature-line{background:linear-gradient(90deg,#0000,#1d4ed8,#0000);width:100%;height:1px;margin-bottom:12px}.footer-note{text-align:right;max-width:360px;line-height:1.5;color:#475569!important}.certificate-issued{margin-top:0;font-size:.92rem;font-weight:600;color:#64748b!important}@page{size:A4 landscape;margin:6mm}@media (width<=900px){.showcase-toolbar,.certificate-footer{flex-direction:column;align-items:stretch}.certificate-grid{grid-template-columns:1fr}.footer-note{text-align:left}}@media print{html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#0f172a!important;background:#fff!important}.certificate-showcase{min-height:auto;padding:0;background:#fff!important}.showcase-hero,.showcase-actions,.showcase-toolbar{display:none!important}.certificate-card{width:100%;box-shadow:none;border:1px solid #c8d3e3;border-radius:0;margin:0;padding:10mm 12mm 9mm 16mm;background:linear-gradient(#fff 0%,#fffdf8 100%)!important}.certificate-card:before{border:1px solid #1d4ed824;display:block;inset:6mm}.certificate-accent{width:6mm}.certificate-logo,.certificate-code,.certificate-grid article{border:1px solid #d6dfe9;background:#f8fafc!important}.certificate-logo-brand{color:#0f172a!important}.certificate-label{color:#64748b!important}.certificate-content h2{color:#0f172a!important}.certificate-statement{color:#475569!important}.certificate-grid span,.certificate-issued,.footer-note,.signature span{color:#64748b}.certificate-grid strong,.certificate-footer strong{color:#0f172a!important}.footer-note{color:#475569!important}.certificate-issued{color:#334155!important}.certificate-content{gap:12px;padding:0 8px 10px}.certificate-topbar{margin-bottom:18px}.certificate-grid{gap:10px;margin-top:0}.certificate-grid article{padding:12px}.certificate-footer{padding-top:14px}.certificate-content h2{font-size:2.6rem}.certificate-statement{max-width:700px;font-size:.9rem;line-height:1.45}.certificate-label{letter-spacing:.24em}.signature{min-width:220px}}.product-card{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-sm);width:100%;transition:var(--transition-smooth);text-align:left;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000008}.product-card:hover:not(:disabled){border-color:var(--accent-color);box-shadow:0 12px 24px var(--accent-glow);transform:translateY(-4px)}.product-card.is-locked{opacity:.65;background:var(--soft-surface)}.card-content{align-items:center;gap:16px;width:100%;padding:24px;display:flex}.icon-wrapper{border-radius:var(--border-radius-sm);flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.card-info{flex:1;min-width:0}.card-info h3{color:var(--accent-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.1rem;overflow:hidden}.card-info p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.card-action{flex-shrink:0}.progress-bar-container{background:var(--soft-surface);width:100%;height:6px;overflow:hidden}.progress-bar{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .product-card{background:var(--bg-secondary)}.sector-detail-wrapper{min-height:100vh;padding-bottom:60px}.sector-detail-header{z-index:100;background:var(--bg-secondary);border-bottom:2px solid var(--accent-color);padding:12px 0;position:sticky;top:0;box-shadow:0 4px 12px #004a9914}.sector-detail-header .header-content{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:20px;display:flex}.btn-back{border-radius:var(--border-radius-sm);border:1px solid var(--panel-border);background:var(--bg-secondary);width:40px;height:40px;color:var(--accent-color);cursor:pointer;transition:var(--transition-smooth);place-items:center;display:grid}.btn-back:hover{background:var(--accent-color);color:#fff}.sector-header-info h2{color:var(--accent-color);font-size:1.25rem}.sector-header-info .section-kicker{margin-bottom:0;font-size:.65rem}.sector-hero{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);box-shadow:var(--panel-shadow);justify-content:space-between;align-items:center;gap:40px;margin-top:32px;padding:40px;display:flex}.sector-hero-content{flex:1}.sector-hero-content h1{color:var(--accent-color);margin-bottom:16px;font-size:2.5rem}.sector-hero-content p{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.sector-hero-stats{gap:24px;display:flex}.sector-hero-stats div{text-align:center;background:var(--soft-surface);border-radius:var(--border-radius-sm);border:1px solid var(--panel-border);min-width:140px;padding:20px}.sector-hero-stats strong{color:var(--accent-color);font-size:1.8rem;display:block}.sector-hero-stats span{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.modules-section{margin-top:48px}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.empty-sector{text-align:center;background:var(--bg-secondary);border:2px dashed var(--panel-border);border-radius:var(--border-radius-md);margin-top:40px;padding:80px 40px}.empty-sector h2{margin-bottom:12px}.empty-sector p{color:var(--text-secondary);margin-bottom:32px}@media (width<=1000px){.sector-hero{text-align:center;flex-direction:column;padding:32px 24px}.sector-hero-stats{justify-content:center}}@media (width<=600px){.sector-detail-header .header-content{flex-direction:column;gap:16px}.sector-hero-stats{flex-direction:column;width:100%}.sector-hero-stats div{min-width:0}}.training-detail-wrapper{min-height:100vh;padding-bottom:48px}.training-detail-header{z-index:90;border-radius:0;position:sticky;top:0}.training-detail-header-content,.training-detail-profile{justify-content:space-between;align-items:center;gap:14px;min-height:68px;display:flex}.training-detail-main{gap:22px;margin-top:32px;display:grid}.training-hero,.training-content-panel,.training-detail-empty{border-radius:20px;padding:28px}.training-hero{background:radial-gradient(circle at 100% 0,#60a5fa1f,#0000 16rem),linear-gradient(135deg,#ffffffeb,#f8fafcd6);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:stretch;gap:20px;display:grid}.training-hero-copy{gap:12px;display:grid}.training-hero-copy h1{font-size:clamp(2rem,3vw,3rem);line-height:1.05}.training-hero-copy p{color:var(--text-secondary);max-width:56rem;line-height:1.6}.training-hero-meta{flex-wrap:wrap;gap:8px;display:flex}.training-hero-meta span{border:1px solid var(--panel-border);color:var(--text-secondary);background:#fffc;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.training-hero-side{gap:12px;display:grid}.training-hero-card{border:1px solid var(--panel-border);background:#ffffffd1;border-radius:18px;align-content:start;gap:6px;padding:18px;display:grid}.training-hero-card svg{color:var(--accent-color)}.training-hero-card strong{font-size:1rem}.training-hero-card span{color:var(--text-secondary)}.training-hero-card.accent{background:linear-gradient(180deg, var(--accent-color), #2563eb)}.training-hero-card.accent svg,.training-hero-card.accent strong,.training-hero-card.accent span{color:#fff}.training-content-heading{border-bottom:1px solid var(--panel-border);grid-template-columns:auto 1fr;align-items:start;gap:16px;padding-bottom:20px;display:grid}.training-content-icon{width:56px;height:56px;color:var(--accent-color);background:#2563eb1a;border-radius:8px;place-items:center;display:grid}.training-content-heading h1{margin:4px 0 10px;font-size:2rem}.training-content-heading h2{margin:4px 0 0;font-size:1.8rem}.training-content-meta{flex-wrap:wrap;gap:8px;display:flex}.training-content-meta span{background:var(--soft-surface);border:1px solid var(--panel-border);color:var(--text-secondary);border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:800}.training-content-description{color:var(--text-secondary);margin:22px 0;font-size:1rem;line-height:1.65}.training-content-body{color:var(--text-primary);flex-direction:column;gap:12px;line-height:1.75;display:flex}.training-markdown{color:var(--text-primary);gap:12px;line-height:1.7;display:grid}.training-markdown h1,.training-markdown h2,.training-markdown h3,.training-markdown h4{margin:0;line-height:1.15}.training-markdown h1{font-size:1.6rem}.training-markdown h2{font-size:1.35rem}.training-markdown p{color:var(--text-secondary);margin:0}.training-markdown ul,.training-markdown ol{color:var(--text-secondary);margin:0;padding-left:1.3rem}.training-markdown blockquote{border-left:4px solid var(--accent-color);background:#1d4ed814;border-radius:10px;margin:0;padding:.8rem 1rem}.training-markdown code{color:var(--accent-color);background:#0f172a14;border-radius:6px;padding:.15rem .4rem;font-family:inherit;font-weight:700}.training-markdown pre{background:#0f172a0a;border-radius:12px;margin:0;padding:14px;overflow:auto}.training-detail-empty{text-align:center;justify-items:center;gap:12px;display:grid}.training-detail-empty p{color:var(--text-secondary)}@media (width<=720px){.training-hero,.training-content-heading{grid-template-columns:1fr}.training-content-heading h1{font-size:1.5rem}}:root[data-theme=dark] .training-hero,:root[data-theme=dark] .training-hero-card,:root[data-theme=dark] .training-content-panel,:root[data-theme=dark] .training-detail-empty{background:var(--panel-bg);border-color:var(--panel-border)}:root[data-theme=dark] .training-hero{background:radial-gradient(circle at 100% 0,#60a5fa1f,#0000 16rem),#111827eb}:root[data-theme=dark] .training-markdown p,:root[data-theme=dark] .training-markdown ul,:root[data-theme=dark] .training-markdown ol,:root[data-theme=dark] .training-markdown blockquote{color:var(--text-primary)}:root[data-theme=dark] .training-markdown code{color:#bfdbfe;background:#ffffff14}.training-markdown img{object-fit:contain;border:1px solid var(--panel-border);background:var(--bg-primary);width:min(100%,820px);max-height:560px;box-shadow:var(--shadow-md);border-radius:14px;margin:20px auto;display:block}.training-content-blocks{gap:22px;display:grid}.training-content-block{border:1px solid var(--panel-border);background:var(--bg-secondary);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:center;gap:22px;padding:22px;display:grid}.training-content-block:has(.training-content-block-copy:last-child){grid-template-columns:1fr}.training-content-block.block-type-title,.training-content-block.block-type-richText,.training-content-block.block-type-link,.training-content-block.block-type-table,.training-content-block.block-type-videoEmbed,.training-content-block.block-type-image{grid-template-columns:1fr}.training-content-block-copy h3{color:var(--accent-color);margin:0 0 12px;font-size:1.25rem}.training-content-block-copy p,.training-content-block-copy li{color:var(--text-secondary);line-height:1.7}.training-content-block-copy ul,.training-content-block-copy ol{padding-left:1.3rem}.training-content-block-image img{object-fit:contain;border:1px solid var(--panel-border);background:var(--bg-primary);width:100%;max-height:420px;box-shadow:var(--shadow-md);border-radius:14px}.training-content-link{color:var(--accent-color);text-underline-offset:3px;font-weight:800;text-decoration:underline}.training-content-table-wrap{width:100%;overflow-x:auto}.training-content-table{border-collapse:collapse;width:100%;font-size:.94rem}.training-content-table th,.training-content-table td{border:1px solid var(--panel-border);text-align:left;padding:10px 12px}.training-content-table th{color:var(--text-primary);background:var(--bg-primary)}.training-content-video{aspect-ratio:16/9;border:1px solid var(--panel-border);background:#111827;border-radius:14px;width:100%;position:relative;overflow:hidden}.training-content-video iframe{border:0;width:100%;height:100%}.training-content-video span{color:#fff;place-items:center;height:100%;font-weight:800;display:grid}@media (width<=820px){.training-content-block{grid-template-columns:1fr}}