:root{color-scheme:light;--color-bg: #faf8f4;--color-surface: #ffffff;--color-border: #e7e0d4;--color-border-strong: #d3c8b6;--color-text: #0a0a0a;--color-text-muted: #6b645c;--color-text-faint: #9a8f80;--color-primary: #ff5a36;--color-primary-hover: #e04a28;--color-primary-soft: #ffe9e2;--color-danger: #d64545;--color-danger-hover: #b93434;--color-danger-soft: #fbeaea;--color-danger-border: #f2c6c6;--color-success: #2e8b57;--color-success-soft: #e7f4ed;--color-warning: #e8a33d;--color-warning-text: #a8641f;--color-warning-soft: #fcf1de;--color-info: #3b82c4;--color-info-soft: #e8f1fa;--color-secondary: #1f5c5c;--color-secondary-soft: #e5efef;--color-neutral-soft: #f2eee6;--sidebar-bg: #0a0a0a;--sidebar-text: #aba299;--sidebar-text-active: #ffffff;--sidebar-active-bg: #1e1e1e;--font-sans: "Sora", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-serif: "Fraunces", Georgia, serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(10, 10, 10, .05), 0 1px 3px rgba(10, 10, 10, .07);--shadow-pop: 0 4px 12px rgba(10, 10, 10, .14)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;-webkit-font-smoothing:antialiased}.text-h1{font-size:32px;font-weight:800;letter-spacing:-.01em}h1{font-size:24px;font-weight:700;margin:0 0 20px;letter-spacing:-.01em}h3{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--color-text)}.editorial{font-family:var(--font-serif);font-style:italic;font-weight:400}.layout{display:flex;min-height:100vh}.sidebar{width:216px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-sans);font-weight:800;font-size:19px;padding:4px 10px 22px;letter-spacing:-.02em}.sidebar-brand .brand-mark{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-brand .brand-mark img{width:100%;height:100%}.sidebar-section{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#7a7265;padding:16px 10px 6px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar a.nav-link{display:flex;align-items:center;gap:10px;color:var(--sidebar-text);text-decoration:none;padding:9px 10px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.sidebar a.nav-link svg{flex-shrink:0;opacity:.85}.sidebar a.nav-link:hover{color:#fff;background:#ffffff0f}.sidebar a.nav-link.active{color:var(--sidebar-text-active);background:var(--sidebar-active-bg);border-left-color:var(--color-primary);font-weight:650}.sidebar a.nav-link.active svg{opacity:1}.sidebar a.nav-link.disabled{opacity:.4;cursor:default;pointer-events:none}.sidebar-nav-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:8px}.sidebar-user{flex-shrink:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-info .nombre{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info .roles{font-size:11.5px;color:#938a7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:#938a7d;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.sidebar-logout:hover{background:#ffffff14;color:#fff}.content{flex:1;padding:28px 32px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-subtitle{color:var(--color-text-muted);font-size:13.5px;margin-top:-16px;margin-bottom:20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-card);margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-row{display:flex;gap:16px;flex-wrap:wrap}.card-row>*{flex:1;min-width:180px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:9px 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);border-bottom:1px solid var(--color-border);white-space:nowrap}td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--color-border);font-size:13.5px;vertical-align:middle}tbody tr{transition:background .1s ease}tbody tr:hover{background:#fdfbf8}tbody tr:last-child td{border-bottom:none}.row-inactiva{opacity:.55}.empty-state{color:var(--color-text-faint);font-size:13px;text-align:center;padding:28px 10px}label{font-size:12.5px;font-weight:650;display:block;margin-bottom:5px;color:var(--color-text)}input,select,textarea{width:100%;padding:9px 11px;margin-bottom:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:13.5px;font-family:inherit;background:#fff;color:var(--color-text);transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input[type=file]{padding:7px}input[type=checkbox]{width:auto;margin:0;accent-color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:450;border:1px solid var(--color-border-strong);border-radius:999px;padding:5px 13px;cursor:pointer;font-size:13px;background:#fff;transition:border-color .12s ease,background .12s ease}.chip:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:600}.field-hint{color:var(--color-text-faint);font-size:12.5px;margin:-8px 0 12px}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--color-primary);color:#fff;border:1px solid transparent;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease;white-space:nowrap}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-border-strong)}button.secondary:hover{background:var(--color-neutral-soft);border-color:var(--color-border-strong)}button.danger{background:#fff;color:var(--color-danger);border:1px solid var(--color-danger-border)}button.danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}button.ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent;padding:9px 10px}button.ghost:hover{background:var(--color-neutral-soft);color:var(--color-text)}button.icon-btn{padding:7px;width:34px;height:34px;flex-shrink:0}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.error{display:flex;align-items:center;gap:7px;color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;margin-bottom:12px}.hint{color:var(--color-text-faint);font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--color-neutral-soft);color:var(--color-text-muted)}.badge.success{background:var(--color-success-soft);color:var(--color-success)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge.primary{background:var(--color-primary-soft);color:var(--color-primary-hover)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge.info{background:var(--color-info-soft);color:var(--color-info)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.stat-card{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);font-size:13.5px}.row-urgente{background:var(--color-danger-soft)}.thumb{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);display:block}.thumb-placeholder{width:44px;height:44px;border-radius:var(--radius-sm);border:1px dashed var(--color-border-strong);display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);flex-shrink:0}.placeholder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--color-text-faint);text-align:center}.placeholder-card svg{opacity:.5}.placeholder-card strong{color:var(--color-text-muted);font-size:14.5px}.tabla-agrupada .fila-tela{cursor:pointer}.tabla-agrupada .fila-tela:hover{background:var(--color-primary-soft)}.celda-chevron{width:28px;color:var(--color-text-faint)}.celda-detalle-colores{padding:0!important;background:var(--color-bg)}.tabla-colores{width:100%}.tabla-colores thead th{font-size:11.5px;padding:8px 16px}.tabla-colores td{padding:9px 16px;font-size:13.5px}.tabla-colores td:first-child,.tabla-colores th:first-child{padding-left:40px}.roico-loader{overflow:visible;flex-shrink:0}.roico-loader .rl-el{opacity:.35;animation:rl-pulse 1.8s ease-in-out infinite}.roico-loader .rl-dot{transform-box:fill-box;transform-origin:center}@keyframes rl-pulse{0%,to{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 4px currentColor)}}@media (prefers-reduced-motion: reduce){.roico-loader .rl-el{animation:none;opacity:1}}.loading-inline{display:flex;align-items:center;gap:8px}