:root{--color-primary: #0e7c86;--color-primary-dark: #0a5a62;--color-primary-light: #46a1a8;--color-primary-soft: #e3f4f4;--color-secondary: #2f9e6e;--color-secondary-dark: #227a54;--color-secondary-soft: #e6f7ef;--color-accent: #2f6fa8;--color-accent-dark: #24557f;--color-accent-soft: #eaf2f9;--color-background: #f3f8f8;--color-surface: #ffffff;--color-surface-muted: #eef5f5;--color-surface-sunken: #e7f0f0;--color-text: #1e2b2b;--color-text-muted: #5c6f6f;--color-text-faint: #8fa3a3;--color-border: #dbe7e6;--color-border-strong: #c2d6d5;--color-success: #23916a;--color-success-soft: #e6f6ee;--color-warning: #b8863a;--color-warning-soft: #faf1e1;--color-danger: #c14b4b;--color-danger-soft: #f9eaea;--color-info: #2f6fa8;--color-info-soft: #eaf2f9;--gradient-brand: linear-gradient(135deg, #0e7c86 0%, #2f9e6e 100%);--gradient-brand-soft: linear-gradient(135deg, #e3f4f4 0%, #e6f7ef 100%);--gradient-accent: linear-gradient(135deg, #0e7c86 0%, #2f6fa8 100%);--chart-1: #0e7c86;--chart-2: #2f9e6e;--chart-3: #2f6fa8;--chart-4: #6fb8ba;--chart-5: #b8863a;--chart-6: #8fa3a3;--font-family: "Inter", "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-xxl: 2.125rem;--line-height-base: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 40, 40, .06);--shadow-md: 0 4px 14px rgba(15, 40, 40, .08);--shadow-lg: 0 12px 32px rgba(15, 40, 40, .12);--shadow-focus: 0 0 0 3px var(--color-primary-soft);--container-max: 1280px;--container-form-max: 760px;--header-height: 64px;--sidebar-width: 264px;--sidebar-width-collapsed: 80px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .32s cubic-bezier(.16, 1, .3, 1);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.25}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding:0}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--color-surface);color:var(--color-primary-dark);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.skip-link:focus{left:var(--space-4);top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100vh;display:flex;background:var(--color-background)}.sidebar{display:none}@media (min-width: 1024px){.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;height:100vh;position:sticky;top:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-3);gap:var(--space-6);transition:width var(--transition-slow);z-index:40}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed);align-items:center}}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);min-height:40px}.sidebar__brand-mark{width:38px;height:38px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar__brand-text{display:flex;flex-direction:column;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-primary-dark);line-height:1.15;white-space:nowrap}.sidebar__brand-text small{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-faint);letter-spacing:.04em}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.sidebar.is-collapsed .sidebar__link{width:48px;height:48px;padding:0;justify-content:center}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__link:hover{background:var(--color-surface-muted);text-decoration:none;color:var(--color-text)}.sidebar__link.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.sidebar__collapse-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar.is-collapsed .sidebar__collapse-btn{width:40px;height:40px;padding:0;justify-content:center}.sidebar__collapse-btn:hover{background:var(--color-surface-muted);color:var(--color-text)}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:30;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}@media (min-width: 1024px){.app-topbar{padding:0 var(--space-6)}}.app-topbar__mobile-toggle{display:inline-flex;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.app-topbar__mobile-toggle:hover{background:var(--color-surface-muted)}@media (min-width: 1024px){.app-topbar__mobile-toggle{display:none}}.app-topbar__spacer{flex:1}.app-topbar__user{position:relative}.app-topbar__user-trigger{display:flex;align-items:center;gap:var(--space-3);background:none;border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.app-topbar__user-trigger:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.app-topbar__avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);flex-shrink:0}.app-topbar__user-info{display:none;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2}@media (min-width: 640px){.app-topbar__user-info{display:flex}}.app-topbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.app-topbar__chevron{display:none;color:var(--color-text-faint)}@media (min-width: 640px){.app-topbar__chevron{display:block}}.app-topbar__menu{position:absolute;right:0;top:calc(100% + var(--space-2));width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:50;animation:dropdown-in var(--transition-base)}.app-topbar__menu-header{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:2px}.app-topbar__menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.app-topbar__menu-email{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.app-topbar__menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;background:none;border:none;border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--font-size-sm);color:var(--color-danger);cursor:pointer;text-align:left}.app-topbar__menu-item:hover{background:var(--color-danger-soft)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f282873;z-index:60;animation:overlay-in var(--transition-base)}.mobile-nav{position:fixed;top:0;right:25%;bottom:0;left:0;max-width:320px;z-index:61;background:var(--color-surface);padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-lg);animation:drawer-in var(--transition-slow)}.mobile-nav__header{display:flex;align-items:center;gap:var(--space-2)}.mobile-nav__brand-text{flex:1;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);font-size:var(--font-size-md)}.mobile-nav__close{background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer}.mobile-nav__close:hover{background:var(--color-surface-muted)}.mobile-nav__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-md)}.mobile-nav__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.mobile-nav__user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.mobile-nav__links{display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--font-weight-medium)}.mobile-nav__link:hover{background:var(--color-surface-muted);text-decoration:none}.mobile-nav__link.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.mobile-nav__logout{margin-top:auto;width:100%}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.mobile-nav-overlay,.mobile-nav,.app-topbar__menu{animation:none}}.app-main{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-16)}@media (min-width: 768px){.app-main{padding:var(--space-8) var(--space-6) var(--space-16)}}.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) var(--space-4);padding:var(--space-4);margin-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center}.app-footer__credit{font-size:var(--font-size-xs);color:var(--color-text-faint)}.app-footer__links{display:flex;align-items:center;gap:var(--space-4)}.app-footer__link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.app-footer__link:hover{color:var(--color-primary-dark);text-decoration:none}.app-footer--auth{border-top:none;margin-top:var(--space-6);padding:0}.badge-role-captura{background:var(--color-info-soft);color:var(--color-info)}.badge-role-analisis_administracion{background:var(--color-secondary-soft);color:var(--color-secondary-dark)}.badge-role-administrador{background:var(--color-primary-soft);color:var(--color-primary-dark)}.badge-role-neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(circle at 15% 10%,var(--color-primary-soft) 0%,transparent 45%),radial-gradient(circle at 85% 90%,var(--color-secondary-soft) 0%,transparent 45%),var(--color-background)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-6);border:1px solid var(--color-border)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.auth-card__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.auth-card__footer{margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-faint);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;line-height:1.2;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#9c414b}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-block{width:100%}.btn-icon{min-height:40px;min-width:40px;padding:var(--space-2)}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.form-section__title{font-size:var(--font-size-md);margin-bottom:var(--space-1)}.form-section__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:flex;align-items:center;gap:var(--space-1)}.field__optional{font-weight:var(--font-weight-regular);color:var(--color-text-faint);font-size:var(--font-size-xs)}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field__control{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field__control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.field__control:disabled{background:var(--color-surface-muted);color:var(--color-text-faint);cursor:not-allowed}textarea.field__control{min-height:96px;resize:vertical}.field.has-error .field__control{border-color:var(--color-danger)}.field.has-error .field__control:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.field__error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-danger)}.bool-field{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.bool-field__option{flex:1;border:none;background:var(--color-surface);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-right:1px solid var(--color-border-strong);min-height:40px}.bool-field__option:last-child{border-right:none}.bool-field__option:hover{background:var(--color-surface-muted)}.bool-field__option.is-selected-true{background:var(--color-success-soft);color:var(--color-success)}.bool-field__option.is-selected-false{background:var(--color-danger-soft);color:var(--color-danger)}.bool-field__option.is-selected-null{background:var(--color-surface-muted);color:var(--color-text-muted)}.form-actions{position:sticky;bottom:0;background:#f5f8faf0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);padding:var(--space-3) 0;display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.form-errors-summary{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.form-errors-summary ul{margin-top:var(--space-2);padding-left:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.stat-card__value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__title{font-size:var(--font-size-xl)}.page-header__subtitle{color:var(--color-text-muted);margin-top:var(--space-1);font-size:var(--font-size-sm)}.page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.breadcrumb{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-dark)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-sm);align-items:flex-start}.alert-info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.alert-success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.alert-danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.toast-viewport{position:fixed;bottom:var(--space-5);right:var(--space-5);left:var(--space-5);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end;pointer-events:none}@media (min-width: 640px){.toast-viewport{left:auto;width:360px}}.toast{pointer-events:auto;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start;animation:toast-in var(--transition-base)}.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-danger{border-left-color:var(--color-danger)}.toast.toast-warning{border-left-color:var(--color-warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast__message{flex:1;font-size:var(--font-size-sm)}.toast__close{background:none;border:none;cursor:pointer;color:var(--color-text-faint);padding:var(--space-1)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--color-text-muted)}.state-block__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.state-block.is-danger .state-block__icon{background:var(--color-danger-soft);color:var(--color-danger)}.state-block__title{font-size:var(--font-size-md);color:var(--color-text)}.state-block__desc{max-width:420px;font-size:var(--font-size-sm)}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,#e4edf0 37%,var(--color-surface-muted) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-row{height:52px;margin-bottom:var(--space-2)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.filter-bar__field{min-width:160px;flex:1}.search-input{position:relative;flex:2;min-width:220px}.search-input svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-faint)}.search-input .field__control{padding-left:var(--space-10)}.data-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-primary-soft)}.data-table--static tbody tr{cursor:default}.data-table--static tbody tr:hover{background:transparent}@media (max-width: 767px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.data-table td{border-top:none;padding:var(--space-2) 0;display:flex;justify-content:space-between;gap:var(--space-3);text-align:right}.data-table td:before{content:attr(data-label);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:left}.data-table-wrap{border:none;background:transparent}}.list-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4)}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination__controls{display:flex;gap:var(--space-2);align-items:center}.wizard{display:flex;flex-direction:column;gap:var(--space-5)}.wizard__progress{display:flex;gap:var(--space-1)}.wizard__progress-step{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-surface-muted)}.wizard__progress-step.is-done{background:var(--color-secondary)}.wizard__progress-step.is-current{background:var(--color-primary)}.wizard__steps-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:thin}.wizard__step-tab{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap}.wizard__step-tab.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard__step-tab.is-complete:not(.is-active){border-color:var(--color-secondary);color:var(--color-secondary)}.wizard__step-header{margin-bottom:var(--space-4)}.wizard__step-title{font-size:var(--font-size-lg)}.wizard__step-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.checklist-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.checklist-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.checklist-grid{grid-template-columns:repeat(3,1fr)}}.checklist-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.checklist-item__label{font-size:var(--font-size-sm);color:var(--color-text)}.wizard-summary{display:flex;flex-direction:column;gap:var(--space-4)}.wizard-summary__block{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.wizard-summary__block-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary-dark)}.summary-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;font-size:var(--font-size-sm);border-bottom:1px dashed var(--color-border)}.summary-row:last-child{border-bottom:none}.summary-row__label{color:var(--color-text-muted)}.summary-row__value{color:var(--color-text);font-weight:var(--font-weight-medium);text-align:right}.summary-row__value.is-empty{color:var(--color-text-faint);font-weight:var(--font-weight-regular);font-style:italic}.detail-tabs{display:flex;gap:var(--space-2);overflow-x:auto;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.detail-tabs__tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.detail-tabs__tab.is-active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.detail-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.detail-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.detail-item__value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.detail-item__value.is-empty{color:var(--color-text-faint);font-weight:var(--font-weight-regular);font-style:italic}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-center{text-align:center}.mt-0{margin-top:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#24343b73;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:200}.modal-card{width:100%;max-width:440px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6)}.modal-card__title{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.modal-card__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.modal-card__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.welcome-banner{background:var(--gradient-brand);border-radius:var(--radius-lg);padding:var(--space-6);color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.16) 0%,transparent 55%);pointer-events:none}.welcome-banner__title{font-size:var(--font-size-xl);color:#fff}.welcome-banner__subtitle{color:#ffffffe0;font-size:var(--font-size-sm);margin-top:var(--space-1);max-width:480px}.welcome-banner__badge{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3)}.kpi-card{display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon--primary{background:var(--color-primary-soft);color:var(--color-primary-dark)}.kpi-card__icon--secondary{background:var(--color-secondary-soft);color:var(--color-secondary-dark)}.kpi-card__icon--accent{background:var(--color-accent-soft);color:var(--color-accent-dark)}.kpi-card__icon--warning{background:var(--color-warning-soft);color:var(--color-warning)}.kpi-card--error-icon{background:var(--color-danger-soft);color:var(--color-danger)}.kpi-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.kpi-card__value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.1}.kpi-card__value--muted{font-size:var(--font-size-md);color:var(--color-text-faint);font-weight:var(--font-weight-medium)}.kpi-card__footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kpi-card__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full)}.kpi-card__trend.is-up{background:var(--color-success-soft);color:var(--color-success)}.kpi-card__trend.is-down{background:var(--color-danger-soft);color:var(--color-danger)}.kpi-card__context{font-size:var(--font-size-xs);color:var(--color-text-faint)}.kpi-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.chart-empty{color:var(--color-text-faint);font-size:var(--font-size-sm);font-style:italic;padding:var(--space-6) 0;text-align:center}.bar-chart{display:flex;flex-direction:column;gap:var(--space-3)}.bar-chart__row{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;align-items:center;gap:var(--space-3)}.bar-chart__label{font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart__track{height:12px;background:var(--color-surface-muted);border-radius:var(--radius-full);overflow:hidden}.bar-chart__fill{display:block;height:100%;border-radius:var(--radius-full);animation:bar-grow var(--transition-slow);transform-origin:left}.bar-chart__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);min-width:28px;text-align:right}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.donut-chart{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);justify-content:center}.donut-chart svg circle{transition:stroke-dasharray var(--transition-slow)}.donut-chart__total-value{font-size:22px;font-weight:var(--font-weight-bold);fill:var(--color-text)}.donut-chart__total-label{font-size:11px;fill:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em}.donut-chart__legend{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.donut-chart__legend li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.donut-chart__swatch{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.donut-chart__legend-label{flex:1;color:var(--color-text)}.donut-chart__legend-value{color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}@media (prefers-reduced-motion: reduce){.bar-chart__fill{animation:none}.donut-chart svg circle{transition:none}}.export-type-card{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.export-type-card__title{font-size:var(--font-size-md);margin-top:var(--space-1)}.export-type-card .btn-block{margin-top:auto;align-self:stretch}.timeline{display:flex;flex-direction:column}.timeline__item{display:flex;gap:var(--space-3);position:relative;padding-bottom:var(--space-5)}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--color-border)}.timeline__item:last-child:before{display:none}.timeline__dot{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline__content{flex:1;padding-top:var(--space-1)}.timeline__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.timeline__meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-card--animated,.animate-in{animation:card-in var(--transition-slow)}@media (prefers-reduced-motion: reduce){.kpi-card--animated,.animate-in{animation:none}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation-duration:1.6s}}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-faint)}.input-with-icon .field__control{padding-left:var(--space-10)}