@import url("https://api.fontshare.com/v2/css?f[]=satoshi@700,800,900&f[]=cabinet-grotesk@400,500,700&display=swap");:root{--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--text-3xl:clamp(2.5rem,1rem + 4vw,5rem);--text-hero:clamp(3rem,0.5rem + 7vw,8rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#f0ede6;--color-border:oklch(60% 0.02 80/0.18);--color-border-strong:oklch(50% 0.02 80/0.30);--color-text:#28251d;--color-text-muted:#7a7974;--color-text-subtle:#b0ada8;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-muted:oklch(55% 0.08 195/0.12);--color-verde:#01696f;--color-verde-bg:oklch(75% 0.1 175/0.12);--color-amarillo:#b45309;--color-amarillo-bg:oklch(80% 0.15 70/0.12);--color-rojo:#be123c;--color-rojo-bg:oklch(60% 0.2 15/0.10);--color-gris:#6b7280;--color-gris-bg:oklch(70% 0.01 250/0.10);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 3px oklch(30% 0.04 60/0.08),0 1px 2px oklch(30% 0.04 60/0.06);--shadow-md:0 4px 12px oklch(30% 0.04 60/0.10),0 2px 4px oklch(30% 0.04 60/0.06);--shadow-lg:0 8px 24px oklch(30% 0.04 60/0.12),0 4px 8px oklch(30% 0.04 60/0.06);--shadow-xl:0 16px 40px oklch(30% 0.04 60/0.14),0 8px 16px oklch(30% 0.04 60/0.08);--transition-interactive:180ms cubic-bezier(0.16,1,0.3,1);--transition-slow:320ms cubic-bezier(0.16,1,0.3,1);--sidebar-width-open:240px;--sidebar-width-collapsed:64px;--z-sidebar:100;--z-header:90;--z-modal:200;--z-overlay:190;--z-toast:300}[data-theme=dark]{--color-bg:#1a1917;--color-surface:#211f1c;--color-surface-2:#2a2824;--color-border:oklch(70% 0.02 60/0.12);--color-border-strong:oklch(70% 0.02 60/0.22);--color-text:#f0ede6;--color-text-muted:#8a8780;--color-text-subtle:#5a5855;--color-primary:#2a9d8f;--color-primary-hover:#3bbfb0;--color-primary-muted:oklch(65% 0.12 185/0.15);--color-verde:#2a9d8f;--color-verde-bg:oklch(55% 0.12 175/0.18);--color-amarillo:#f59e0b;--color-amarillo-bg:oklch(75% 0.18 70/0.15);--color-rojo:#f43f5e;--color-rojo-bg:oklch(60% 0.22 15/0.15);--color-gris:#9ca3af;--color-gris-bg:oklch(50% 0.01 250/0.15);--shadow-sm:0 1px 3px oklch(5% 0.01 60/0.3),0 1px 2px oklch(5% 0.01 60/0.2);--shadow-md:0 4px 12px oklch(5% 0.01 60/0.4),0 2px 4px oklch(5% 0.01 60/0.2);--shadow-lg:0 8px 24px oklch(5% 0.01 60/0.5),0 4px 8px oklch(5% 0.01 60/0.2);--shadow-xl:0 16px 40px oklch(5% 0.01 60/0.6),0 8px 16px oklch(5% 0.01 60/0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Cabinet Grotesk,Helvetica Neue,sans-serif;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.035;pointer-events:none;z-index:9999;mix-blend-mode:multiply}[data-theme=dark] body:before{mix-blend-mode:screen;opacity:.025}h1,h2,h3,h4,h5,h6{font-family:Satoshi,Helvetica Neue,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}ol,ul{list-style:none}.font-display{font-family:Satoshi,Helvetica Neue,sans-serif}.font-body{font-family:Cabinet Grotesk,Helvetica Neue,sans-serif}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-primary{color:var(--color-primary)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mx-auto{margin-inline:auto}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.surface-2{background:var(--color-surface-2);border:1px solid var(--color-border)}.btn,.surface-2{border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem var(--space-4);min-height:44px;font-family:Cabinet Grotesk,sans-serif;font-size:var(--text-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--transition-interactive);white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--color-primary-muted);color:var(--color-primary)}.btn-danger{background:var(--color-rojo-bg);color:var(--color-rojo);border-color:transparent}.btn-danger:hover{background:var(--color-rojo);color:#fff}.btn-sm{padding:.375rem var(--space-3);min-height:36px;font-size:var(--text-xs)}.btn-lg{padding:.875rem var(--space-8);min-height:52px;font-size:var(--text-base)}.input-field{width:100%;padding:.625rem var(--space-3);min-height:44px;font-family:Cabinet Grotesk,sans-serif;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive);outline:none;-webkit-appearance:none}.input-field::placeholder{color:var(--color-text-subtle)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-1);letter-spacing:.04em;text-transform:uppercase}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-error{color:var(--color-rojo);margin-top:var(--space-1)}.badge,.form-error{font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .6rem;font-weight:600;border-radius:999px;letter-spacing:.03em;white-space:nowrap}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-verde{background:var(--color-verde-bg);color:var(--color-verde)}.badge-amarillo{background:var(--color-amarillo-bg);color:var(--color-amarillo)}.badge-rojo{background:var(--color-rojo-bg);color:var(--color-rojo)}.badge-gris{background:var(--color-gris-bg);color:var(--color-gris)}.badge-primary{background:var(--color-primary-muted);color:var(--color-primary)}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background:var(--color-surface-2);border-bottom:1px solid var(--color-border-strong)}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-interactive)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--color-primary-muted)}tbody td{padding:var(--space-3) var(--space-4);color:var(--color-text);vertical-align:middle}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-open);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:width var(--transition-slow);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.main-area{flex:1 1;margin-left:var(--sidebar-width-open);display:flex;flex-direction:column;min-width:0;transition:margin-left var(--transition-slow)}.main-area.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4)}.page-content{flex:1 1;padding:var(--space-6) var(--space-8)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-md);animation:skeleton-pulse 1.6s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.animate-fade-up{animation:fade-up .4s var(--transition-interactive) both}.animate-fade-in{animation:fade-in .3s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-number{font-family:Satoshi,sans-serif;font-size:var(--text-2xl);font-weight:900;color:var(--color-text);line-height:1;letter-spacing:-.03em}.kpi-label{color:var(--color-text-muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.kpi-label,.kpi-trend{font-size:var(--text-xs)}.kpi-trend{color:var(--color-text-subtle);margin-top:var(--space-1)}.alert-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:all var(--transition-interactive)}.alert-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.alert-chip-urgent{border-color:var(--color-rojo);background:var(--color-rojo-bg)}.alert-chip-warn{border-color:var(--color-amarillo);background:var(--color-amarillo-bg)}.alert-chip-ok{border-color:var(--color-verde);background:var(--color-verde-bg)}.stepper{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:var(--space-2)}.stepper-step{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:80px;position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--color-border-strong);z-index:0}.stepper-step.completed:not(:last-child):after{background:var(--color-primary)}.stepper-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface);display:flex;align-items:center;justify-content:center;z-index:1;transition:all var(--transition-interactive);font-size:11px;font-weight:700;color:var(--color-text-muted)}.stepper-step.active .stepper-dot{box-shadow:0 0 0 4px var(--color-primary-muted)}.stepper-step.active .stepper-dot,.stepper-step.completed .stepper-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stepper-label{font-size:10px;color:var(--color-text-muted);text-align:center;margin-top:var(--space-2);line-height:1.3;max-width:72px}.stepper-step.active .stepper-label{color:var(--color-primary);font-weight:600}.modal-overlay{position:fixed;inset:0;background:oklch(15% .01 60/.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in .2s ease}.modal-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:fade-up .25s var(--transition-interactive)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-family:Satoshi,sans-serif;font-size:var(--text-lg);font-weight:700}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-interactive)}.modal-close:hover{background:var(--color-surface-2);color:var(--color-text)}.tabs-header{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);gap:0;overflow-x:auto}.tab-btn{padding:var(--space-3) var(--space-4);font-family:Cabinet Grotesk,sans-serif;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-interactive)}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.drop-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;cursor:pointer;transition:all var(--transition-interactive);background:var(--color-surface)}.drop-zone.dragover,.drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-muted)}.scroll-x{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.scroll-x::-webkit-scrollbar{height:4px}.scroll-x::-webkit-scrollbar-track{background:transparent}.scroll-x::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:99px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:700}.page-title,.section-title{font-family:Satoshi,sans-serif}.page-title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-2)}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:999px;transition:background var(--transition-interactive)}.toggle input:checked+.toggle-track{background:var(--color-primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-interactive);box-shadow:var(--shadow-sm)}.toggle input:checked~.toggle-thumb{transform:translateX(20px)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width-open)}.sidebar.mobile-open{transform:translateX(0)}.main-area{margin-left:0!important}.page-content{padding:var(--space-4)}.hide-mobile{display:none!important}}@media (max-width:480px){.page-content{padding:var(--space-3)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.border{border:1px solid var(--color-border)}.border-strong{border:1px solid var(--color-border-strong)}.text-right{text-align:right}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.checkbox-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--transition-interactive)}.checkbox-row:hover{background:var(--color-primary-muted)}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.sello-card{padding:var(--space-8) var(--space-6);border:2px solid var(--color-border-strong);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;transition:all var(--transition-interactive);background:var(--color-surface);flex:1 1;min-width:160px}.sello-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sello-card.selected-verde{border-color:var(--color-verde);background:var(--color-verde-bg)}.sello-card.selected-amarillo{border-color:var(--color-amarillo);background:var(--color-amarillo-bg)}.sello-card.selected-rojo{border-color:var(--color-rojo);background:var(--color-rojo-bg)}.sello-icon{font-size:3rem;line-height:1}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);transition:all var(--transition-interactive)}.file-item:hover{border-color:var(--color-primary)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--color-border-strong)}.timeline-item{position:relative;margin-bottom:var(--space-6)}.timeline-dot{position:absolute;left:-28px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-primary)}.timeline-date{font-size:var(--text-xs);margin-bottom:var(--space-1)}.nav-link,.timeline-date{color:var(--color-text-muted)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-interactive);white-space:nowrap;overflow:hidden;text-decoration:none}.nav-link.active,.nav-link:hover{background:var(--color-primary-muted);color:var(--color-primary)}.nav-link.active{font-weight:600}.nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{transition:opacity var(--transition-slow)}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:2.5rem;opacity:.4}.inline-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid}.inline-alert-error{background:var(--color-rojo-bg);border-color:oklch(60% .2 15/.3);color:var(--color-rojo)}.inline-alert-success{background:var(--color-verde-bg);border-color:oklch(55% .12 175/.3);color:var(--color-verde)}.inline-alert-warn{background:var(--color-amarillo-bg);border-color:oklch(70% .18 70/.3);color:var(--color-amarillo)}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-brand{background:var(--color-primary);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-16);position:relative;overflow:hidden}.login-brand:before{top:-60px;right:-80px;width:340px;height:340px;background:oklch(70% .1 185/.2)}.login-brand:after,.login-brand:before{content:"";position:absolute;border-radius:50%}.login-brand:after{bottom:100px;left:-60px;width:200px;height:200px;background:oklch(40% .12 195/.25)}.login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:var(--space-16);background:var(--color-bg)}@media (max-width:768px){.login-layout{grid-template-columns:1fr}.login-brand{min-height:200px;justify-content:center;padding:var(--space-8)}.login-brand:after,.login-brand:before{display:none}}.filter-panel{width:240px;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(60px + var(--space-6))}.two-panel{display:flex;gap:var(--space-6);align-items:flex-start}.panel-main{flex:1 1;min-width:0}@media (max-width:900px){.two-panel{flex-direction:column}.filter-panel{width:100%;position:static}}.form-steps-header{display:flex;align-items:center;gap:0;margin-bottom:var(--space-8);overflow-x:auto}.form-step-indicator{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.form-step-indicator:not(:last-child):after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--color-border-strong);z-index:0}.form-step-indicator.step-done:not(:last-child):after{background:var(--color-primary)}.form-step-num{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);z-index:1;transition:all var(--transition-interactive)}.form-step-indicator.step-active .form-step-num{box-shadow:0 0 0 4px var(--color-primary-muted)}.form-step-indicator.step-active .form-step-num,.form-step-indicator.step-done .form-step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-step-label{font-size:11px;color:var(--color-text-muted);text-align:center}.form-step-indicator.step-active .form-step-label{color:var(--color-primary);font-weight:600}.inline-table input,.inline-table select{border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:100%;transition:background var(--transition-interactive)}.inline-table input:focus,.inline-table select:focus{background:var(--color-primary-muted);outline:1px solid var(--color-primary)}