.sl-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary,#111c37);vertical-align:middle;text-decoration:none}.sl-brand__mark{display:block;flex:none;width:36px;height:42px;object-fit:contain}.sl-brand__text{display:grid;gap:4px;min-width:0;line-height:1.1}.sl-brand__text>strong{color:inherit;font:800 22px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.7px}.sl-brand__text>small{color:var(--text-muted,#697790);font:400 9px/1.3 Inter,system-ui,sans-serif;letter-spacing:.03px}.sl-brand--compact .sl-brand__mark{width:42px;height:48px}.sl-brand--inverse{color:#f8faff}.sl-brand--inverse .sl-brand__text>small{color:#aab9d7}@media(max-width:480px){.sl-brand__text>strong{font-size:19px}.sl-brand__mark{width:30px;height:36px}.sl-brand__text>small{font-size:8px}}.sl-roadmap{min-width:0;color:var(--text-primary,#17233d)}.sl-roadmap__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.sl-roadmap__toolbar>div{display:flex;flex-wrap:wrap;align-items:center;padding:3px;border:1px solid var(--border-light,#dce3f1);border-radius:8px;background:var(--bg-card,#fff)}.sl-roadmap__toolbar button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:5px 8px;border:0;border-radius:5px;background:transparent;color:inherit;font:600 12px/1.2 Inter,system-ui,sans-serif;cursor:pointer}.sl-roadmap__toolbar button:hover{background:#eaeefe;color:#5146ef}.sl-roadmap__toolbar button:disabled{opacity:.4;cursor:default}.sl-roadmap__toolbar output{min-width:45px;text-align:center;font-size:12px}.sl-roadmap__toolbar>span{color:var(--text-secondary,#65738c);font-size:11px}.sl-roadmap__viewport{max-width:100%;max-height:650px;overflow:auto;border:1px solid var(--border-light,#e1e7f2);border-radius:12px;background:radial-gradient(#dae2f1 1px,transparent 1px) 0 0/18px 18px,var(--bg-soft,#f9fbff)}.sl-roadmap__size,.sl-roadmap__canvas{position:relative}.sl-roadmap__canvas{transform-origin:top left}.sl-roadmap__band{position:absolute;top:13px;border-radius:11px;background:#e7f5ef91;pointer-events:none}.sl-roadmap__band--1{background:#e7effca6}.sl-roadmap__band--2{background:#eee7ffa1}.sl-roadmap__band>span{display:flex;align-items:center;gap:10px;padding:16px}.sl-roadmap__band b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#1c9d79;color:#fff;font-size:13px}.sl-roadmap__band--1 b{background:#347cea}.sl-roadmap__band--2 b{background:#8554dc}.sl-roadmap__band strong{font-size:12px;color:#213255}.sl-roadmap__edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.sl-roadmap__edges>path{stroke:#7d8bb6;stroke-width:1.8;fill:none}.sl-roadmap__edges>.sl-roadmap__edge--alternative{stroke:#8661d1;stroke-dasharray:8 5}.sl-roadmap__edges>.sl-roadmap__edge--recommended{stroke:#317e92;stroke-dasharray:2 5;stroke-linecap:round}.sl-roadmap__legend{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:0;color:var(--text-secondary,#65738c);font-size:11px}.sl-roadmap__legend li{display:flex;align-items:center;gap:6px}.sl-roadmap__legend-line{width:24px;border-top:2px solid #7d8bb6}.sl-roadmap__legend-line--alternative{border-top:2px dashed #8661d1}.sl-roadmap__legend-line--recommended{border-top:2px dotted #317e92}.sl-roadmap__node{position:absolute;display:flex;flex-direction:column;gap:7px;padding:13px;box-sizing:border-box;border:1px solid #cbd8ec;border-radius:10px;background:var(--bg-card,#fff);color:inherit;text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-shadow:0 3px 8px #24365e08}.sl-roadmap__node:hover{border-color:#7065ed;box-shadow:0 4px 12px #5146ef14}.sl-roadmap__node.is-selected{outline:2px solid #6455f0;outline-offset:2px}.sl-roadmap__node>strong{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3}.sl-roadmap__node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sl-roadmap__node-head img{width:30px;height:30px}.sl-roadmap__node-head small{font-size:10px;color:var(--text-secondary,#66738a)}.sl-roadmap__node-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.4;color:var(--text-secondary,#63718a)}.sl-roadmap__shared{margin-top:auto;font-size:9px;color:#5a4bd1;font-weight:650}.sl-roadmap__node--completed{border-color:#82cbb3}.sl-roadmap__node--completed .sl-roadmap__node-head small{color:#14845d}.sl-roadmap__node--in_progress{border-color:#9185f3}.sl-roadmap__node--in_progress .sl-roadmap__node-head small{color:#6551d3}.sl-roadmap__node--locked{background:var(--bg-soft,#f8f9fc);cursor:default}.sl-roadmap__node--locked .sl-roadmap__node-head small{color:var(--text-muted,#65738a)}.sl-roadmap__node--access-blocked{cursor:default}.sl-roadmap button:focus-visible,.sl-roadmap a:focus-visible,.sl-roadmap__viewport:focus-visible{outline:3px solid #5146ef;outline-offset:3px}body[data-theme=dark] .sl-roadmap__band{background:#143c324d}body[data-theme=dark] .sl-roadmap__band--1{background:#243e664d}body[data-theme=dark] .sl-roadmap__band--2{background:#4733614d}body[data-theme=dark] .sl-roadmap__band strong{color:#dce6fc}@media(max-width:640px){.sl-roadmap__toolbar{align-items:flex-start;flex-direction:column}.sl-roadmap__viewport{max-height:520px}}.sl-roadmap__phase{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:var(--text-secondary,#6254b1)}.sl-roadmap-phases{display:grid;gap:12px;margin:12px 0 18px;min-width:0;color:var(--text-primary,#17233d)}.sl-roadmap-phases>header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.85rem}.sl-roadmap-phases>header>span,.sl-roadmap-phases small{color:var(--text-secondary,#65738c);font-size:.76rem}.sl-roadmap-phases ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;list-style:none;padding:0;margin:0}.sl-roadmap-phases li{display:flex;gap:10px;align-items:flex-start;min-width:0;border:1px solid var(--border-light,#e0e5f0);border-radius:10px;padding:12px;background:var(--bg-card,#fff)}.sl-roadmap-phase-number{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#e9e5ff;color:#5546df;font:700 .8rem system-ui}.sl-roadmap-phases li>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.sl-roadmap-phases li strong{font-size:.82rem}.sl-roadmap-phases p{margin:0;color:var(--text-secondary,#65738c);font-size:.75rem;line-height:1.5}.sl-ui-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 20px;border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-lg, 16px);background:var(--bg-card, #fff);color:var(--text-secondary, #475569);text-align:center}.sl-ui-state--loading{border-color:transparent;background:transparent;color:var(--text-muted, #64748b)}.sl-ui-state--error{border-color:#dc262640}.sl-ui-state__spinner{width:24px;height:24px;border:3px solid color-mix(in srgb,var(--primary, #4f46e5) 18%,transparent);border-top-color:var(--primary, #4f46e5);border-radius:50%;animation:sl-ui-spin .8s linear infinite}.sl-ui-state button{padding:8px 14px;border:0;border-radius:var(--radius-md, 10px);background:var(--primary, #4f46e5);color:#fff;font:inherit;font-weight:600;cursor:pointer}.sl-ui-state button:hover{background:var(--primary-hover, #4338ca)}.sl-ui-state button:focus-visible,.sl-ui-state a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary, #4f46e5) 35%,transparent);outline-offset:2px}@keyframes sl-ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sl-ui-state__spinner{animation-duration:1.8s}}:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--primary-gradient: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);--btn-dark-bg: #1E1B4B;--btn-dark-hover: #312E81;--btn-dark-text: #FFFFFF;--accent-orange: #F97316;--accent-green: #10B981;--accent-blue: #3B82F6;--accent-pink: #EC4899;--accent-yellow: #F59E0B;--bg-page: #F3F4F8;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-header: #FFFFFF;--bg-input: #F9FAFB;--bg-hover: #F3F4F6;--bg-badge: #EEF2FF;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-white: #FFFFFF;--text-link: #4F46E5;--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-focus: #4F46E5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition: .2s ease;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme=dark]{--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: rgba(99, 102, 241, .2);--primary-gradient: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--btn-dark-bg: #1E1B4B;--btn-dark-hover: #312E81;--btn-dark-text: #FFFFFF;--bg-page: #0F172A;--bg-card: #1E293B;--bg-sidebar: #1E293B;--bg-header: #1E293B;--bg-input: #0F172A;--bg-hover: #334155;--bg-badge: rgba(99, 102, 241, .25);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-white: #FFFFFF;--text-link: #818CF8;--border-light: #334155;--border-medium: #475569;--border-focus: #6366F1}*{margin:0;padding:0;box-sizing:border-box}.sl-route-loading{display:grid;min-height:50vh;place-items:center;color:var(--text-secondary)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-primary);min-height:100vh}#root{max-width:none;margin:0;padding:0;text-align:left}input,button,textarea,select{font-family:Inter,sans-serif}select option,option{background-color:#fff!important;color:#111827!important}body[data-theme=dark] select option,body[data-theme=dark] option{background-color:#1e293b!important;color:#f8fafc!important}body[data-theme=light] select option,body[data-theme=light] option{background-color:#fff!important;color:#111827!important}button{cursor:pointer}button:focus{outline:none}a{color:var(--text-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
