:root{--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-10: 10.5px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-30: 30px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.011em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em;--n-0: #ffffff;--n-25: #fbfbfd;--n-50: #f7f7fa;--n-75: #f1f2f6;--n-100: #e9eaf0;--n-150: #dcdee6;--n-200: #c6c9d4;--n-300: #a1a5b5;--n-400: #767a8b;--n-500: #565a6b;--n-600: #3e4251;--n-700: #2a2d3a;--n-800: #1b1d27;--n-900: #0e1019;--p-50: #fbf0fb;--p-100: #f5dbf6;--p-200: #ecb8ee;--p-300: #dd8be0;--p-400: #c75dcb;--p-500: #4D008C;--p-600: #3d006e;--p-700: #2e0054;--p-800: #1f0038;--p-900: #10001e;--s-success-50: #ecfdf5;--s-success-100: #d1fae5;--s-success-500: #10b981;--s-success-600: #059669;--s-success-700: #047857;--s-warn-50: #fffbeb;--s-warn-100: #fef3c7;--s-warn-500: #f59e0b;--s-warn-600: #d97706;--s-warn-700: #b45309;--s-danger-50: #fef2f2;--s-danger-100: #fee2e2;--s-danger-500: #ef4444;--s-danger-600: #dc2626;--s-danger-700: #b91c1c;--s-info-50: #eff6ff;--s-info-100: #dbeafe;--s-info-500: #3b82f6;--s-info-600: #2563eb;--s-info-700: #1d4ed8;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 18px;--r-full: 9999px;--sh-xs: 0 1px 1px rgba(14, 16, 25, .04);--sh-sm: 0 1px 2px rgba(14, 16, 25, .06), 0 0 0 1px rgba(14,16,25,.03);--sh-md: 0 2px 6px rgba(14, 16, 25, .06), 0 1px 2px rgba(14,16,25,.04);--sh-lg: 0 8px 24px rgba(14, 16, 25, .08), 0 2px 6px rgba(14,16,25,.04);--sh-xl: 0 24px 56px rgba(14, 16, 25, .18), 0 8px 20px rgba(14,16,25,.08);--sh-focus: 0 0 0 3px rgba(168, 53, 174, .18);--color-bg: var(--n-50);--color-bg-subtle: var(--n-25);--color-surface: var(--n-0);--color-surface-sunken: var(--n-75);--color-border: var(--n-100);--color-border-strong: var(--n-150);--color-border-focus: var(--p-500);--color-text: var(--n-700);--color-text-strong: var(--n-800);--color-text-muted: var(--n-400);--color-text-subtle: var(--n-300);--color-text-on-primary: #ffffff;--color-primary: var(--p-500);--color-primary-hover: var(--p-600);--color-primary-soft: var(--p-50);--color-primary-softer: var(--p-100);--h-input: 32px;--h-input-lg: 36px;--h-btn: 32px;--h-btn-sm: 26px;--h-btn-lg: 36px;--h-row: 36px;--h-row-sm: 32px;--h-nav: 48px;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 900;--z-modal: 1000;--z-toast: 1200;--z-tooltip: 1300;--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-med: .18s cubic-bezier(.4, 0, .2, 1);--mod-proyectos-bg: #f3eef8;--mod-proyectos-fg: #4D008C;--mod-contratos-bg: #e6f0fe;--mod-contratos-fg: #1e40af;--mod-ventas-bg: #ddf4ee;--mod-ventas-fg: #047857;--mod-clientes-bg: #fdf1dc;--mod-clientes-fg: #b45309;--mod-personal-bg: #e6e9ff;--mod-personal-fg: #3730a3;--mod-tareas-bg: #fde7ee;--mod-tareas-fg: #be185d;--mod-reportes-bg: #e1f3f5;--mod-reportes-fg: #0e7490}[data-mod=personal],[data-mod=personas]{--mod-bg: var(--mod-personal-bg);--mod-fg: var(--mod-personal-fg)}[data-theme=sobrio]{--color-bg: #f5f6f8;--color-bg-subtle: #fafbfc;--color-primary: var(--p-700);--color-primary-hover: var(--p-800)}[data-theme=neutral]{--color-primary: var(--n-800);--color-primary-hover: var(--n-900);--color-primary-soft: var(--n-75);--color-primary-softer: var(--n-100);--color-border-focus: var(--n-600);--sh-focus: 0 0 0 3px rgba(43, 45, 58, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug)}p{margin:0}a{color:var(--color-primary);text-decoration:none;font-weight:var(--fw-medium)}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--n-150);border-radius:8px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--n-200)}.num,.mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero";letter-spacing:-.005em}:focus-visible{outline:none;box-shadow:var(--sh-focus);border-radius:inherit}.stack-2>*+*{margin-top:var(--sp-2)}.stack-3>*+*{margin-top:var(--sp-3)}.stack-4>*+*{margin-top:var(--sp-4)}.stack-6>*+*{margin-top:var(--sp-6)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.strong{color:var(--color-text-strong)}.t-10{font-size:var(--fs-10)}.t-11{font-size:var(--fs-11)}.t-12{font-size:var(--fs-12)}.t-13{font-size:var(--fs-13)}.t-14{font-size:var(--fs-14)}.t-15{font-size:var(--fs-15)}.t-16{font-size:var(--fs-16)}.t-18{font-size:var(--fs-18)}.t-20{font-size:var(--fs-20)}.t-24{font-size:var(--fs-24)}.t-30{font-size:var(--fs-30)}.w-regular{font-weight:var(--fw-regular)}.w-medium{font-weight:var(--fw-medium)}.w-semibold{font-weight:var(--fw-semibold)}.w-bold{font-weight:var(--fw-bold)}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--fw-semibold);font-size:var(--fs-11);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--h-btn);padding:0 12px;font-size:var(--fs-13);font-weight:var(--fw-medium);line-height:1;letter-spacing:var(--tracking-normal);border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--h-btn-sm);padding:0 10px;font-size:var(--fs-12)}.btn-lg{height:var(--h-btn-lg);padding:0 16px;font-size:var(--fs-14)}.btn-icon-only{padding:0;width:var(--h-btn)}.btn-sm.btn-icon-only{width:var(--h-btn-sm)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--n-75);border-color:var(--n-200)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--n-75)}.btn-danger{background:var(--s-danger-600);color:#fff;border-color:var(--s-danger-600)}.btn-danger:hover{background:var(--s-danger-700);border-color:var(--s-danger-700)}.btn-danger-ghost{background:transparent;color:var(--s-danger-600)}.btn-danger-ghost:hover{background:var(--s-danger-50)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--color-text);letter-spacing:0}.field-hint{font-size:var(--fs-11);color:var(--color-text-muted)}.field-error{font-size:var(--fs-11);color:var(--s-danger-600)}.input,.select,.textarea{height:var(--h-input);padding:0 10px;font-size:var(--fs-13);color:var(--color-text-strong);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--r-md);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);width:100%;min-width:0}.textarea{height:auto;min-height:72px;padding:8px 10px;resize:vertical;line-height:var(--lh-normal)}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--n-200)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--sh-focus)}.input[disabled],.select[disabled],.textarea[disabled]{background:var(--n-50);color:var(--color-text-muted);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23767a8b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;cursor:pointer}.input-group{position:relative;display:flex;align-items:center;min-width:0}.input-group .lucide{position:absolute;left:9px;color:var(--color-text-muted);pointer-events:none}.input-group .input{padding-left:30px}.input-search{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:var(--fs-11);font-weight:var(--fw-medium);border-radius:var(--r-sm);white-space:nowrap;background:var(--n-75);color:var(--color-text);border:1px solid transparent}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;flex-shrink:0}.badge-success{background:var(--s-success-50);color:var(--s-success-700)}.badge-warn{background:var(--s-warn-50);color:var(--s-warn-700)}.badge-danger{background:var(--s-danger-50);color:var(--s-danger-700)}.badge-info{background:var(--s-info-50);color:var(--s-info-700)}.badge-primary{background:var(--color-primary-soft);color:var(--p-700)}.badge-neutral{background:var(--n-75);color:var(--n-600)}.badge-outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-radius:var(--r-full);background:var(--n-75);color:var(--n-600)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-soft);color:var(--p-700);font-size:var(--fs-11);font-weight:var(--fw-semibold);flex-shrink:0;letter-spacing:0;text-transform:uppercase}.avatar-sm{width:22px;height:22px;font-size:var(--fs-10)}.avatar-md{width:32px;height:32px;font-size:var(--fs-12)}.avatar-lg{width:40px;height:40px;font-size:var(--fs-14)}.avatar-xl{width:56px;height:56px;font-size:var(--fs-16)}.avatar-group{display:inline-flex}.avatar-group .avatar+.avatar{margin-left:-6px;border:2px solid var(--color-surface)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.card-header{display:flex;align-items:center;gap:var(--sp-3);height:44px;padding:0 var(--sp-4);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--sp-4)}.card-title{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text-strong);flex:1;min-width:0}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--font-mono);font-size:var(--fs-10);font-weight:var(--fw-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:var(--r-xs)}.divider{height:1px;background:var(--color-border);margin:var(--sp-4) 0}.divider-vert{width:1px;background:var(--color-border);align-self:stretch;margin:0 var(--sp-2)}.segmented{display:inline-flex;background:var(--n-75);border-radius:var(--r-md);padding:2px;gap:2px}.segmented-item{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap}.segmented-item:hover{color:var(--color-text)}.segmented-item.active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--sh-xs)}.tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--color-border);overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-text-strong);border-bottom-color:var(--color-primary);font-weight:var(--fw-semibold)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--fs-10);font-weight:var(--fw-semibold);background:var(--n-75);color:var(--color-text-muted);border-radius:var(--r-full)}.tab.active .tab-count{background:var(--color-primary-soft);color:var(--p-700)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-9) var(--sp-4);color:var(--color-text-muted)}.empty-icon{width:40px;height:40px;border-radius:var(--r-full);background:var(--n-75);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.empty-title{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px}.empty-desc{font-size:var(--fs-13);max-width:340px;margin-bottom:var(--sp-4);line-height:var(--lh-normal)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.table-scroll{overflow:auto;max-height:100%}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-13);color:var(--color-text)}.table thead th{position:sticky;top:0;z-index:2;background:var(--n-25);color:var(--color-text-muted);font-weight:var(--fw-semibold);font-size:var(--fs-11);letter-spacing:var(--tracking-caps);text-transform:uppercase;text-align:left;padding:0 10px;height:32px;border-bottom:1px solid var(--color-border);white-space:nowrap}.table thead th .th-inner{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.num,.table thead th.right{text-align:right}.table thead th.center{text-align:center}.table tbody td{height:var(--h-row);padding:0 10px;border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.table tbody td.num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.005em}.table tbody td.wrap{white-space:normal}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover td{background:var(--n-25)}.table tbody tr.selected td{background:var(--color-primary-soft)}.table tbody tr:last-child td{border-bottom:none}.table-checkbox{width:32px;text-align:center;padding:0}.table-actions{width:56px;text-align:right;padding-right:var(--sp-3)}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-sm);color:var(--color-text-muted);transition:background var(--t-fast),color var(--t-fast)}.row-action-btn:hover{background:var(--n-75);color:var(--color-text-strong)}.cell-user{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.cell-user-info{display:flex;flex-direction:column;min-width:0;line-height:1.2}.cell-user-name{font-weight:var(--fw-medium);color:var(--color-text-strong);font-size:var(--fs-13);overflow:hidden;text-overflow:ellipsis}.cell-user-sub{font-size:var(--fs-11);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.progress{display:flex;align-items:center;gap:8px;width:160px}.progress-track{flex:1;height:4px;background:var(--n-100);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:inherit;transition:width var(--t-med)}.progress-label{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text-muted);min-width:32px;text-align:right}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);border-top:1px solid var(--color-border);background:var(--n-25);font-size:var(--fs-12);color:var(--color-text-muted)}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--r-sm);color:var(--color-text);border:1px solid transparent}.page-btn:hover{background:var(--n-75)}.page-btn:disabled{color:var(--color-text-subtle);cursor:not-allowed}.page-btn.active{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-strong);font-weight:var(--fw-semibold)}.filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 10px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--r-sm);font-size:var(--fs-12);color:var(--color-text);font-weight:var(--fw-medium)}.filter-chip-value{color:var(--color-primary);font-weight:var(--fw-semibold)}.filter-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-xs);color:var(--color-text-muted)}.filter-chip-x:hover{background:var(--n-75);color:var(--color-text)}.check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid var(--color-border-strong);border-radius:3px;background:var(--color-surface);cursor:pointer;position:relative;transition:background var(--t-fast),border-color var(--t-fast);vertical-align:middle}.check:hover{border-color:var(--n-300)}.check:checked{background:var(--color-primary);border-color:var(--color-primary)}.check:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e101973;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-4);animation:fade-in .14s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--sh-xl);max-height:calc(100vh - 48px);width:100%;max-width:640px;overflow:hidden;animation:pop-in .16s cubic-bezier(.4,0,.2,1)}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:960px}.modal-xl{max-width:1200px;height:calc(100vh - 48px)}.modal-header{display:flex;align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-subtitle{font-size:var(--fs-12);color:var(--color-text-muted);margin-top:1px}.modal-title-stack{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-md);color:var(--color-text-muted);margin-right:-6px;flex-shrink:0}.modal-close:hover{background:var(--n-75);color:var(--color-text)}.modal-body{padding:var(--sp-5);overflow:auto;flex:1;min-height:0}.modal-body-flush{padding:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--color-border);background:var(--n-25);flex-shrink:0}.modal-footer-spread{justify-content:space-between}.modal-lg.modal-with-sidebar,.modal-xl.modal-with-sidebar{flex-direction:row}.modal-sidebar{width:220px;flex-shrink:0;background:var(--n-25);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--sp-3);gap:2px;overflow-y:auto}.modal-sidebar-section{font-size:var(--fs-10);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted);padding:var(--sp-2) var(--sp-2) var(--sp-1)}.modal-sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text);border-radius:var(--r-sm);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.modal-sidebar-item:hover{background:var(--n-75)}.modal-sidebar-item.active{background:var(--color-primary-soft);color:var(--p-700);font-weight:var(--fw-semibold)}.modal-sidebar-item .lucide{color:currentColor;opacity:.8}.modal-sidebar-item .tab-count{margin-left:auto}.modal-main{flex:1;display:flex;flex-direction:column;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-4)}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3) var(--sp-4)}.form-full{grid-column:1 / -1}.form-section{display:flex;flex-direction:column;gap:var(--sp-3)}.form-section+.form-section{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--color-border)}.form-section-title{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:2px}.detail-list{display:grid;grid-template-columns:140px 1fr;row-gap:var(--sp-3);column-gap:var(--sp-4);font-size:var(--fs-13)}.detail-list dt{color:var(--color-text-muted);font-weight:var(--fw-medium)}.detail-list dd{margin:0;color:var(--color-text-strong)}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--color-bg)}.side{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.side-brand{display:flex;align-items:center;gap:10px;height:var(--h-nav);padding:0 var(--sp-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.side-brand-mark{width:28px;height:28px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--p-500),var(--p-700));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-13);letter-spacing:-.02em}.side-brand-text{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight)}.side-brand-env{margin-left:auto;font-size:var(--fs-10);font-weight:var(--fw-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase}.side-nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:1px}.side-group{font-size:var(--fs-10);font-weight:var(--fw-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--sp-3) var(--sp-3) 4px}.side-item{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text);border-radius:var(--r-sm);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.side-item:hover{background:var(--n-75)}.side-item.active{background:var(--color-primary-soft);color:var(--p-700);font-weight:var(--fw-semibold)}.side-item .lucide{color:currentColor;opacity:.75;flex-shrink:0}.side-item.active .lucide{opacity:1}.side-item-count{margin-left:auto;font-size:var(--fs-11);color:var(--color-text-muted);font-family:var(--font-mono)}.side-item.active .side-item-count{color:var(--p-700)}.side-foot{padding:var(--sp-3);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.side-foot-info{flex:1;min-width:0}.side-foot-name{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-foot-role{font-size:var(--fs-11);color:var(--color-text-muted)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:var(--h-nav);padding:0 var(--sp-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--color-text-muted);min-width:0}.breadcrumb strong{color:var(--color-text-strong);font-weight:var(--fw-semibold)}.breadcrumb .lucide{opacity:.5}.topbar .search{flex:0 1 280px;margin-left:auto}.page{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.page-head{display:flex;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap}.page-title{font-size:var(--fs-20);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight);line-height:1.2}.page-sub{font-size:var(--fs-13);color:var(--color-text-muted);margin-top:2px}.page-actions{margin-left:auto;display:flex;gap:var(--sp-2);align-items:center}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:2px}.kpi-label{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.kpi-value{font-family:var(--font-mono);font-size:var(--fs-24);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:-.015em;font-feature-settings:"tnum"}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-11);font-weight:var(--fw-semibold)}.kpi-delta.up{color:var(--s-success-600)}.kpi-delta.down{color:var(--s-danger-600)}.kpi-delta.flat{color:var(--color-text-muted)}.ds-body{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.ds-rail{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--sp-4) var(--sp-2);position:sticky;top:0;height:100vh;overflow:auto}.ds-rail-title{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--sp-2) var(--sp-3) var(--sp-1)}.ds-rail a{display:block;padding:6px 12px;font-size:var(--fs-13);color:var(--color-text);border-radius:var(--r-sm);font-weight:var(--fw-medium)}.ds-rail a:hover{background:var(--n-75)}.ds-rail a.active{background:var(--color-primary-soft);color:var(--p-700);font-weight:var(--fw-semibold)}.ds-main{padding:var(--sp-7) var(--sp-9);max-width:1100px}.ds-main>section+section{margin-top:var(--sp-9);padding-top:var(--sp-7);border-top:1px solid var(--color-border)}.ds-h1{font-size:var(--fs-30);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:-.02em}.ds-h1-sub{font-size:var(--fs-14);color:var(--color-text-muted);margin-top:var(--sp-2);max-width:640px;line-height:var(--lh-normal)}.ds-h2{font-size:var(--fs-20);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:-.01em}.ds-h3{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text-strong);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted);margin:var(--sp-6) 0 var(--sp-3)}.ds-caption{font-size:var(--fs-12);color:var(--color-text-muted);margin-top:4px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3)}.swatch{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);overflow:hidden}.swatch-color{height:64px;border-bottom:1px solid var(--color-border)}.swatch-info{padding:8px 10px;display:flex;flex-direction:column;gap:1px}.swatch-name{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--color-text-strong)}.swatch-val{font-family:var(--font-mono);font-size:var(--fs-10);color:var(--color-text-muted)}.spec{display:flex;flex-direction:column;gap:var(--sp-2)}.spec-example{padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.spec-example.col{flex-direction:column;align-items:stretch}.spec-example-sunken{background:var(--color-bg-subtle)}.type-row{display:grid;grid-template-columns:90px 1fr 160px;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);align-items:baseline}.type-row:last-child{border-bottom:none}.type-row-meta{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text-muted);text-transform:uppercase}.type-row-spec{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--color-text-muted);text-align:right}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--sh-md);font-size:var(--fs-13);max-width:360px}.toast-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.toast.success .toast-icon{color:var(--s-success-600)}.toast.danger .toast-icon{color:var(--s-danger-600)}.toast.warn .toast-icon{color:var(--s-warn-600)}.tweak-panel{position:fixed;right:var(--sp-4);bottom:var(--sp-4);width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:var(--sp-3);z-index:var(--z-toast);display:none}.tweak-panel.on{display:block}.tweak-panel-title{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--sp-2)}.tweak-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:6px 0}.tweak-row label{font-size:var(--fs-13);color:var(--color-text);font-weight:var(--fw-medium)}.view-tabs{display:flex;gap:2px;background:var(--color-surface);padding:4px;border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--sh-xs)}.view-tab{padding:6px 12px;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--color-text-muted);border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer}.view-tab:hover{color:var(--color-text)}.view-tab.active{background:var(--color-primary-soft);color:var(--p-700);font-weight:var(--fw-semibold)}.canvas-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.canvas-bar-title{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--color-text-strong);letter-spacing:var(--tracking-tight)}.canvas-bar-tag{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}:root{--sl-side-bg: #270046;--sl-side-bg-hover: #4D008C;--sl-side-active: #4D008C;--sl-side-text: rgba(255,255,255,.55);--sl-side-text-act: #ffffff;--sl-side-border: rgba(255,255,255,.07);--sl-side-group: rgba(255,255,255,.25);--sl-side-badge-bg: rgba(255,255,255,.1);--sl-side-badge-fg: rgba(255,255,255,.5);--sl-main-bg: #f5f6fa;--sl-surface: #ffffff;--sl-border: #e8eaf0;--sl-border-strong: #d8dae4;--sl-text: #1c1c2e;--sl-text-muted: #6b6d84;--sl-text-subtle: #9a9bb0;--sl-top-bg: rgba(255,255,255,.9);--sl-top-blur: blur(10px);--sl-top-border: #e8eaf0;--sl-ticker-bg: rgba(255,255,255,.07);--sl-ticker-border: rgba(255,255,255,.1);--sl-ticker-text: rgba(255,255,255,.7);--sl-ticker-val: rgba(255,255,255,.95)}[data-mode=dark]{--sl-side-bg: #0f1117;--sl-side-bg-hover: rgba(255,255,255,.05);--sl-side-active: rgba(167,139,250,.12);--sl-side-text: rgba(255,255,255,.4);--sl-side-text-act: #c4b5fd;--sl-side-border: rgba(255,255,255,.06);--sl-side-group: rgba(255,255,255,.2);--sl-main-bg: #0f1117;--sl-surface: #1a1d27;--sl-border: rgba(255,255,255,.07);--sl-border-strong: rgba(255,255,255,.12);--sl-text: rgba(255,255,255,.9);--sl-text-muted: rgba(255,255,255,.45);--sl-text-subtle: rgba(255,255,255,.25);--sl-top-bg: rgba(26,29,39,.92);--sl-top-blur: blur(10px);--sl-top-border: rgba(255,255,255,.07);--sl-ticker-bg: rgba(255,255,255,.05);--sl-ticker-border: rgba(255,255,255,.08);--sl-ticker-text: rgba(255,255,255,.4);--sl-ticker-val: rgba(255,255,255,.85)}[data-mode=dark]{--color-bg: var(--sl-main-bg);--color-surface: var(--sl-surface);--color-border: var(--sl-border);--color-border-strong: var(--sl-border-strong);--color-text: var(--sl-text);--color-text-strong: var(--sl-text);--color-text-muted: var(--sl-text-muted);--color-text-subtle: var(--sl-text-subtle);--n-25: #14161f;--n-50: #0f1117;--n-75: rgba(255,255,255,.04);--n-100: rgba(255,255,255,.07);--n-150: rgba(255,255,255,.1);--n-200: rgba(255,255,255,.14);background:var(--sl-main-bg)}.sl-app{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--sl-main-bg);font-family:var(--font-sans)}.sl-side{background:var(--sl-side-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:50}.sl-brand{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--sl-side-border);flex-shrink:0}.sl-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.03em}.sl-brand-name{font-size:15px;font-weight:700;color:#fffffff2;letter-spacing:-.02em}.sl-brand-tag{margin-left:auto;font-size:9px;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.06em}.sl-company{display:flex;align-items:center;gap:8px;margin:8px 10px;padding:7px 10px;border-radius:var(--r-sm);background:var(--sl-side-bg-hover);border:1px solid var(--sl-side-border);cursor:pointer;transition:background .12s}.sl-company:hover{background:#ffffff1a}.sl-company-dot{width:6px;height:6px;border-radius:50%;background:#34d399;flex-shrink:0}.sl-company-name{font-size:12px;font-weight:500;color:#ffffffb3;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-nav{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:1px}.sl-nav::-webkit-scrollbar{width:3px}.sl-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sl-nav-group{font-size:10px;font-weight:600;color:var(--sl-side-group);letter-spacing:.07em;text-transform:uppercase;padding:10px 8px 4px}.sl-nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--sl-side-text);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .12s,color .12s}.sl-nav-item:hover{background:var(--sl-side-bg-hover);color:#ffffffd9}.sl-nav-item.active{background:var(--sl-side-active);color:var(--sl-side-text-act);font-weight:600}.sl-nav-item .lucide{opacity:.65}.sl-nav-item.active .lucide{opacity:1}.sl-nav-badge{margin-left:auto;min-width:18px;height:16px;padding:0 5px;background:var(--sl-side-badge-bg);color:var(--sl-side-badge-fg);font-size:10px;font-weight:700;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center}.sl-nav-item.active .sl-nav-badge{background:#fff3;color:#ffffffd9}.sl-foot{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--sl-side-border);flex-shrink:0}.sl-foot-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffffff4d,#ffffff1f);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.sl-foot-info{min-width:0;flex:1}.sl-foot-name{font-size:12px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-foot-role{font-size:10px;color:#ffffff59}.sl-foot-btn{width:26px;height:26px;border-radius:var(--r-sm);background:transparent;border:none;color:#ffffff59;display:flex;align-items:center;justify-content:center;cursor:pointer}.sl-foot-btn:hover{background:var(--sl-side-bg-hover);color:#ffffffb3}.sl-main{display:flex;flex-direction:column;min-width:0;background:var(--sl-main-bg)}.sl-topbar{display:flex;align-items:center;gap:12px;height:48px;padding:0 24px;background:var(--sl-top-bg);backdrop-filter:var(--sl-top-blur);-webkit-backdrop-filter:var(--sl-top-blur);border-bottom:1px solid var(--sl-top-border);position:sticky;top:0;z-index:40;flex-shrink:0}.sl-crumb{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--sl-text-muted)}.sl-crumb strong{color:var(--sl-text);font-weight:600}.sl-crumb .lucide{opacity:.45}.sl-ticker{display:flex;align-items:center;gap:2px;margin-left:auto}.sl-tick{display:flex;align-items:center;gap:5px;padding:0 10px;height:28px;background:#fff0;border-radius:var(--r-sm);font-size:11px;border-right:1px solid var(--sl-border)}.sl-tick:last-child{border-right:none}.sl-tick-label{font-weight:700;color:var(--sl-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.sl-tick-val{font-family:var(--font-mono);font-weight:600;color:var(--sl-text);font-size:12px;font-feature-settings:"tnum"}.sl-tick-arrow{font-size:11px;font-weight:700}.sl-tick-arrow.up{color:var(--s-success-600)}.sl-tick-arrow.down{color:var(--s-danger-600)}.sl-tick-arrow.flat{color:var(--sl-text-subtle)}.sl-topbar-right{display:flex;align-items:center;gap:6px}.sl-company-chip{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--sl-text);cursor:pointer}.sl-company-chip .dot{width:6px;height:6px;border-radius:50%;background:#34d399}.sl-topbar-btn{width:30px;height:30px;border-radius:var(--r-sm);background:var(--sl-surface);border:1px solid var(--sl-border);color:var(--sl-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.sl-topbar-btn:hover{background:var(--n-75)}.sl-notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:1.5px solid var(--sl-surface)}.sl-user-chip{display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--sl-text);cursor:pointer}.sl-user-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--p-500),var(--p-700));color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.sl-mode-toggle{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--sl-text-muted);cursor:pointer;transition:background .12s,color .12s}.sl-mode-toggle:hover{color:var(--sl-text)}.sl-page{padding:24px 28px;display:flex;flex-direction:column;gap:20px;overflow:auto;min-width:0}.sl-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sl-kpi{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--r-lg);padding:16px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s}.sl-kpi:hover{box-shadow:0 4px 12px #00000014}.sl-kpi-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mod-bg, var(--color-primary-soft));color:var(--mod-fg, var(--p-700))}.sl-kpi-body{display:flex;flex-direction:column;gap:3px;min-width:0}.sl-kpi-label{font-size:10px;font-weight:700;color:var(--sl-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.sl-kpi-value{font-size:26px;font-weight:700;color:var(--sl-text);letter-spacing:-.025em;font-family:var(--font-mono);line-height:1.1;font-feature-settings:"tnum"}.sl-kpi-sub{font-size:11px;color:var(--sl-text-subtle);font-weight:500}.sl-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sl-card{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000a;overflow:hidden}.sl-card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px}.sl-card-title{font-size:14px;font-weight:600;color:var(--sl-text);letter-spacing:-.01em}.sl-card-tag{font-size:10px;font-weight:600;color:var(--p-700);background:var(--p-50);padding:2px 8px;border-radius:var(--r-full)}.sl-card-body{padding:0 18px 16px}.sl-card-foot{display:flex;gap:24px;padding:12px 18px;border-top:1px solid var(--sl-border);background:var(--n-25)}.sl-card-stat{display:flex;flex-direction:column;gap:2px}.sl-card-stat-label{font-size:10px;font-weight:600;color:var(--sl-text-subtle);text-transform:uppercase;letter-spacing:.05em}.sl-card-stat-val{font-size:22px;font-weight:700;color:var(--sl-text);font-family:var(--font-mono);letter-spacing:-.02em}.sl-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-bg);overflow:auto}.home-compare-bar{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.home-compare-label{color:var(--color-text-muted);flex-shrink:0}.home-compare-hint{margin-left:auto}.home-before{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.home-before.compact{padding:var(--sp-4);gap:var(--sp-4)}.hb-greet{display:flex;flex-direction:column;gap:4px}.hb-greet-title{font-size:28px;font-weight:700;color:#4c1d95;line-height:1.2;margin:0}.hb-wave{font-size:22px}.hb-greet-date{color:#6b7280;font-size:14px}.hb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hb-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;border-left-width:4px}.hb-kpi-blue{border-left-color:#3b82f6}.hb-kpi-green{border-left-color:#10b981}.hb-kpi-amber{border-left-color:#f59e0b}.hb-kpi-purple{border-left-color:#8b5cf6}.hb-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.hb-kpi-label{font-size:11px;font-weight:700;color:#6b7280;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.hb-kpi-value{font-size:32px;font-weight:700;color:#111;line-height:1}.hb-kpi-sub{font-size:12px;color:#9ca3af;margin-top:4px}.hb-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hb-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.hb-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hb-chart-title{font-size:15px;font-weight:600;color:#111}.hb-chart-badge{background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.hb-chart-body{padding:8px 0}.hb-chart-foot{display:flex;gap:32px;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:8px}.hb-chart-foot-label{display:block;font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.hb-chart-foot-value{font-size:22px;font-weight:700;color:#111}.hb-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hb-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.hb-status-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#111;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f3f4f6}.hb-status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f9fafb;font-size:14px;color:#374151}.hb-status-row:last-child{border-bottom:none}.hb-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.hb-pill-blue{background:#dbeafe;color:#1e40af}.hb-pill-green{background:#dcfce7;color:#166534}.hb-pill-amber{background:#fef3c7;color:#92400e}.hb-pill-red{background:#fee2e2;color:#991b1b}.home-after{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.home-after.compact{padding:var(--sp-4);gap:var(--sp-4)}.kpi-row-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3)}@media (max-width: 1200px){.kpi-row-6{grid-template-columns:repeat(3,1fr)}}.kpi-card-flat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi-card-flat .kpi-label{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.kpi-card-flat .kpi-value{font-size:24px;font-weight:var(--fw-semibold);color:var(--color-text-strong);line-height:1.15;letter-spacing:var(--tracking-tight)}.kpi-card-flat .kpi-total{font-size:14px;font-weight:var(--fw-regular);color:var(--color-text-subtle);margin-left:2px}.kpi-card-flat .kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-11);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-top:2px}.kpi-delta-up{color:var(--s-success-700)}.kpi-delta-down{color:var(--s-danger-700)}.kpi-delta-warn{color:var(--s-warn-700)}.home-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--sp-4);min-width:0}@media (max-width: 1100px){.home-grid{grid-template-columns:1fr}}.chart-axis{display:flex;justify-content:space-between;padding:0 2px;margin-top:4px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.agenda{padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.agenda-row{display:grid;grid-template-columns:44px 3px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);transition:background var(--t-fast)}.agenda-row:hover{background:var(--n-25)}.agenda-time{font-size:var(--fs-12);color:var(--color-text-muted);font-weight:var(--fw-medium)}.agenda-bar{width:3px;height:28px;border-radius:2px;background:var(--color-primary)}.agenda-bar-task{background:var(--s-info-500)}.agenda-bar-meeting{background:var(--color-primary)}.agenda-bar-warn{background:var(--s-warn-500)}.agenda-title{font-size:var(--fs-13);color:var(--color-text-strong);font-weight:var(--fw-medium);line-height:1.3}.agenda-tag{margin-top:1px}.home-mod-icon{width:26px;height:26px;border-radius:var(--r-sm);background:var(--color-primary-soft);color:var(--p-700);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}:root{--mod-proyectos-bg: #f3eef8;--mod-proyectos-fg: #6d1c74;--mod-contratos-bg: #e6f0fe;--mod-contratos-fg: #1e40af;--mod-ventas-bg: #ddf4ee;--mod-ventas-fg: #047857;--mod-clientes-bg: #fdf1dc;--mod-clientes-fg: #b45309;--mod-personal-bg: #e6e9ff;--mod-personal-fg: #3730a3;--mod-tareas-bg: #fde7ee;--mod-tareas-fg: #be185d;--mod-reportes-bg: #e1f3f5;--mod-reportes-fg: #0e7490}[data-mod=proyectos]{--mod-bg: var(--mod-proyectos-bg);--mod-fg: var(--mod-proyectos-fg)}[data-mod=contratos]{--mod-bg: var(--mod-contratos-bg);--mod-fg: var(--mod-contratos-fg)}[data-mod=ventas]{--mod-bg: var(--mod-ventas-bg);--mod-fg: var(--mod-ventas-fg)}[data-mod=clientes]{--mod-bg: var(--mod-clientes-bg);--mod-fg: var(--mod-clientes-fg)}[data-mod=personal]{--mod-bg: var(--mod-personal-bg);--mod-fg: var(--mod-personal-fg)}[data-mod=tareas]{--mod-bg: var(--mod-tareas-bg);--mod-fg: var(--mod-tareas-fg)}[data-mod=reportes]{--mod-bg: var(--mod-reportes-bg);--mod-fg: var(--mod-reportes-fg)}.home-mod-icon[data-mod]{background:var(--mod-bg);color:var(--mod-fg)}.kpi-card-colored{flex-direction:row;align-items:flex-start;gap:12px;padding:14px;position:relative;overflow:hidden}.kpi-card-colored:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mod-fg)}.kpi-card-colored .kpi-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.kpi-icon-tile{width:30px;height:30px;border-radius:var(--r-sm);background:var(--mod-bg);color:var(--mod-fg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border);flex:1;min-height:0;overflow:auto}.home-split-col{background:var(--color-bg);overflow:auto;position:relative}.home-split-tag{position:sticky;top:0;z-index:5;display:inline-block;margin:12px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;background:var(--n-100);color:var(--n-600);border-radius:var(--r-sm)}.home-split-tag.after{background:var(--color-primary-soft);color:var(--p-700)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1000);display:grid;place-items:center;padding:var(--sp-4, 16px);background:#09101a85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content,.modal-box,.modal-container,.modal-com,.acc-modal,.cap-modal{width:min(96vw,900px);max-height:min(92vh,980px);overflow:auto;border-radius:var(--r-xl, 14px);border:1px solid var(--color-border, #e9eaf0);background:var(--color-surface, #ffffff);box-shadow:var(--sh-xl)}.modal-content,.modal-box,.modal-container,.modal-com,.acc-modal,.cap-modal{animation:modal-legacy-enter .16s ease-out}@keyframes modal-legacy-enter{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.erp-btn--save,.cp-header-btn{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-save-bg, var(--color-primary, #a835ae));color:var(--color-text-on-primary, #fff);font-weight:var(--fw-medium, 500)}.erp-btn--save:hover,.cp-header-btn:hover{background:var(--btn-save-bg-hover, var(--color-primary-hover, #8b2592))}.erp-btn--cancel{border:1px solid var(--color-border-strong, #dcdee6);border-radius:var(--r-md, 8px);background:var(--btn-secondary-bg, var(--color-surface-sunken, #f1f2f6));color:var(--color-text, #2a2d3a)}.erp-btn--cancel:hover{background:var(--btn-secondary-bg-hover, var(--n-75, #f1f2f6))}.erp-btn--new{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-new-bg, #2563eb);color:var(--color-text-on-primary, #fff)}.erp-btn--new:hover{background:var(--btn-new-bg-hover, #1d4ed8)}.erp-btn--edit{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-edit-bg, #d97706);color:var(--color-text-on-primary, #fff)}.erp-btn--edit:hover{background:var(--btn-edit-bg-hover, #b45309)}.erp-btn--close{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-close-bg, #6b7280);color:var(--color-text-on-primary, #fff)}.erp-btn--close:hover{background:var(--btn-close-bg-hover, #4b5563)}.erp-btn--export{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-export-bg, #f97316);color:var(--color-text-on-primary, #fff)}.erp-btn--export:hover{background:var(--btn-export-bg-hover, #ea580c)}.erp-btn--ai{border:1px solid transparent;border-radius:var(--r-md, 8px);background:var(--btn-ai-bg, #7c3aed);color:var(--color-text-on-primary, #fff)}.erp-btn--ai:hover{background:var(--btn-ai-bg-hover, #6d28d9)}.delete-btn,.btn-icon.rojo,.cp-btn-accion-del,.erp-btn--delete{border-color:transparent;background:var(--s-danger-600, #dc2626);color:#fff}.delete-btn:hover,.btn-icon.rojo:hover,.cp-btn-accion-del:hover,.erp-btn--delete:hover{background:var(--s-danger-700, #b91c1c)}.btn-icon,.btn-icon-sm,.action-btn,.cp-btn-accion{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm, 6px);border:1px solid var(--color-border-strong, #dcdee6);background:var(--color-surface, #fff);color:var(--color-text, #2a2d3a)}.btn-icon:hover,.btn-icon-sm:hover,.action-btn:hover,.cp-btn-accion:hover{background:var(--n-75, #f1f2f6)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus, #a835ae);box-shadow:var(--sh-focus, 0 0 0 3px rgba(168, 53, 174, .18))}:root{--auth-primary: #4a0175;--auth-accent: #7c3aed;--auth-accent-l: #a78bfa;--auth-dark: #0B0F19;--auth-surface: #ffffff;--auth-bg-deep: linear-gradient(135deg, #0B0F19 0%, #1a0035 50%, #0B0F19 100%)}.login-bg{min-height:100vh;background:var(--auth-bg-deep);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg:after{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:80vw;height:80vw;max-width:900px;max-height:900px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 65%);pointer-events:none;z-index:0}.login-card{background:#fffffff7;border-radius:24px;padding:44px 36px 32px;width:100%;max-width:400px;box-shadow:0 40px 80px #0006,0 0 0 1px #ffffff1a,0 0 60px #7c3aed26;display:flex;flex-direction:column;align-items:center;gap:.7em;position:relative;z-index:10}.login-logo{margin-bottom:18px;display:flex;justify-content:center;width:100%}.login-logo img{max-width:84px;max-height:54px;width:auto;height:auto;object-fit:contain;display:block}.auth-header{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;margin-bottom:20px;width:100%}.auth-logo-orb{width:64px;height:64px;background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));border-radius:18px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:900;font-size:2rem;color:#fff;box-shadow:0 8px 24px #4a017559;margin-bottom:4px}.auth-logo{display:flex;justify-content:center;align-items:center}.auth-logo img,.auth-logo svg,.auth-logo canvas{max-width:80px;max-height:80px;width:auto;height:auto;display:block}.auth-logo canvas{width:80px;height:80px}.auth-title{margin:0;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.auth-subtitle{font-size:.9rem;color:#64748b;text-align:center;margin-top:4px}.auth-brand{display:inline-block;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;color:var(--auth-primary);letter-spacing:-.5px}.auth-brand span{color:var(--auth-accent)}.login-fields{width:100%;display:flex;flex-direction:column;gap:14px}.login-fields label{color:#374151;font-weight:600;font-size:.9rem;margin-bottom:2px;display:flex;flex-direction:column;gap:6px}.login-fields input{margin-top:0;margin-bottom:0;padding:11px 14px;font-size:.95rem;border:1.5px solid #E2E8F0;border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;color:#0f172a;background:#f8fafc}.login-fields input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #7c3aed1f;background:#fff}.login-btn{width:100%;background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));color:#fff;border:none;border-radius:12px;padding:13px 0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;transition:all .25s ease;box-shadow:0 6px 16px #4a01754d;letter-spacing:.02em}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4a017566;filter:brightness(1.05)}.login-btn:active{transform:translateY(0)}.login-links{width:100%;text-align:center;margin-top:4px}.login-links a{color:var(--auth-accent);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.login-links a:hover{color:var(--auth-primary);text-decoration:underline}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #FCA5A5;border-radius:10px;padding:10px 14px;width:100%;text-align:center;font-weight:500;font-size:.875rem;margin-bottom:2px}.login-success{color:#16a34a;background:#f0fff4;border:1px solid #86EFAC;border-radius:10px;padding:10px 14px;width:100%;text-align:center;font-weight:500;font-size:.875rem}.auth-divider{display:flex;align-items:center;gap:12px;width:100%;color:#94a3b8;font-size:.8rem;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}button.login-btn[style]{background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));color:#fff}.auth-version-tag{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff4d;z-index:5;white-space:nowrap}.login-bg .login-card button.login-btn,.login-bg form button.login-btn,.login-bg button.login-btn,form.login-card button.login-btn{background:linear-gradient(135deg,#4a0175,#7c3aed);color:#fff;border:none;border-radius:12px;box-shadow:0 6px 16px #4a01754d;transform:none}.login-bg .login-card button.login-btn:hover,.login-bg form button.login-btn:hover,form.login-card button.login-btn:hover{background:linear-gradient(135deg,#4a0175,#9333ea);transform:translateY(-2px);box-shadow:0 10px 24px #4a017566}@media (max-width: 480px){.login-card{padding:32px 24px 24px;border-radius:20px}}._login-card_uv06d_3{background:#fffffff7;border-radius:24px;padding:44px 36px 32px;width:100%;max-width:400px;box-shadow:0 40px 80px #0006,0 0 0 1px #ffffff1a,0 0 60px #7c3aed26;display:flex;flex-direction:column;align-items:center;gap:.7em;position:relative;z-index:10}._login-logo_uv06d_21{margin-bottom:18px;display:flex;justify-content:center;width:100%}._login-logo_uv06d_21 img{max-width:84px;max-height:54px;width:auto;height:auto;object-fit:contain;display:block}._login-fields_uv06d_36{width:100%;display:flex;flex-direction:column;gap:14px}._login-fields_uv06d_36 label{color:#374151;font-weight:600;font-size:.9rem;margin-bottom:2px;display:flex;flex-direction:column;gap:6px}._login-fields_uv06d_36 input{margin-top:0;margin-bottom:0}._login-links_uv06d_56{width:100%;text-align:center;margin-top:4px}._login-links_uv06d_56 a{color:var(--color-primary, #7c3aed);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s}._login-links_uv06d_56 a:hover{color:var(--color-primary-dark, #4a0175);text-decoration:underline}._login-error_uv06d_73{color:#dc2626;background:#fef2f2;border:1px solid #FCA5A5;border-radius:10px;padding:10px 14px;width:100%;text-align:center;font-weight:500;font-size:.875rem;margin-bottom:2px}._login-success_uv06d_86{color:#16a34a;background:#f0fff4;border:1px solid #86EFAC;border-radius:10px;padding:10px 14px;width:100%;text-align:center;font-weight:500;font-size:.875rem;margin-bottom:2px}._login-btn_uv06d_99{width:100%;background:var(--color-primary-gradient, linear-gradient(135deg, #4a0175, #7c3aed));color:#fff;border:none;border-radius:var(--radius-lg, 10px);padding:12px 0;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;transition:filter .2s,box-shadow .2s,transform .2s;box-shadow:0 6px 16px #4a01754d;letter-spacing:.02em;min-height:44px}._login-btn_uv06d_99:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4a017566;filter:brightness(1.08)}._login-btn_uv06d_99:active{transform:translateY(0)}:root{--lp-primary: #4a0175;--lp-primary-soft: rgba(74, 1, 117, .08);--lp-accent: #7c3aed;--lp-accent-l: #a78bfa;--lp-accent-hover: #9333ea;--lp-dark: #0B0F19;--lp-dark-card: #151A2A;--lp-text: #0F172A;--lp-text-p: #475569;--lp-text-light:#94a3b8;--lp-border: #e2e8f0;--lp-border-light: rgba(255, 255, 255, .1);--lp-bg: #f8fafc;--lp-surface: #ffffff;--lp-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--lp-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--lp-shadow-lg: 0 20px 40px -5px rgba(0, 0, 0, .07), 0 10px 20px -5px rgba(0, 0, 0, .03);--lp-glow: 0 0 40px rgba(124, 58, 237, .25);--lp-radius: 16px}.lp-root{font-family:var(--font-family-primary);color:var(--lp-text);background:var(--lp-bg);overflow-x:hidden;overflow-y:auto;height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-root *,.lp-root *:before,.lp-root *:after{box-sizing:border-box;margin:0;padding:0}.lp-root a{text-decoration:none;color:inherit}.lp-root button{cursor:pointer;border:none;font-family:inherit;background:none}.lp-root h1,.lp-root h2,.lp-root h3,.lp-root h4,.lp-root h5{font-family:Outfit,sans-serif}@keyframes lp-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lp-pulse-glow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 20px 10px #7c3aed00}}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-animate-up{opacity:0;animation:lp-slide-up .8s cubic-bezier(.16,1,.3,1) forwards}.lp-delay-1{animation-delay:.1s}.lp-delay-2{animation-delay:.2s}.lp-delay-3{animation-delay:.3s}.lp-delay-4{animation-delay:.4s}.lp-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.lp-reveal.is-visible{opacity:1;transform:translateY(0)}.lp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lp-primary);background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff;padding:14px 28px;border-radius:12px;font-size:1.05rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;box-shadow:0 8px 20px #4a017540;position:relative;overflow:hidden;z-index:1}.lp-btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--lp-accent),var(--lp-primary));opacity:0;z-index:-1;transition:opacity .3s ease}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c3aed59}.lp-btn-primary:hover:before{opacity:1}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lp-surface);color:var(--lp-text);padding:14px 28px;border-radius:12px;font-size:1.05rem;font-weight:600;border:1px solid var(--lp-border);transition:border-color .3s ease,color .3s ease,background .3s ease,transform .3s ease}.lp-gradient-text{background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;padding:0 5%;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;transition:height .3s ease,box-shadow .3s ease,background .3s ease;gap:0}.lp-nav.scrolled{height:64px;box-shadow:0 4px 24px #0000000f;background:#fffffff7}.lp-nav-brand{display:flex;align-items:center;gap:4px;flex-shrink:0}.lp-nav-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;box-shadow:0 4px 10px #4a01754d}.lp-nav-name{font-family:var(--font-family-brand),sans-serif;font-size:1.5rem;font-weight:700;color:var(--lp-primary);letter-spacing:var(--letter-spacing-tight);text-transform:lowercase}.lp-nav-name span{color:var(--lp-primary)}.lp-nav-links{display:flex;align-items:center;gap:32px;list-style:none;flex:1;justify-content:center}.lp-nav-links a{font-size:.9rem;font-weight:600;color:var(--lp-text-p);transition:color .2s;position:relative;white-space:nowrap}.lp-nav-links a:hover{color:var(--lp-primary)}.lp-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--lp-accent);transition:width .3s ease;border-radius:2px}.lp-nav-links a:hover:after{width:100%}.lp-nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.lp-btn-login{color:var(--lp-text-p);font-weight:600;font-size:.9rem;transition:color .2s;white-space:nowrap;padding:8px 14px}.lp-btn-login:hover{color:var(--lp-primary)}.lp-nav .lp-nav-actions a.lp-btn-demo,a.lp-btn-demo{background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));color:#fff;padding:10px 22px;border-radius:10px;font-weight:700;font-size:.95rem;transition:all .25s;white-space:nowrap;box-shadow:0 4px 12px #4a017540}.lp-nav .lp-nav-actions a.lp-btn-demo:hover,a.lp-btn-demo:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4a017559}.lp-hero{position:relative;padding:160px 5% 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;min-height:100vh;overflow:visible}.lp-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% -10%,var(--lp-primary-soft) 0%,transparent 40%),radial-gradient(circle at -10% 40%,rgba(124,58,237,.05) 0%,transparent 40%);z-index:-1;overflow:hidden}.lp-hero-content{position:relative;z-index:10}.lp-badge-new{display:inline-flex;align-items:center;gap:8px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:var(--lp-accent);font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:24px}.lp-hero h1{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;line-height:1.05;letter-spacing:-2px;color:var(--lp-text);margin-bottom:24px}.lp-hero p.lp-lead{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--lp-text-p);line-height:1.6;margin-bottom:40px;max-width:540px}.lp-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lp-hero-trust-stars{margin-top:32px;display:flex;align-items:center;gap:12px}.lp-stars{color:#f59e0b;display:flex;font-size:1.2rem}.lp-hero-trust-stars span{font-size:.85rem;font-weight:600;color:var(--lp-text-p)}.lp-hero-visual{position:relative;z-index:10;perspective:1000px}.lp-mockup-container{position:relative;background:#fff6;border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:16px;box-shadow:var(--lp-shadow-lg),var(--lp-glow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease;animation:lp-float 6s ease-in-out infinite}.lp-mockup-container:hover{transform:rotateY(0) rotateX(0)}.lp-mockup-header{display:flex;gap:8px;margin-bottom:16px;padding-left:8px}.lp-mac-dot{width:12px;height:12px;border-radius:50%}.lp-mac-dot.r{background:#ff5f56}.lp-mac-dot.y{background:#ffbd2e}.lp-mac-dot.g{background:#27c93f}.lp-mockup-body{background:var(--lp-surface);border-radius:16px;border:1px solid var(--lp-border);overflow:hidden;box-shadow:var(--lp-shadow-sm)}.lp-m-sidebar{width:60px;background:var(--lp-dark);border-right:1px solid var(--lp-border-light);padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.lp-m-s-item{width:28px;height:28px;background:#ffffff1a;border-radius:6px}.lp-m-content{flex:1;padding:20px;background:var(--lp-bg)}.lp-m-header{height:20px;width:40%;background:var(--lp-border);border-radius:4px;margin-bottom:24px}.lp-m-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px}.lp-m-card{background:#fff;padding:16px;border-radius:12px;border:1px solid var(--lp-border);box-shadow:0 2px 4px #00000005}.lp-m-card-title{height:12px;width:60%;background:var(--lp-border);border-radius:4px;margin-bottom:12px}.lp-m-card-val{height:24px;width:40%;background:var(--lp-accent-l);border-radius:4px;opacity:.5}.lp-m-list{background:#fff;border-radius:12px;border:1px solid var(--lp-border);padding:12px;display:flex;flex-direction:column;gap:10px}.lp-m-row{display:flex;align-items:center;gap:12px}.lp-m-avatar{width:32px;height:32px;border-radius:50%;background:var(--lp-border)}.lp-m-line1{height:10px;width:30%;background:var(--lp-text-p);border-radius:4px;margin-bottom:6px;opacity:.2}.lp-m-line2{height:8px;width:20%;background:var(--lp-text-light);border-radius:4px;opacity:.2}.lp-float-badge{position:absolute;background:#fff;border:1px solid var(--lp-border);padding:12px 16px;border-radius:16px;box-shadow:var(--lp-shadow-md);display:flex;align-items:center;gap:12px;z-index:20}.lp-float-1{bottom:-20px;left:-40px;animation:lp-float 5s ease-in-out infinite 1s}.lp-float-2{top:40px;right:-30px;animation:lp-float 7s ease-in-out infinite .5s}.lp-fb-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.lp-fb-icon.green{background:#dcfce7;color:#16a34a}.lp-fb-icon.purple{background:#f3e8ff;color:var(--lp-accent)}.lp-fb-text{display:flex;flex-direction:column}.lp-fb-strong{font-weight:700;font-size:.9rem;color:var(--lp-text)}.lp-fb-sub{font-size:.75rem;color:var(--lp-text-light)}.lp-marquee-section{padding:40px 0;border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border);background:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center}.lp-marquee-title{font-size:.85rem;font-weight:600;color:var(--lp-text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.lp-marquee-container{width:100%;max-width:100vw;display:flex;overflow:hidden;position:relative}.lp-marquee-container:before,.lp-marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}.lp-marquee-container:before{left:0;background:linear-gradient(to right,white,transparent)}.lp-marquee-container:after{right:0;background:linear-gradient(to left,white,transparent)}.lp-marquee-track{display:flex;align-items:center;gap:60px;padding:0 30px;width:max-content;animation:lp-marquee 30s linear infinite}.lp-client-logo{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--lp-text-light);opacity:.6;display:flex;align-items:center;gap:8px}.lp-client-logo svg{width:24px;height:24px;fill:currentColor}.lp-section{padding:120px 5%;position:relative;scroll-margin-top:80px}.lp-section-inner{max-width:1200px;margin:0 auto}.lp-section-head{text-align:center;max-width:700px;margin:0 auto 64px}.lp-section-tag{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:16px}.lp-section h2{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:var(--lp-text);line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.lp-section p.lp-lead{font-size:1.15rem;color:var(--lp-text-p);line-height:1.6}.lp-showcase-container{display:grid;grid-template-columns:350px 1fr;gap:40px;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:24px;padding:24px;box-shadow:var(--lp-shadow-sm)}.lp-showcase-tabs{display:flex;flex-direction:column;gap:8px}.lp-tab-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;width:100%;border-radius:16px;text-align:left;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;background:transparent;border:1px solid transparent;cursor:pointer}.lp-tab-btn:hover{background:var(--lp-bg)}.lp-tab-btn.active{background:var(--lp-surface);border-color:var(--lp-border);box-shadow:var(--lp-shadow-sm);position:relative}.lp-tab-btn.active:before{content:"";position:absolute;left:-2px;top:20%;bottom:20%;width:4px;background:var(--lp-accent);border-radius:4px}.lp-tab-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--lp-bg);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.lp-tab-btn.active .lp-tab-icon{background:var(--lp-primary);color:#fff;box-shadow:var(--lp-glow)}.lp-tab-info h4{font-size:1.05rem;font-weight:700;color:var(--lp-text);margin-bottom:4px}.lp-tab-info p{font-size:.85rem;color:var(--lp-text-light);line-height:1.4;display:none}.lp-tab-btn.active .lp-tab-info p{display:block}.lp-showcase-view{background:var(--lp-bg);border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--lp-border-light)}.lp-sv-badge{background:#7c3aed1a;color:var(--lp-accent);font-weight:700;font-size:.8rem;padding:6px 16px;border-radius:100px;margin-bottom:20px;align-self:flex-start}.lp-sv-content{transition:all .3s ease;animation:lp-fade-in .4s ease forwards;width:100%}.lp-sv-content h3{font-size:2rem;font-weight:800;margin-bottom:16px;color:var(--lp-text)}.lp-sv-content p{font-size:1.1rem;color:var(--lp-text-p);line-height:1.6;margin-bottom:32px;max-width:500px}.lp-sv-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lp-sv-feature{display:flex;align-items:flex-start;gap:12px}.lp-sv-check{color:#22c55e;flex-shrink:0;margin-top:2px}.lp-sv-feature span{font-size:.95rem;color:var(--lp-text-p);font-weight:500}.lp-section-dark{background:#fff;color:var(--lp-text);position:relative;overflow:hidden}.lp-section-dark:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:100%;height:60%;background:radial-gradient(ellipse at center,rgba(124,58,237,.04) 0%,transparent 70%);z-index:0;pointer-events:none}.lp-section-dark .lp-section-tag{color:var(--lp-accent)}.lp-section-dark .lp-section-head h2{color:var(--lp-text)}.lp-section-dark .lp-section-head p{color:var(--lp-text-p)}.lp-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;position:relative;z-index:10}.lp-benefit-card{background:#fff;border:1.5px solid var(--lp-border);padding:32px;border-radius:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:16px;box-shadow:var(--lp-shadow-sm)}.lp-benefit-card:hover{transform:translateY(-5px);border-color:#7c3aed4d;box-shadow:0 20px 40px #4a017514,0 0 0 1px #7c3aed1a}.lp-bc-icon{width:52px;height:52px;border-radius:14px;background:#7c3aed14;border:1.5px solid rgba(124,58,237,.15);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.lp-benefit-card h3{font-size:1.15rem;font-weight:700;color:var(--lp-text)}.lp-benefit-card p{font-size:.9rem;color:var(--lp-text-p);line-height:1.65}.lp-section-kpi{padding:100px 5%;background:var(--lp-surface);position:relative;border-top:1.5px solid var(--lp-border);scroll-margin-top:80px}.lp-kpi-head{text-align:center;max-width:700px;margin:0 auto 64px}.lp-kpi-tag{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:16px}.lp-section-kpi h2{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:var(--lp-text);line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.lp-section-kpi p{font-size:1.15rem;color:var(--lp-text-p);line-height:1.6}.lp-stats-row{display:flex;justify-content:center;gap:clamp(40px,8vw,100px);flex-wrap:wrap;position:relative;z-index:10}.lp-stat-box{text-align:center}.lp-stat-num{font-size:3.5rem;font-weight:900;font-family:Outfit,sans-serif;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--lp-primary),var(--lp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.lp-stat-num span{font-size:2.5rem;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-stat-label{font-size:.85rem;font-weight:700;color:var(--lp-text-p);text-transform:uppercase;letter-spacing:.1em}.lp-cta-section{padding:40px 5% 100px}.lp-cta-box{background:linear-gradient(135deg,var(--lp-primary) 0%,#1d0033 100%);border-radius:32px;padding:80px 5%;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--lp-shadow-lg)}.lp-cta-box:before{content:"";position:absolute;right:-10%;top:-50%;width:50%;height:200%;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 60%)}.lp-cta-box h2,.lp-cta-box h2 *{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;margin-bottom:24px;color:#fff;position:relative;z-index:2;font-family:var(--font-family-brand)}.lp-cta-box p,.lp-cta-box p *{font-size:1.15rem;color:#ffffffd9;margin:0 auto 40px;max-width:600px;position:relative;z-index:2}.lp-cta-actions{display:flex;justify-content:center;gap:16px;position:relative;z-index:2;flex-wrap:wrap}.lp-btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--lp-primary);padding:16px 36px;border-radius:12px;font-size:1.1rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 20px #0003;border:2px solid rgba(255,255,255,.3)}.lp-btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000004d;color:var(--lp-primary);background:#fff}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lp-surface);color:var(--lp-text);padding:14px 28px;border-radius:12px;font-size:1.05rem;font-weight:600;border:1.5px solid var(--lp-border);transition:border-color .3s ease,color .3s ease,background .3s ease,transform .3s ease}.lp-btn-secondary:hover{border-color:var(--lp-accent);color:var(--lp-accent);background:var(--lp-primary-soft);transform:translateY(-2px)}.lp-footer{background:#fff;border-top:none;padding:80px 5% 40px}.lp-footer-grid{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.lp-f-about p{color:var(--lp-text-p);font-size:.95rem;line-height:1.6;margin:20px 0;max-width:300px}.lp-f-socials{display:flex;gap:12px}.lp-f-social{width:36px;height:36px;border-radius:8px;background:var(--lp-bg);border:1px solid var(--lp-border);display:flex;align-items:center;justify-content:center;color:var(--lp-text-light);transition:color .2s,border-color .2s,background .2s}.lp-f-social:hover{color:var(--lp-accent);border-color:var(--lp-accent);background:#fff}.lp-f-title{font-weight:700;font-size:1.05rem;color:var(--lp-text);margin-bottom:24px;font-family:Outfit}.lp-f-links{list-style:none;display:flex;flex-direction:column;gap:14px}.lp-f-links a{color:var(--lp-text-p);font-size:.95rem;transition:color .2s}.lp-f-links a:hover{color:var(--lp-accent)}.lp-footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--lp-border);flex-wrap:wrap;gap:16px}.lp-f-copy{color:var(--lp-text-light);font-size:.85rem}.lp-f-legals{display:flex;gap:24px}.lp-f-legals a{color:var(--lp-text-light);font-size:.85rem;transition:color .2s}.lp-f-legals a:hover{color:var(--lp-accent)}@media (max-width: 1100px){.lp-showcase-container{grid-template-columns:300px 1fr;gap:20px}}@media (max-width: 960px){.lp-hero{grid-template-columns:1fr;text-align:center;padding-top:140px}.lp-hero-content{display:flex;flex-direction:column;align-items:center}.lp-hero p.lp-lead{margin-left:auto;margin-right:auto}.lp-hero-visual{margin-top:40px;max-width:600px;margin-inline:auto}.lp-showcase-container{grid-template-columns:1fr}.lp-showcase-tabs{flex-direction:row;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.lp-showcase-tabs::-webkit-scrollbar{display:none}.lp-tab-btn{width:auto;flex-shrink:0;padding:12px 20px}.lp-tab-btn.active:before{left:20%;right:20%;top:auto;bottom:-2px;height:3px;width:auto}.lp-tab-info p{display:none}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.lp-nav-links,.lp-btn-demo{display:none}.lp-section{padding:80px 5%}.lp-hero{padding-top:120px}.lp-footer-grid{grid-template-columns:1fr;gap:40px}.lp-cta-box{padding:60px 20px}.lp-stats-row{gap:40px}}@media (prefers-reduced-motion: reduce){.lp-animate-up{animation:none;opacity:1}.lp-reveal{transition:none;opacity:1;transform:none}.lp-mockup-container{animation:none;transform:none;transition:none}.lp-float-1,.lp-float-2,.lp-marquee-track{animation:none}.lp-btn-primary,.lp-btn-secondary,.lp-btn-white,.lp-btn-login,.lp-btn-demo,.lp-tab-btn,.lp-benefit-card,.lp-f-social,.lp-nav-links a,.lp-f-links a{transition:none}.lp-btn-primary:before{transition:none}}.cambiador-empresa-trigger{display:flex;align-items:center;gap:.75rem;padding:4px 8px;background:#f5f3ff;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid #ddd6fe;min-height:40px}.cambiador-logo{width:44px;height:36px;border-radius:6px;object-fit:contain;background:transparent;border:1px solid #e2e8f0;padding:2px}.cambiador-logo.wide{height:32px;width:auto;max-width:120px;border-radius:6px;object-fit:contain;background:transparent;padding:2px}.cambiador-logo.square{width:44px;height:36px;border-radius:6px;object-fit:contain;background:transparent;padding:2px}.cambiador-empresa-trigger:hover{background:#ede9fe;border-color:#c4b5fd;transform:translateY(-1px)}.empresa-info{display:flex;flex-direction:column;gap:.15rem;justify-content:center;transform:none}.empresa-nombre{font-weight:600;font-size:.95rem;line-height:1;color:#2d3748;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empresa-codigo{font-size:.75rem;color:#64748b;font-weight:500}.icono-cambiar{color:#7c3aed;margin-left:auto}.modal-cambiador{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.3rem;color:#2d3748}.btn-cerrar{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-cerrar:hover{background:#f7fafc;color:#2d3748}.error-message{margin:1rem 1.5rem;padding:1rem;background:#fee;border:1px solid #fcc;color:#c33;border-radius:8px;font-size:.9rem}.loading-empresas{padding:3rem;text-align:center;color:#718096}.empresas-lista{padding:1rem;overflow-y:auto;max-height:60vh}.empresa-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease;position:relative}.empresa-item:hover{border-color:#cbd5e0;background:#f7fafc;transform:translate(4px)}.empresa-item.actual{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.empresa-item-icon{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a;color:#667eea}.empresa-item-icon img{width:100%;height:100%;object-fit:contain;border-radius:50%}.empresa-item-info{flex:1}.empresa-item-info h4{margin:0 0 .25rem;font-size:1rem;color:#2d3748;font-weight:600}.empresa-item-info p{margin:0 0 .5rem;font-size:.85rem;color:#718096}.rol-badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.rol-super_admin{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.rol-administrador{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.rol-supervisor{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.rol-usuario{background:#e2e8f0;color:#4a5568}.marca-actual{position:absolute;top:.75rem;right:.75rem;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.sin-empresas{padding:3rem;text-align:center;color:#a0aec0}@media (max-width: 768px){.empresa-nombre{max-width:120px}.modal-cambiador{width:95%;max-height:90vh}.empresa-item{padding:.75rem}.empresa-item-icon{width:40px;height:40px}}.giro-autocomplete{position:relative;width:100%}.giro-autocomplete-input{border:1px solid #ddd;border-radius:6px;padding:12px;font-family:var(--font-family-primary);font-size:13px;line-height:1.4;background:#fff;color:var(--color-gray-dark);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;height:40px}.giro-autocomplete-input:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px #00d4aa33}.giro-autocomplete-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4aa1a}.giro-autocomplete-input::placeholder{color:#a0aec0;font-style:italic}.giro-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000;margin-top:2px}.giro-autocomplete-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f7fafc;display:flex;flex-direction:column;gap:2px;transition:background-color .2s ease}.giro-autocomplete-item:last-child{border-bottom:none}.giro-autocomplete-item:hover,.giro-autocomplete-item.selected{background-color:#f0fffe}.giro-codigo{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:12px;font-family:var(--font-family-primary)}.giro-descripcion{color:var(--color-gray-dark);font-size:11px;font-family:var(--font-family-primary);line-height:1.3}.giro-autocomplete-no-results{padding:12px;text-align:center;color:#a0aec0;font-size:12px;font-style:italic;font-family:var(--font-family-primary)}.giro-autocomplete-dropdown::-webkit-scrollbar{width:6px}.giro-autocomplete-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.giro-autocomplete-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.giro-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.giro-autocomplete-dropdown{max-height:150px}.giro-autocomplete-item{padding:8px 10px}.giro-codigo{font-size:11px}.giro-descripcion{font-size:10px}}.empresa-modal{max-width:820px}.em-logo-section{display:flex;align-items:center;gap:16px;padding:4px 0 2px}.em-logo-preview{width:110px;height:56px;border-radius:8px;border:1.5px dashed #d1d5db;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.em-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}.em-logo-placeholder{font-size:1.4rem;color:#d1d5db}.em-logo-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.em-btn-upload{cursor:pointer;background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe;padding:6px 14px;border-radius:7px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:background .15s,border-color .15s;white-space:nowrap}.em-btn-upload:hover{background:#ede9fe;border-color:#c4b5fd}.em-btn-remove{background:transparent;border:1px solid var(--color-border-light, #e5e7eb);color:var(--color-gray-light, #9ca3af);border-radius:var(--radius-md, 8px);padding:6px 12px;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.em-btn-remove:hover{border-color:#fca5a5;color:#ef4444;background:#fef2f2}.em-logo-hint{font-size:.72rem;color:#9ca3af;white-space:nowrap}.empresa-form .form-section{margin-bottom:12px}.empresa-form .form-section:last-child{margin-bottom:4px}.section-title{font-size:.82rem;font-weight:700;color:var(--color-primary, #7C3AED);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;padding-bottom:6px;border-bottom:1.5px solid #e5e7eb;display:block}.empresa-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px}.empresa-form .form-group{display:flex;flex-direction:column;gap:2px}.empresa-form .form-group.full-width{grid-column:1 / -1}.empresa-form .form-group label{font-size:.78rem;font-weight:600;color:#374151;display:block;line-height:1.3}.empresa-form .form-group input,.empresa-form .form-group select,.empresa-form .form-group textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border-mid, #d1d5db);border-radius:var(--radius-md, 8px);font-size:var(--btn-font-size, .875rem);color:var(--color-text-primary, #111827);background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .15s,box-shadow .15s;min-height:36px}.empresa-form .form-group input::placeholder,.empresa-form .form-group textarea::placeholder{color:#9ca3af;font-style:normal}.empresa-form .form-group input:focus,.empresa-form .form-group select:focus,.empresa-form .form-group textarea:focus{outline:none;border-color:var(--color-primary, #7C3AED);box-shadow:0 0 0 2.5px #7c3aed1f}.empresa-form .form-group input:hover:not(:focus),.empresa-form .form-group select:hover:not(:focus){border-color:#a5b4fc}.empresa-form .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:15px;padding-right:36px;-moz-appearance:none;appearance:none;-webkit-appearance:none}@media (max-width: 640px){.empresa-form .form-grid{grid-template-columns:1fr}.empresa-form .form-group.full-width{grid-column:1}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);width:100%;background:#fff}.loading-screen-content{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeInUp .6s ease-out}.loading-screen-text{text-align:center}.loading-screen-text h2{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:600}.loading-screen-text p{margin:0;color:#64748b;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.lop-root{height:100dvh;min-height:100vh;background:#f1f5f9;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;overflow:hidden}.lop-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.lop-header{background:#0f172a;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 14px #00000052;flex-shrink:0}.lop-header-inner{max-width:1100px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;gap:14px}.lop-empresa-logo{height:44px;width:auto;max-width:140px;object-fit:contain;border-radius:6px;background:#fff;padding:4px 8px;flex-shrink:0;display:block}.lop-empresa-icono{width:38px;height:38px;background:#7c3aed;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.lop-header-sep{width:1px;height:32px;background:#ffffff26;flex-shrink:0}.lop-header-center{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}.lop-header-label{font-size:.68rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.lop-header-nombre{font-size:.96rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.lop-header-empresa-sub{font-size:.74rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lop-header-right{flex-shrink:0;display:flex;align-items:center}.lop-device-badge{font-size:.72rem;background:#ffffff17;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:3px 10px;color:#cbd5e1;white-space:nowrap}@media (max-width: 600px){.lop-header-inner{height:52px;padding:0 12px;gap:10px}.lop-header-nombre{font-size:.82rem}.lop-header-empresa-sub{display:none}.lop-empresa-logo{height:28px;max-width:80px}.lop-empresa-icono{width:28px;height:28px;font-size:.9rem}}.lop-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scroll-behavior:smooth}.lop-main::-webkit-scrollbar{width:6px}.lop-main::-webkit-scrollbar-track{background:transparent}.lop-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.lop-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lop-folio-card,.lop-firmas-card,.lop-form-card,.lop-exito-card,.lop-cerrado-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;padding:22px 20px}.lop-folio-header{margin-bottom:12px}.lop-folio-num{font-size:.85rem;font-weight:700;background:#e0f2fe;color:#0369a1;border-radius:8px;padding:3px 10px}.lop-tipo-badge{font-size:.78rem;font-weight:600;border-radius:20px;padding:3px 12px}.lop-estado-pill{font-size:.78rem;font-weight:700;border-radius:20px;padding:3px 12px;color:#fff;letter-spacing:.02em}.lop-asunto{font-size:1.2rem;font-weight:700;color:#1e293b;margin:10px 0 8px;line-height:1.35}.lop-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;color:#64748b;margin-bottom:14px}.lop-badge-warn{font-size:.78rem;background:#fef3c7;color:#92400e;border-radius:20px;padding:2px 10px;font-weight:600}.lop-descripcion{font-size:.95rem;color:#334155;line-height:1.6;white-space:pre-wrap;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #2563eb}.lop-clima{margin-top:12px;font-size:.83rem;color:#0369a1;background:#eff6ff;border-radius:8px;padding:8px 12px}.lop-respuesta{margin-top:12px;font-size:.9rem;color:#15803d;background:#f0fdf4;border-radius:8px;padding:10px 14px;border-left:3px solid #22c55e}.lop-adjuntos{margin-top:12px}.lop-adjuntos ul{padding-left:18px;margin-top:6px}.lop-adjuntos li{font-size:.85rem;color:#475569;margin-bottom:4px}.lop-adj-meta{font-size:.78rem;color:#94a3b8;margin-left:6px}.lop-section-title{font-size:.9rem;font-weight:700;color:#1e40af;margin-bottom:14px;padding-bottom:6px;border-bottom:2px solid #dbeafe}.lop-firma-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0;margin-bottom:8px}.lop-firma-rol{font-size:.72rem;font-weight:700;color:#fff;background:#16a34a;border-radius:8px;padding:3px 10px;white-space:nowrap}.lop-firma-info{flex:1;display:flex;flex-direction:column;gap:2px}.lop-firma-nombre{font-size:.9rem;font-weight:600;color:#166534}.lop-firma-fecha{font-size:.75rem;color:#64748b}.lop-firma-geo{font-size:1.1rem}.lop-geo-aviso{display:flex;align-items:center;gap:8px;font-size:.83rem;padding:9px 14px;border-radius:8px;margin-bottom:16px;font-weight:500}.lop-geo-idle{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.lop-geo-buscando{background:#fef9c3;color:#713f12;border:1px solid #fde047}.lop-geo-ok{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.lop-geo-denegado{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.lop-geo-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.lop-geo-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.lop-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}@media (max-width: 540px){.lop-fields{grid-template-columns:1fr}}.lop-label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;font-weight:600;color:#374151}.lop-input{padding:9px 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.92rem;color:#111827;background:#fff;transition:border-color .15s;width:100%}.lop-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.lop-firma-tipo-toggle{display:flex;gap:8px;margin-bottom:14px}.lop-toggle-btn{flex:1;padding:9px;font-size:.85rem;font-weight:600;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.lop-toggle-btn:hover{border-color:#2563eb;color:#1e40af;background:#eff6ff}.lop-toggle-btn.active{border-color:#2563eb;background:#2563eb;color:#fff}.lop-sig-container{position:relative;margin-bottom:10px}.lop-sig-canvas{width:100%;max-width:480px;height:160px;display:block;border-radius:10px;border:1.5px solid #cbd5e1;cursor:crosshair;touch-action:none;background:#f8fafc}.lop-btn-clear{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:.78rem;background:#ffffffe6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#ef4444}.lop-btn-clear:hover{background:#fee2e2;border-color:#ef4444}.lop-hint-canvas{font-size:.78rem;color:#94a3b8;margin-bottom:6px}.lop-hint-ok{font-size:.8rem;color:#065f46;margin-top:4px}.lop-firma-digital-aviso{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:.85rem;color:#475569;margin-bottom:16px;line-height:1.6}.lop-btn-firmar{display:block;width:100%;margin-top:18px;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.01em}.lop-btn-firmar:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.lop-btn-firmar:active:not(:disabled){background:#1e40af;transform:translateY(0)}.lop-btn-firmar:disabled{background:#94a3b8;cursor:not-allowed}.lop-exito-card{text-align:center;padding:40px 20px}.lop-exito-card h2{font-size:1.4rem;color:#065f46;margin:12px 0 8px}.lop-exito-card p{color:#475569}.lop-exito-icon{font-size:3rem}.lop-geo-ok{color:#16a34a;font-size:.85rem;margin-top:8px}.lop-geo-denied-msg{color:#d97706;font-size:.85rem;margin-top:8px}.lop-cerrado-card{text-align:center;padding:40px 20px;color:#64748b}.lop-cerrado-card h2{margin:12px 0 8px}.lop-error-icon{font-size:3rem}.lop-hint{font-size:.85rem;color:#94a3b8}.lop-spinner{width:36px;height:36px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:lop-spin .8s linear infinite}@keyframes lop-spin{to{transform:rotate(360deg)}}.lop-footer{background:#0f172a;color:#64748b;font-size:.75rem;text-align:center;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px}@supports (padding: env(safe-area-inset-bottom)){.lop-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}.lop-stats-row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.lop-stat{flex:1;min-width:64px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:3px}.lop-stat-n{font-size:1.35rem;font-weight:800;color:#1e3a5f;line-height:1}.lop-stat-l{font-size:.7rem;color:#94a3b8;font-weight:500}.lop-filtros{display:flex;gap:10px;flex-wrap:wrap}.lop-folios-list{display:flex;flex-direction:column;gap:8px}.lop-folio-item{background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;border:1px solid #e2e8f0;overflow:hidden;transition:box-shadow .15s}.lop-folio-item.expanded,.lop-folio-item:hover{box-shadow:0 3px 16px #0000001a}.lop-folio-row{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.lop-folio-row:hover{background:#f8fafc}.lop-folio-n{font-size:.78rem;font-weight:700;color:#0369a1;background:#e0f2fe;border-radius:6px;padding:3px 8px;white-space:nowrap;flex-shrink:0}.lop-tipo-ic{font-size:1.1rem;flex-shrink:0}.lop-folio-asunto{flex:1;font-size:.9rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lop-folio-metas{display:flex;align-items:center;gap:6px;flex-shrink:0}.lop-tipo-pill{font-size:.7rem;font-weight:700;border-radius:20px;padding:2px 9px;white-space:nowrap}.lop-estado-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.lop-firma-count{font-size:.75rem;color:#16a34a;font-weight:600;white-space:nowrap}.lop-chevron{font-size:.7rem;color:#94a3b8;flex-shrink:0}.lop-folio-body{padding:0 16px 16px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.lop-folio-meta-bar{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:#64748b;margin-top:10px}.lop-folio-desc{font-size:.9rem;color:#334155;line-height:1.6;white-space:pre-wrap;background:#f8fafc;border-radius:8px;border-left:3px solid #2563eb;padding:10px 12px}.lop-clima-sm{font-size:.8rem;color:#0369a1;background:#eff6ff;border-radius:7px;padding:6px 10px}.lop-respuesta-sm{font-size:.85rem;color:#15803d;background:#f0fdf4;border-radius:7px;border-left:3px solid #22c55e;padding:8px 12px}.lop-firmas-list{display:flex;flex-direction:column;gap:5px}.lop-section-sm{font-size:.78rem;font-weight:700;color:#64748b;margin-bottom:4px}.lop-firma-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:7px 10px;font-size:.8rem}.lop-firma-rol-sm{background:#16a34a;color:#fff;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700;white-space:nowrap}.lop-firma-nom{flex:1;color:#166534;font-weight:600}.lop-firma-fch{color:#64748b;font-size:.72rem;white-space:nowrap}.lop-adj-list{display:flex;flex-direction:column;gap:4px}.lop-adj-item{font-size:.8rem;color:#475569;background:#f8fafc;border-radius:6px;padding:5px 9px;border:1px solid #e2e8f0}.lop-hash{font-size:.72rem;color:#94a3b8;word-break:break-all}.lop-hash code{font-family:Courier New,monospace;color:#64748b}.lop-btn-abrir-firma{align-self:flex-start;padding:9px 18px;background:#2563eb;color:#fff;border:none;border-radius:9px;cursor:pointer;font-size:.88rem;font-weight:700;transition:background .15s}.lop-btn-abrir-firma:hover{background:#1d4ed8}.lop-firma-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.lop-firma-campos{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 480px){.lop-firma-campos{grid-template-columns:1fr}}.lop-toggle-row{display:flex;gap:8px}.lop-geo-denied-inline{font-size:.78rem;color:#d97706;background:#fef3c7;border-radius:6px;padding:5px 10px}.lop-geo-ok-sm{font-size:.78rem;color:#15803d}.lop-btn-firmar-sm{padding:11px;background:#16a34a;color:#fff;border:none;border-radius:9px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .15s}.lop-btn-firmar-sm:hover:not(:disabled){background:#15803d}.lop-btn-firmar-sm:disabled{background:#94a3b8;cursor:not-allowed}.lop-firma-exito{background:#d1fae5;border:1px solid #6ee7b7;border-radius:9px;padding:12px 16px;font-size:.88rem;color:#065f46;font-weight:600;display:flex;align-items:center;gap:8px}*,*:before,*:after{box-sizing:border-box}.ito-root{min-height:100vh;background:#f0f4f8;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.ito-navbar{background:linear-gradient(135deg,#34015c,#4a0175 60%,#5b0190);box-shadow:0 2px 16px #0f244773;position:sticky;top:0;z-index:200;flex-shrink:0}.ito-navbar-inner{max-width:1180px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ito-navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.ito-navbar-logo{height:36px;width:36px;flex-shrink:0}.ito-navbar-brand-text{display:flex;flex-direction:column;line-height:1.1}.ito-navbar-brand-name{font-size:.88rem;font-weight:700;color:#fff;letter-spacing:.3px}.ito-navbar-brand-sub{font-size:.65rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em}.ito-navbar-divider{width:1px;height:28px;background:#ffffff26;flex-shrink:0}.ito-navbar-right{display:flex;align-items:center;gap:12px}.ito-navbar-user{display:flex;align-items:center;gap:8px}.ito-navbar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.ito-navbar-username{font-size:.85rem;color:#cbd5e1;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ito-btn-logout{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;letter-spacing:.2px}.ito-btn-logout:hover{background:#fff3;border-color:#ffffff59}.ito-hero{background:linear-gradient(135deg,#4a0175,#5b0190,#6a01a8);padding:28px 24px 32px}.ito-hero-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px}.ito-hero-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #7c3aed66}.ito-hero-info{flex:1;min-width:0}.ito-hero-greeting{font-size:.72rem;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.ito-hero-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ito-hero-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:#cbd5e1}.ito-hero-meta span{display:flex;align-items:center;gap:4px}.ito-hero-stats{display:flex;gap:12px;flex-shrink:0}.ito-hero-stat{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 16px;text-align:center;min-width:72px}.ito-hero-stat-n{display:block;font-size:1.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:2px}.ito-hero-stat-l{font-size:.68rem;color:#cbd5e1;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.ito-main{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:0}.ito-tabs{display:flex;gap:0;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000f;overflow:hidden;border-bottom:1px solid #e2e8f0;margin-bottom:0}.ito-tab-btn{flex:1;max-width:240px;padding:14px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.88rem;font-weight:600;color:#64748b;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,color .15s,border-color .15s}.ito-tab-btn:hover{background:#f8fafc;color:#4a0175}.ito-tab-btn.active{color:#4a0175;border-bottom-color:#4a0175;background:#f8fafc}.ito-tab-badge{background:#e0f2fe;color:#0369a1;border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;transition:background .15s,color .15s}.ito-tab-btn.active .ito-tab-badge{background:#4a0175;color:#fff}.ito-tab-badge-warn{background:#fef3c7;color:#92400e}.ito-tab-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 16px #0000000f;padding:24px;margin-bottom:24px}.ito-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.ito-section-title{font-size:1rem;font-weight:700;color:#4a0175;margin:0;display:flex;align-items:center;gap:8px}.ito-count-badge{background:#e0f2fe;color:#0369a1;border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:700}.ito-proy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.ito-proy-card{background:#fff;border:1px solid #e8edf4;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.ito-proy-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e3a5f1f;border-color:#c7d7ea}.ito-proy-card-top{background:linear-gradient(135deg,#4a0175,#5b0190);padding:16px 18px 14px;position:relative;overflow:hidden}.ito-proy-card-top:after{content:"🏗";position:absolute;right:12px;bottom:-6px;font-size:2.8rem;opacity:.07;pointer-events:none}.ito-proy-estado-pill{display:inline-flex;align-items:center;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;text-transform:capitalize;margin-bottom:8px;letter-spacing:.03em}.ito-proy-nombre{font-size:.97rem;font-weight:700;color:#fff;margin:0 0 2px;line-height:1.3}.ito-proy-codigo{font-size:.73rem;color:#ffffff8c;font-family:monospace;letter-spacing:.04em}.ito-proy-card-body{padding:14px 18px;flex:1;display:flex;flex-direction:column;gap:10px}.ito-proy-meta{display:flex;flex-direction:column;gap:4px}.ito-proy-meta-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b}.ito-proy-meta-item span:first-child{width:16px;text-align:center;flex-shrink:0}.ito-proy-stats{display:flex;gap:8px}.ito-proy-stat{flex:1;background:#f8fafc;border:1px solid #e9eef4;border-radius:8px;padding:8px 10px;text-align:center}.ito-proy-stat-n{display:block;font-size:1.15rem;font-weight:700;color:#4a0175;line-height:1}.ito-proy-stat-l{font-size:.66rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ito-proy-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.ito-proy-actions-row{display:flex;gap:6px}.ito-btn-primary{flex:1;padding:9px 14px;background:#4a0175;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:6px}.ito-btn-primary:hover{background:#16305a;transform:translateY(-1px)}.ito-btn-primary:active{transform:translateY(0)}.ito-btn-secondary{flex:1;padding:9px 14px;background:transparent;color:#4a0175;border:1.5px solid #4a0175;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:6px}.ito-btn-secondary:hover{background:#4a0175;color:#fff}.ito-btn-ticket{flex:1;padding:9px 14px;background:transparent;color:#7c3aed;border:1.5px solid #7c3aed;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:6px}.ito-btn-ticket:hover{background:#7c3aed;color:#fff}.ito-btn-success{padding:10px 20px;background:linear-gradient(135deg,#4a0175,#5b0190);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.ito-btn-success:hover{opacity:.92;transform:translateY(-1px)}.ito-btn-success:disabled{opacity:.5;cursor:not-allowed;transform:none}.ito-btn-outline{padding:9px 18px;background:#fff;color:#4a0175;border:1.5px solid #c7d7ea;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.ito-btn-outline:hover{background:#f0f4f8;border-color:#4a0175}.ito-btn-sm-purple{padding:6px 12px;background:#ede9fe;color:#7c3aed;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.ito-btn-sm-purple:hover{background:#ddd6fe}.ito-btn-sm-green{padding:6px 12px;background:#dcfce7;color:#16a34a;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.ito-btn-sm-green:hover{background:#bbf7d0}.ito-btn-sm-gray{padding:6px 12px;background:#f1f5f9;color:#64748b;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.ito-btn-sm-gray:hover{background:#e2e8f0}.ito-btn-sm-navy{padding:6px 12px;background:#4a0175;color:#fff;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.ito-btn-sm-navy:hover{background:#16305a}.ito-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:10px;text-align:center}.ito-empty-icon{font-size:2.8rem;line-height:1}.ito-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.ito-empty-sub{font-size:.85rem;color:#94a3b8;margin:0;max-width:300px;line-height:1.5}.ito-ticket-form-card{background:#f8faff;border:1px solid #dbeafe;border-radius:12px;padding:20px;margin-bottom:20px;animation:ito-slide-down .2s ease-out}@keyframes ito-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ito-ticket-form-title{font-size:.9rem;font-weight:700;color:#4a0175;margin:0 0 16px;display:flex;align-items:center;gap:6px}.ito-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ito-form-label{font-size:.78rem;font-weight:600;color:#375069;letter-spacing:.02em}.ito-form-input,.ito-form-textarea,.ito-form-select{width:100%;padding:9px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.88rem;font-family:inherit;color:#1e293b;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.ito-form-input:focus,.ito-form-textarea:focus,.ito-form-select:focus{border-color:#4a0175;box-shadow:0 0 0 3px #1e3a5f1a}.ito-form-textarea{resize:vertical}.ito-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ito-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.ito-tickets-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.ito-filter-chip{padding:5px 14px;border-radius:20px;border:1.5px solid transparent;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.ito-filter-chip.active{border-color:currentColor}.ito-tickets-list{display:flex;flex-direction:column;gap:10px}.ito-ticket-card{border:1px solid #e8edf4;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.ito-ticket-card:hover{box-shadow:0 4px 12px #00000017}.ito-ticket-card-left-bar{width:4px;flex-shrink:0;border-radius:12px 0 0 12px}.ito-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;cursor:pointer}.ito-ticket-head-left{flex:1;min-width:0}.ito-ticket-titulo{font-size:.93rem;font-weight:700;color:#4a0175;margin:0 0 5px}.ito-ticket-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.75rem;color:#64748b}.ito-ticket-meta span{display:flex;align-items:center;gap:3px}.ito-ticket-status-pill{display:inline-flex;align-items:center;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0}.ito-ticket-chevron{font-size:.7rem;color:#94a3b8;flex-shrink:0;transition:transform .2s}.ito-ticket-chevron.open{transform:rotate(180deg)}.ito-ticket-body{padding:0 16px 14px;border-top:1px solid #f1f5f9;background:#fafbfd;animation:ito-slide-down .15s ease-out}.ito-ticket-desc{font-size:.87rem;color:#374151;white-space:pre-wrap;line-height:1.55;padding-top:12px;margin-bottom:10px}.ito-ticket-respuesta-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;margin-bottom:10px}.ito-ticket-respuesta-label{font-size:.72rem;font-weight:700;color:#16a34a;margin-bottom:4px;display:flex;align-items:center;gap:4px}.ito-ticket-respuesta-text{font-size:.88rem;color:#374151;white-space:pre-wrap;line-height:1.5}.ito-ticket-respuesta-fecha{font-size:.7rem;color:#94a3b8;margin-top:4px}.ito-respond-form{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.ito-respond-actions{display:flex;gap:6px;flex-wrap:wrap}.ito-spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:#64748b;font-size:.88rem}.ito-spinner{width:38px;height:38px;border:3px solid #e2e8f0;border-top:3px solid #4a0175;border-radius:50%;animation:ito-spin .9s linear infinite}@keyframes ito-spin{to{transform:rotate(360deg)}}.ito-alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;padding:12px 16px;font-size:.88rem;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.ito-alert-warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;font-size:.86rem}.ito-footer{padding:16px 24px;text-align:center;font-size:.76rem;color:#94a3b8;letter-spacing:.02em}.ito-footer span{margin:0 6px}.ito-login-root{min-height:100vh;background:linear-gradient(135deg,#200035,#34015c 45%,#4a0175);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.ito-login-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(30,58,95,.3) 0%,transparent 55%);pointer-events:none}.ito-login-panel{display:flex;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #00000080;max-width:860px;width:100%;position:relative;z-index:1}.ito-login-side{flex:1;background:#34015c;padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.ito-login-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 60%,rgba(124,58,237,.22) 0%,transparent 60%);pointer-events:none}.ito-login-side:after{content:"📖";position:absolute;bottom:24px;right:20px;font-size:7rem;opacity:.05;pointer-events:none}.ito-login-side-logo{height:36px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;margin-bottom:32px}.ito-login-side-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px}.ito-login-side-brand-name{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:.3px}.ito-login-side-title{font-size:1.8rem;font-weight:700;color:#fff;line-height:1.25;margin:0 0 12px}.ito-login-side-sub{font-size:.9rem;color:#cbd5e1;line-height:1.6;max-width:280px}.ito-login-side-features{display:flex;flex-direction:column;gap:10px;margin-top:32px}.ito-login-side-feature{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#e2e8f0;font-weight:500}.ito-login-side-feature-icon{width:30px;height:30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.ito-login-form-wrap{flex:0 0 380px;background:#fff;padding:44px 40px 36px;display:flex;flex-direction:column;justify-content:center}.ito-login-form-title{font-size:1.2rem;font-weight:700;color:#4a0175;margin:0 0 4px}.ito-login-form-sub{font-size:.83rem;color:#64748b;margin:0 0 28px;line-height:1.5}.ito-login-form{display:flex;flex-direction:column;gap:0}.ito-login-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ito-login-label{font-size:.78rem;font-weight:600;color:#475569;letter-spacing:.02em}.ito-login-input{padding:10px 13px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:.92rem;font-family:inherit;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s;background:#fdfdfd}.ito-login-input:focus{border-color:#4a0175;box-shadow:0 0 0 3px #1e3a5f1a}.ito-login-btn{margin-top:8px;padding:12px;background:linear-gradient(135deg,#4a0175,#5b0190);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:opacity .2s,transform .15s;width:100%}.ito-login-btn:hover{opacity:.92;transform:translateY(-1px)}.ito-login-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ito-login-hint{margin-top:20px;font-size:.78rem;color:#94a3b8;text-align:center;line-height:1.5}.ito-login-back{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#7c3aed;text-decoration:none;font-weight:600;margin-top:12px;cursor:pointer;background:none;border:none;padding:0}.ito-login-back:hover{color:#6d28d9}.ito-invit-root{min-height:100vh;background:linear-gradient(135deg,#200035,#34015c 45%,#4a0175);display:flex;align-items:center;justify-content:center;padding:24px}.ito-invit-card{background:#fff;border-radius:20px;padding:44px 40px;max-width:440px;width:100%;box-shadow:0 24px 80px #0006;text-align:center;animation:ito-slide-down .3s ease-out}.ito-invit-logo{height:38px;width:auto;margin:0 auto 20px;display:block;object-fit:contain}.ito-invit-icon{font-size:2.8rem;margin-bottom:8px;display:block}.ito-invit-title{font-size:1.25rem;font-weight:700;color:#4a0175;margin:0 0 6px}.ito-invit-sub{font-size:.88rem;color:#64748b;margin:0 0 24px;line-height:1.5}.ito-invit-name-tag{background:linear-gradient(135deg,#ede9fe,#dbeafe);border-radius:10px;padding:12px 16px;margin-bottom:24px}.ito-invit-name-tag p{margin:0;font-size:.78rem;color:#64748b}.ito-invit-name-tag strong{font-size:1rem;color:#4a0175}.ito-invit-form{display:flex;flex-direction:column;gap:12px;text-align:left}.ito-invit-hint{font-size:.77rem;color:#94a3b8;text-align:center;margin-top:8px;line-height:1.5}.ito-invit-success{display:flex;flex-direction:column;align-items:center;gap:12px}.ito-invit-success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #16a34a59}.ito-badge{background:#e0f2fe;color:#0369a1;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.ito-tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.ito-tickets-header .ito-section-title{margin:0}.ito-ticket-form{display:flex;flex-direction:column;gap:10px}.ito-ticket-form-row{display:flex;gap:10px;flex-wrap:wrap}.ito-ticket-form-row>*{flex:1;min-width:140px}.ito-input,.ito-textarea,.ito-select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font-size:.9rem;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s}.ito-input:focus,.ito-textarea:focus,.ito-select:focus{outline:none;border-color:#4a0175;box-shadow:0 0 0 3px #1e3a5f1a}.ito-textarea{resize:vertical}.ito-ticket-title{font-weight:700;color:#4a0175;font-size:.95rem}.ito-ticket-proyecto{margin:0 0 4px;font-size:.8rem;color:#64748b}.ito-proy-code{margin:2px 0 0;font-size:.75rem;color:#ffffff8c;font-family:monospace;letter-spacing:.03em}.ito-proy-estado{display:inline-flex;align-items:center;border-radius:20px;padding:3px 12px;font-size:.72rem;font-weight:700;text-transform:capitalize;white-space:nowrap;flex-shrink:0;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);letter-spacing:.03em}@media (max-width: 1280px){.ito-main{padding:24px 24px 40px}.ito-tab-content{padding:24px}.ito-proy-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.ito-main{padding:20px 20px 40px}.ito-tab-content{padding:20px}.ito-proy-grid,.ito-form-row{grid-template-columns:repeat(2,1fr)}.ito-hero{padding:24px 20px 28px}.ito-navbar-inner{padding:0 20px}}@media (max-width: 768px){.ito-navbar-inner{padding:0 16px}.ito-navbar-username,.ito-navbar-brand-sub{display:none}.ito-hero{padding:20px 16px 24px}.ito-hero-stats{display:none}.ito-hero-name{font-size:1.1rem}.ito-main{padding:16px 16px 40px}.ito-tab-content{padding:16px}.ito-proy-grid{grid-template-columns:1fr}.ito-login-panel{flex-direction:column;border-radius:16px}.ito-login-side{display:none}.ito-login-form-wrap{flex:none;padding:36px 28px}.ito-form-row{grid-template-columns:1fr}}@media (max-width: 480px){.ito-navbar-logo{height:26px}.ito-hero-avatar{width:48px;height:48px;font-size:1.1rem}.ito-hero-name{font-size:1rem}.ito-tab-btn{padding:12px 10px;font-size:.8rem}}.selector-empresa-container{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem}.selector-empresa-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2.5rem 3rem;max-width:900px;width:100%}.selector-header{margin-bottom:2rem;text-align:center}.user-info h2{font-size:1.75rem;color:#0f172a;margin-bottom:.35rem;font-weight:600}.user-email{color:#94a3b8;font-size:.95rem;margin-bottom:0}.selector-header h3{font-size:.95rem;color:#64748b;font-weight:500;margin-top:2rem;margin-bottom:0}.error-message{background-color:#fee2e2;color:#dc2626;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center}.empresas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;margin-top:1.5rem}.empresa-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 3px #0000000d}.empresa-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.empresa-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.empresa-logo{display:none}.empresa-info{width:100%}.empresa-info h4{font-size:1rem;color:#0f172a;margin:0 0 .75rem;font-weight:600;line-height:1.4}.empresa-razon,.empresa-codigo{display:none}.empresa-rol{width:100%;display:flex;justify-content:center}.rol-badge{padding:.4rem .85rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rol-super_admin{background:#fee2e2;color:#dc2626}.rol-administrador{background:#dbeafe;color:#2563eb}.rol-supervisor{background:#d1fae5;color:#059669}.rol-usuario{background:#e2e8f0;color:#475569}.selected-indicator,.selector-actions{display:none}.selector-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid #e2e8f0;gap:1rem}.btn-logout{background:transparent;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;transition:all .15s ease;font-weight:500;border-radius:8px;flex:0 0 auto}.btn-logout:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-continuar{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b82f640;flex:0 0 auto}.btn-continuar:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f659}.btn-continuar:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.selector-empresa-content{padding:2.5rem 2rem}.empresas-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-info h2{font-size:1.5rem}}