@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green-50:#e6f9f0;--green-100:#c0f0d9;--green-200:#87e3bc;--green-300:#4dd09a;--green-400:#27bc7d;--green:#1daa61;--green-600:#168e52;--green-700:#107240;--green-800:#0a5530;--green-900:#063820;--brand-50:#dae8e5;--brand-200:#80a9a4;--brand-300:#568b86;--brand-400:#346f6a;--brand-500:#1c5450;--brand-600:#164441;--brand-700:#103534;--brand-800:#0b2625;--brand-900:#061717;--white:#fff;--cloud:#f6f6f6;--cream:#eee;--frost:#e4e4ea;--snow:#d4d4d9;--stone:#b4b4bb;--silver:#c8c8ce;--bone:#f0ebe0;--black:#000;--text-50:#e6e6e6;--text-100:#c2c2c2;--text-200:#9c9c9c;--text-300:#6e6e6e;--text-400:#3c3c3c;--text-500:#1a1a1a;--n-50:#f2f3f5;--n-100:#e3e4e8;--n-200:#c8cad1;--n-300:#a9acb8;--n-400:#838797;--n-500:#5f6375;--n-600:#474b5c;--n-700:#333644;--n-900:#141620;--info:#2563eb;--info-light:#eff6ff;--warning:#f0b529;--warning-light:#fefce8;--warning-dark:#7a4800;--danger:#ef4444;--danger-light:#fef2f2;--danger-600:#dc2626;--purple:#8b5cf6;--orange:#f97316;--green-light:var(--green-50);--green-dark:var(--green-700);--green-mid:var(--green-300);--text:var(--text-500);--text-2:var(--text-400);--text-3:var(--n-400);--bg:var(--cloud);--card:var(--white);--border:var(--n-100);--blue:var(--info);--blue-light:var(--info-light);--amber:var(--warning);--amber-light:var(--warning-light);--red:var(--danger-600);--red-light:var(--danger-light);--purple-light:#f5f3ff;--shadow-soft:0 1px 2px rgba(6,56,32,.04),0 2px 8px rgba(6,56,32,.04);--shadow:0 2px 6px rgba(6,56,32,.05),0 12px 32px rgba(6,56,32,.08);--shadow-lg:0 8px 16px rgba(6,56,32,.08),0 24px 64px rgba(6,56,32,.12);--shadow-glow:0 0 0 1px rgba(29,170,97,.15),0 8px 24px rgba(29,170,97,.16);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--r-sm:4px;--r-md:6px;--r:8px;--r-xl:12px;--r-2xl:16px;--r-pill:9999px;--font:"SF Pro Display",Inter,-apple-system,sans-serif}body,html{height:100%;overflow:hidden}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:14px}.layout{overflow:hidden}.layout,.sidebar{display:flex;height:100vh}.sidebar{width:272px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;flex-direction:column}.sidebar-logo{padding:20px 16px 16px;border-bottom:1px solid var(--border)}.logo-mark{gap:10px}.logo-icon,.logo-mark{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:var(--brand-500);border-radius:var(--r);justify-content:center}.logo-icon svg{width:18px;height:18px;fill:#fff}.logo-text{font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.02em}.logo-sub{font-size:12px;color:var(--text-3);font-weight:500;margin-top:2px}.sidebar-nav{padding:12px 10px;flex:1 1}.nav-section{margin-bottom:16px}.nav-label{font-weight:700;margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.nav-label,.nav-sublabel{font-size:11px;color:var(--text-3);padding:0 10px}.nav-sublabel{margin-bottom:8px;font-weight:400}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r);font-size:14px;font-weight:400;color:var(--text-2);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--n-50);color:var(--text)}.nav-item.active{background:var(--green-50);color:var(--green-700);font-weight:600}.nav-item .nav-icon-svg{width:28px;height:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--n-50)}.nav-item.active .nav-icon-svg{background:rgba(29,170,97,.15)}.nav-item.active .nav-icon-svg svg{stroke:var(--green-700)}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:var(--green-50);color:var(--green-700)}.nav-badge.pending{background:var(--warning-light);color:var(--warning-dark)}.sidebar-footer{padding:14px;border-top:1px solid var(--border)}.progress-bar-wrap{margin-bottom:10px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:7px;font-weight:500}.progress-track{height:6px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:var(--r-pill);transition:width .4s}.topbar{z-index:100;background:var(--card);border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;gap:16px;height:62px}.topbar-steps{flex:1 1;overflow-x:auto}.topbar-step,.topbar-steps{display:flex;align-items:center;gap:4px}.topbar-step{padding:4px 8px;border-radius:var(--r);cursor:pointer;transition:background .15s;white-space:nowrap;border:none;background:none;font-family:inherit}.topbar-step:hover{background:var(--n-50)}.topbar-step.active{background:var(--green-50)}.ts-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;border:1.5px solid var(--border);background:var(--n-50);color:var(--text-3)}.topbar-step.done .ts-dot{background:var(--green);border-color:var(--green);color:#fff}.topbar-step.active .ts-dot{background:var(--green-700);border-color:var(--green-700);color:#fff}.ts-label{font-size:12px;font-weight:500;color:var(--text-3)}.topbar-step.done .ts-label{color:var(--green-700)}.topbar-step.active .ts-label{color:var(--green-700);font-weight:700}.ts-sep{color:var(--border);font-size:12px;flex-shrink:0}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-prog{font-size:11px;font-weight:700;color:var(--green-700);white-space:nowrap}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--n-900);color:#fff;border-radius:var(--r-xl);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{font-size:15px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{flex-shrink:0}.main-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden}.page{display:none;padding:36px 52px 60px;max-width:100%}.page.active{display:block;animation:pageIn .22s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,0);pointer-events:none;z-index:5000;transition:background .12s ease}.page-transition-overlay.flash{background:hsla(0,0%,100%,.45)}.page-header{margin-bottom:36px}.page-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);background:var(--green-50);color:var(--green-700);margin-bottom:12px}.page-pill-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-title{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:8px}.page-desc{font-size:15px;color:var(--text-2);max-width:640px;line-height:1.65}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.card-desc{font-size:13.5px;color:var(--text-3);line-height:1.55}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:24px}.concept-card{background:var(--card);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:var(--r-xl);padding:12px 14px 12px 12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto;grid-column-gap:10px;column-gap:10px;grid-row-gap:0;row-gap:0;align-items:start;transition:box-shadow .15s}.concept-card:hover{box-shadow:var(--shadow-soft)}.concept-icon{width:28px;height:28px;min-width:28px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1/4;margin-top:1px}.concept-icon.g{background:var(--green-50)}.concept-icon.b{background:var(--info-light)}.concept-icon.p{background:#f5f3ff}.concept-icon.a{background:var(--warning-light)}.concept-icon svg{width:13px;height:13px}.concept-card h4{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px;line-height:1.35;grid-column:2;grid-row:1}.concept-card p{font-size:12px;color:var(--text-3);line-height:1.5;grid-column:2;grid-row:2}.concept-card .concept-example{grid-column:2;grid-row:3;margin-top:6px}.concept-example{padding:5px 9px;background:var(--n-50);border-radius:var(--r-sm);font-size:10.5px;font-family:SF Mono,ui-monospace,monospace;color:var(--text-2)}.concept-card:has(.concept-icon.g){border-left-color:var(--green)}.concept-card:has(.concept-icon.b){border-left-color:var(--info)}.concept-card:has(.concept-icon.p){border-left-color:var(--purple)}.concept-card:has(.concept-icon.a){border-left-color:var(--amber)}.alert{display:flex;gap:8px;padding:10px 14px;border-radius:var(--r-xl);margin-bottom:12px;font-size:12.5px;font-weight:400;line-height:1.5}.alert-icon{flex-shrink:0;margin-top:1px}.alert-icon svg{width:13px;height:13px}.alert.success{background:var(--green-50);color:var(--green-700);border:1px solid rgba(29,170,97,.18)}.alert.warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid rgba(240,181,41,.22)}.alert.info{background:#f0f6ff;color:#1e40af;border:1px solid rgba(37,99,235,.15)}.alert.error{background:var(--danger-light);color:var(--danger-600);border:1px solid rgba(220,38,38,.18)}.alert strong{font-weight:600}.upload-steps{display:flex;flex-direction:column;gap:0}.upload-step{display:flex;gap:16px;align-items:flex-start;padding:18px 0}.upload-step+.upload-step{border-top:1px solid var(--border)}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.step-num.s1{background:var(--green-50);color:var(--green-700);border:1.5px solid rgba(29,170,97,.3)}.step-num.s2{background:var(--n-50);color:var(--text-3);border:1.5px solid var(--border)}.step-body{flex:1 1;min-width:0}.step-label{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:4px;display:flex;align-items:center;gap:6px}.step-desc{font-size:12px;color:var(--text-3);margin-bottom:10px;line-height:1.5}.step-cols{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.step-col{font-size:10.5px;font-family:SF Mono,ui-monospace,monospace;padding:2px 7px;border-radius:var(--r-sm);background:var(--n-50);border:1px solid var(--border);color:var(--text-2)}.step-col.req{background:var(--green-50);color:var(--green-700);border-color:rgba(29,170,97,.25)}.asig-user-row:hover{background:var(--n-50)!important}.upload-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:40px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--card)}.upload-zone.over,.upload-zone:hover{border-color:var(--green);background:#d4f5e5;border-width:2px}.upload-icon{width:48px;height:48px;border-radius:var(--r-xl);background:var(--green-50);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:22px}.upload-zone h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.upload-zone p{font-size:14px;color:var(--text-3)}.upload-zone .fmt{display:inline-block;font-family:SF Mono,ui-monospace,monospace;font-size:11px;padding:3px 8px;background:var(--n-50);border:1px solid var(--border);border-radius:var(--r);color:var(--text-3);margin:8px 3px 0}input[type=file]{display:none}.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border:none;border-radius:var(--r-pill);font-family:inherit;font-size:14.5px;font-weight:500;cursor:pointer;transition:all .15s ease-out}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-600)}.btn-ghost{background:var(--card);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--n-400);color:var(--text)}.btn-neutral{background:var(--n-100);color:var(--text);border:1px solid var(--n-200)}.btn-neutral:hover{background:var(--n-200);border-color:var(--n-300)}.btn-blue{background:var(--info);color:#fff}.btn-blue:hover{background:#1d4ed8}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:15px;height:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.loading{display:none;text-align:center;padding:32px}.loading.show{display:block}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(1turn)}}.table-wrap{overflow-x:auto;border-radius:var(--r-xl);border:1px solid var(--border);margin:14px 0}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table thead th{background:var(--n-50);color:var(--text-3);font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:9px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}.data-table tbody td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:rgba(29,170,97,.03)}.code-tag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:var(--r);background:var(--green-50);color:var(--green-700)}.code-tag,.email-tag{font-family:SF Mono,ui-monospace,monospace}.email-tag{font-size:11px;color:var(--info)}.role-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill)}.role-badge.admin{background:#f5f3ff;color:#6d28d9}.role-badge.aprobador{background:var(--info-light);color:#1d4ed8}.role-badge.rendidor{background:var(--green-50);color:var(--green-700)}.indent-1{padding-left:28px!important}.indent-2{padding-left:52px!important}.indent-3{padding-left:76px!important}.level-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;flex-shrink:0}.level-1 .level-dot{background:var(--green)}.level-2 .level-dot{background:var(--info)}.level-3 .level-dot{background:var(--purple)}.video-banner{background:linear-gradient(135deg,#0b2e2a,#1c5450 45%,#164441);border-radius:var(--r-2xl);padding:32px 28px 28px;margin-bottom:28px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;text-align:center;cursor:pointer;transition:filter .2s}.video-banner:hover{filter:brightness(1.06)}.video-banner-inner,.video-play-zone{display:flex;flex-direction:column;align-items:center;gap:14px}.video-play-zone{width:100%}.video-play-btn{width:68px;height:68px;border-radius:50%;background:hsla(0,0%,100%,.18);border:2.5px solid hsla(0,0%,100%,.55);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;flex-shrink:0}.video-banner:hover .video-play-btn{background:hsla(0,0%,100%,.28);transform:scale(1.08)}.video-play-btn svg{margin-left:4px}.video-banner-text{display:flex;flex-direction:column;align-items:center;gap:6px}.video-banner-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:hsla(0,0%,100%,.5)}.video-banner-title{font-size:17px;font-weight:700;color:#fff;line-height:1.35;max-width:520px}.video-banner-hint{font-size:13px;color:hsla(0,0%,100%,.65);line-height:1.5;max-width:440px}.video-banner-duration{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:hsla(0,0%,100%,.5);margin-top:2px}.step-locked-overlay{position:fixed;inset:0;background:rgba(20,22,32,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4000;display:flex;align-items:center;justify-content:center;animation:fadeInOv .18s ease}@keyframes fadeInOv{0%{opacity:0}to{opacity:1}}.step-locked-card{background:var(--card);border-radius:var(--r-2xl);padding:40px 44px;max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUpCard .2s ease}@keyframes slideUpCard{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.locked-icon{width:56px;height:56px;border-radius:50%;background:var(--n-50);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.locked-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.locked-desc{font-size:13.5px;color:var(--text-3);line-height:1.6;margin-bottom:24px}.locked-goto-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--green);color:#fff;border:none;border-radius:var(--r-pill);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.locked-goto-btn:hover{background:var(--green-600)}.locked-dismiss{display:block;margin-top:12px;font-size:12.5px;color:var(--text-3);cursor:pointer;background:none;border:none;font-family:inherit}.locked-dismiss:hover{color:var(--text-2)}.topbar-step.locked .ts-dot{background:var(--n-100);border-color:var(--border);color:var(--text-3)}.topbar-step.locked .ts-label{color:var(--text-3)}.topbar-step.locked{opacity:.65;cursor:not-allowed}.nav-item.locked{opacity:.5;cursor:not-allowed}.nav-item.locked:hover{background:transparent;color:var(--text-2)}.step-context-banner{display:flex;align-items:center;gap:14px;background:var(--green-50);border:1px solid rgba(29,170,97,.2);border-radius:var(--r-xl);padding:14px 20px;margin-bottom:24px}.step-context-num{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-context-text{flex:1 1}.step-context-label{font-size:11px;font-weight:700;color:var(--green-700);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1px}.step-context-title{font-size:14px;font-weight:600;color:var(--green-dark);line-height:1.3}.step-context-next{font-size:12px;color:var(--text-3);flex-shrink:0}.collapsible-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:12px;overflow:hidden}.collapsible-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px;transition:background .15s}.collapsible-card-header:hover{background:var(--n-50)}.collapsible-card-title{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;text-align:left;flex:1 1;min-width:0}.collapsible-card-chevron{transition:transform .18s ease;flex-shrink:0;color:var(--text-3)}.collapsible-card-header:before{content:"";display:block;position:absolute;top:0;left:18px;right:18px;height:1.5px;border-radius:2px;background:var(--n-100)}.collapsible-card{position:relative}.collapsible-card:first-child .collapsible-card-header:before{display:none}.collapsible-card-body{max-height:0;overflow:hidden;transition:max-height .1s cubic-bezier(.4,0,.2,1),padding .08s ease,opacity .08s ease;padding:0 20px;opacity:0}.collapsible-card-body.open{max-height:800px;padding:8px 20px 20px;opacity:1;transition:max-height .14s cubic-bezier(.4,0,.2,1),padding .1s ease,opacity .1s ease}.module-card.mc-locked{background:var(--n-50)!important;opacity:.65;cursor:not-allowed}.module-card.mc-locked,.module-card.mc-locked:hover{border-color:var(--border)!important;transform:none!important;box-shadow:none!important}.mc-lock-icon{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--n-100);display:flex;align-items:center;justify-content:center}.niveles-required-hint{display:none;color:var(--danger-600);font-size:11.5px;font-weight:600;margin-top:6px;padding:6px 10px;background:var(--danger-light);border-radius:var(--r);border:1px solid rgba(220,38,38,.2)}.stat{flex:1 1;min-width:100px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:14px 16px;box-shadow:var(--shadow-soft)}.stat.highlight{border-color:rgba(29,170,97,.3);background:var(--green-50)}.stat-val{font-size:22px;font-weight:700;color:var(--text);font-family:SF Mono,ui-monospace,monospace;line-height:1.2}.stat.highlight .stat-val{color:var(--green-700)}.stat-label{font-size:11px;color:var(--text-3);margin-top:2px}.tabs{display:flex;gap:2px;background:var(--n-50);padding:3px;border-radius:var(--r-xl);border:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tab-btn{padding:7px 14px;border:none;background:transparent;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--text-3);border-radius:var(--r);cursor:pointer;transition:all .15s;white-space:nowrap}.tab-btn.active{background:var(--card);color:var(--green-700);font-weight:600;box-shadow:var(--shadow-soft)}.tab-panel{display:none}.tab-panel.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:600;color:var(--text-2)}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:14px;color:var(--text);background:var(--card);transition:border .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--green);box-shadow:var(--shadow-glow)}.form-group .hint{font-size:11px;color:var(--text-3)}.hier-preview{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-soft)}.hier-preview h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px;gap:7px}.hier-node,.hier-preview h4{display:flex;align-items:center}.hier-node{gap:8px;padding:7px 12px;border-radius:var(--r);margin-bottom:4px;font-size:13px;font-weight:500}.hier-node.l1{background:var(--green-50);color:var(--green-700)}.hier-node.l2{background:var(--info-light);color:#1e40af;margin-left:22px}.hier-node.l3{background:#f5f3ff;color:#5b21b6;margin-left:44px}.hier-node.l4{background:var(--warning-light);color:var(--warning-dark);margin-left:66px}.hier-code{font-family:SF Mono,ui-monospace,monospace;font-size:10px;margin-left:auto;padding:2px 6px;border-radius:var(--r-sm);opacity:.8}.l1 .hier-code{background:rgba(29,170,97,.15)}.l2 .hier-code{background:rgba(37,99,235,.15)}.l3 .hier-code{background:rgba(139,92,246,.15)}.l4 .hier-code{background:rgba(240,181,41,.2)}.role-select{padding:5px 8px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:11.5px;color:var(--text);background:var(--card);cursor:pointer}.role-select:focus{outline:none;border-color:var(--green)}.role-select.needs-role{background:#fef9c3;border-color:#ca8a04}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:all .15s}.check-item:hover{border-color:var(--green)}.check-item.checked{background:var(--green-50);border-color:rgba(29,170,97,.3)}.check-box{width:20px;height:20px;border-radius:var(--r);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .15s;font-size:11px;background:var(--card)}.check-item.checked .check-box{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 3px rgba(29,170,97,.18)}.check-info .ci-title{font-size:13px;font-weight:600;color:var(--text)}.check-info .ci-desc{font-size:12px;color:var(--text-3);margin-top:2px}.check-item.checked .ci-title{color:var(--green-700)}.welcome-hero{background:linear-gradient(135deg,var(--brand-600) 0,var(--brand-400) 100%);border-radius:var(--r-2xl);padding:40px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.welcome-hero:before{top:-40px;right:-40px;width:200px;height:200px;background:hsla(0,0%,100%,.06)}.welcome-hero:after,.welcome-hero:before{content:"";position:absolute;border-radius:50%}.welcome-hero:after{bottom:-30px;right:60px;width:120px;height:120px;background:hsla(0,0%,100%,.04)}.welcome-hero h1{font-size:26px;font-weight:600;margin-bottom:8px;position:relative;letter-spacing:-.02em}.welcome-hero p{font-size:14px;opacity:.85;max-width:520px;line-height:1.6;position:relative}.welcome-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);background:hsla(0,0%,100%,.15);color:#fff;margin-bottom:14px}.module-card,.welcome-tag{position:relative}.mc-step-badge{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-step-badge.gray,.mc-step-badge.green{background:var(--green);color:#fff}.mc-step-badge.blue{background:var(--blue);color:#fff}.module-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.module-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;cursor:pointer;transition:all .2s;text-align:center;box-shadow:var(--shadow-soft)}.module-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-2px)}.module-card .mc-icon{font-size:24px;margin-bottom:10px}.module-card .mc-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.module-card .mc-desc{font-size:11px;color:var(--text-3)}.module-card .mc-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);margin-top:8px}.mc-badge.import{background:var(--green-50);color:var(--green-700)}.mc-badge.manual{background:var(--n-50);color:var(--text-3);border:1px solid var(--border)}.perms-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:10px}.perm-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r);font-size:12px}.perm-item.on{background:var(--green-50);color:var(--green-700)}.perm-item.off{background:var(--n-50);color:var(--text-3)}.perm-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.on .perm-dot{background:var(--green)}.off .perm-dot{background:var(--border)}.guide-module{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow-soft)}.guide-header{padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.guide-header:hover{background:var(--n-50)}.guide-icon{width:36px;height:36px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.guide-info{flex:1 1}.guide-title{font-size:14px;font-weight:600;color:var(--text)}.guide-chevron,.guide-subtitle{font-size:12px;color:var(--text-3)}.guide-chevron{transition:transform .2s}.guide-body{display:none;padding:0 20px 20px;border-top:1px solid var(--border)}.guide-body.open{display:block}.field-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:10px;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.field-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:var(--card);border-bottom:1px solid var(--border);font-size:12px}.field-list li:last-child{border-bottom:none}.field-name{font-weight:600;color:var(--text);min-width:160px;flex-shrink:0}.field-req{font-weight:700;color:var(--green)}.field-opt,.field-req{font-size:10px;margin-left:4px}.field-desc,.field-opt{color:var(--text-3)}@media(max-width:900px){.sidebar{display:none}.page{padding:24px 20px}.concept-grid,.form-row,.module-cards,.perms-grid{grid-template-columns:1fr}}.search-bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.search-input{flex:1 1;min-width:180px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:13px;color:var(--text);background:var(--card)}.search-input:focus{outline:none;border-color:var(--green)}.filter-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:13px;color:var(--text);background:var(--card);cursor:pointer}.policy-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-soft)}.policy-item:hover{border-color:var(--green)}.policy-num{width:28px;height:28px;border-radius:var(--r);background:var(--green-50);color:var(--green-700);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.policy-info{flex:1 1}.policy-name{font-size:13.5px;font-weight:600;color:var(--text)}.policy-meta{font-size:11.5px;color:var(--text-3);margin-top:2px}.policy-actions{display:flex;gap:6px}.icon-btn{width:30px;height:30px;border-radius:var(--r);border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:var(--text-3);transition:all .15s}.icon-btn:hover{border-color:var(--danger-600);color:var(--danger-600)}.plantilla-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow-soft)}.plantilla-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.plantilla-fields{display:flex;flex-wrap:wrap;gap:6px}.field-tag{font-size:11px;padding:3px 8px;border-radius:var(--r-pill);background:var(--n-50);border:1px solid var(--border);color:var(--text-2)}.empty{text-align:center;padding:48px 24px;color:var(--text-3)}.empty-icon{font-size:36px;margin-bottom:12px}.empty h3{font-size:15px;font-weight:600;color:var(--text-2);margin-bottom:6px}.empty p{font-size:13px}.page-info-strip{display:flex;align-items:center;gap:10px;background:var(--info-light);border:1px solid rgba(37,99,235,.15);border-radius:var(--r-xl);padding:12px 16px;margin-bottom:20px;font-size:13.5px;color:#1e40af}.page-info-strip .pis-icon{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-action-strip{display:flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid rgba(29,170,97,.2);border-radius:var(--r-xl);padding:12px 16px;margin-bottom:20px;font-size:13.5px;color:var(--green-dark)}.page-action-strip .pas-icon{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--n-50)!important;color:var(--text-3)!important;border-color:var(--border)!important;cursor:not-allowed;opacity:.75;transition:background .3s ease,color .3s ease}@keyframes km-confirm-pop{0%{transform:scale(1)}40%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(29,170,97,.18)}to{transform:scale(1);box-shadow:none}}.km-confirm-anim{animation:km-confirm-pop .32s cubic-bezier(.4,0,.2,1) forwards}.km-stepbar-item{transition:background .15s,color .15s;cursor:pointer;border-radius:6px;padding:4px 8px}.km-col-card.assigned-card:after{content:"✕ Deseleccionar";display:block;font-size:10px;color:var(--green-dark);text-align:center;margin-top:4px;opacity:.7}.ts-dot{transition:background .22s ease,border-color .22s ease,transform .18s ease}.topbar-step.active .ts-dot{transform:scale(1.15)}.topbar-step.done .ts-dot{transform:scale(1)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--stone);border-radius:var(--r-pill)}