@layer base{:root{--color-bg:#f6f6f3;--color-paper:#fff;--color-header:#17171a;--color-ink:#17171a;--color-gray-1:#2d2d2d;--color-gray-2:#525252;--color-gray-3:#8a8a8a;--color-gray-4:#a8a8a8;--color-gray-5:#d7d7d4;--color-gray-6:#e7e7e3;--color-gray-7:#f0f0ec;--color-accent-red:#e00914;--color-red-hover:#b4070f;--color-blue:#0f62c4;--color-blue-dim:#e8f0fb;--color-green:#16864a;--color-green-dim:#e6f3ec;--color-orange:#d9590c;--color-orange-dim:#fbf0e8;--color-yellow:#b9820a;--color-yellow-dim:#fbf6e6;--color-purple:#6b21a8;--color-purple-dim:#f3e8ff;--color-casi:#e00914;--color-casi-tint:#fceaea;--color-eval:#0f62c4;--color-eval-tint:#e8f0fb;--color-frio:#8a8a8a;--color-frio-tint:#eeeeea;--color-segment-high:var(--color-green);--color-segment-mid:var(--color-blue);--color-segment-low:var(--color-frio);--color-accent-amber:var(--color-orange);--color-border:#e7e7e3;--color-border-2:#d7d7d4;--color-text:#17171a;--color-text-2:#2d2d2d;--color-muted:#525252;--color-muted-2:#8a8a8a;--color-surface:#fff;--color-surface-2:#f6f6f3;--color-surface-3:#f0f0ec;--color-warning:var(--color-yellow);--color-warning-dim:var(--color-yellow-dim);--color-success:var(--color-green);--color-success-dim:var(--color-green-dim);--header-height:60px;--sidebar-width:216px;--topbar-height:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-sans:"IBM Plex Sans", "Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--shadow-card:0 1px 2px #17171a0d, 0 3px 10px #17171a0a, 0 0 0 1px var(--color-border);--shadow-card-hover:0 2px 4px #17171a0f, 0 8px 24px #17171a14, 0 0 0 1px var(--color-border-2);--shadow-drawer:-4px 0 32px #0000001a, 0 0 0 1px var(--color-border);--shadow-popover:0 8px 24px #0000001f, 0 0 0 1px var(--color-border)}*{box-sizing:border-box;border-color:var(--color-border)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:14px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.55}h1,h2,h3,h4{color:var(--color-text);font-weight:600;line-height:1.25}code,kbd,pre,.mono,.score-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-gray-5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-4)}}@layer utilities{.skip-link{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;white-space:normal;z-index:9999;border-radius:var(--radius-sm);background:var(--color-accent-red);color:#fff;width:auto;height:auto;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;position:fixed;top:8px;left:8px}.card{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .18s}.card:hover{box-shadow:var(--shadow-card-hover)}.card-2{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.surface{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.surface-2{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.text-muted{color:var(--color-muted)}.text-muted-2{color:var(--color-muted-2)}.text-2{color:var(--color-text-2)}.page-title{font-family:var(--font-serif);color:var(--color-text);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.2}.display-serif{font-family:var(--font-serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:700}.rule-red{background:var(--color-accent-red);border:none;border-radius:1px;width:36px;height:3px;display:block}.section-title{color:var(--color-text);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.label-xs{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);font-size:.6875rem;font-weight:600}.score-mono{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:IBM Plex Mono,monospace;font-weight:600}.segment-casi{color:var(--color-casi)}.segment-evaluando{color:var(--color-eval)}.segment-explorador{color:var(--color-gray-3)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;line-height:1.6;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.badge-casi{background:var(--color-casi-tint);color:var(--color-casi);border-color:#e0091426}.badge-eval{background:var(--color-eval-tint);color:var(--color-eval);border-color:#0f62c426}.badge-frio{background:var(--color-frio-tint);color:var(--color-gray-2);border-color:var(--color-gray-5)}.badge-red{background:var(--color-casi-tint);color:var(--color-casi);border-color:#e0091426}.badge-blue{background:var(--color-blue-dim);color:var(--color-blue);border-color:#0f62c426}.badge-green{background:var(--color-green-dim);color:var(--color-green);border-color:#16864a26}.badge-orange{background:var(--color-orange-dim);color:var(--color-orange);border-color:#d9590c26}.badge-purple{background:var(--color-purple-dim);color:var(--color-purple);border-color:#6b21a826}.badge-gray{background:var(--color-surface-3);color:var(--color-muted);border-color:var(--color-border-2)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:background .12s,box-shadow .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--color-accent-red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-red-hover);box-shadow:0 2px 8px #e0091447}.btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn-secondary{background:var(--color-paper);color:var(--color-text);border:1px solid var(--color-border-2)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn-ghost{color:var(--color-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-blue{background:var(--color-blue-dim);color:var(--color-blue);border:1px solid #0f62c42e}.btn-blue:hover:not(:disabled){background:#0f62c424}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:.75rem}.btn-lg{border-radius:var(--radius-lg);padding:10px 22px;font-size:.9375rem}.btn-icon{border-radius:var(--radius-md);padding:7px}.input{background:var(--color-paper);border:1px solid var(--color-border-2);border-radius:var(--radius-md);width:100%;color:var(--color-text);outline:none;padding:7px 11px;font-family:inherit;font-size:.8125rem;line-height:1.4;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--color-muted-2)}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-dim)}.input:disabled{opacity:.44;cursor:not-allowed;background:var(--color-surface-2)}select.input{appearance:none;cursor:pointer}textarea.input{resize:vertical;min-height:80px;line-height:1.55}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--color-gray-1);background:var(--color-paper);border-bottom:2px solid var(--color-ink);white-space:nowrap;z-index:1;padding:10px 12px;font-size:.6875rem;font-weight:700;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-surface-2);cursor:pointer}.skeleton{background:linear-gradient(90deg, var(--color-surface-3) 25%, var(--color-gray-6) 50%, var(--color-surface-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-content{padding:20px 24px}.section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.divider{background:var(--color-border);border:none;height:1px}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-2);align-items:center;gap:6px;margin-top:16px;margin-bottom:4px;padding:0 12px;font-size:.625rem;font-weight:700;display:flex}.nav-group-label:before{content:"";background:var(--color-accent-red);opacity:.65;border-radius:1px;flex-shrink:0;width:10px;height:2px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:39;background:#00000073;animation:.2s overlay-in;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-fade-up{animation:.3s backwards fadeInUp}.chat-followup-chip{background:var(--color-paper);border:1px solid var(--color-border-2);color:var(--color-text-2);cursor:pointer;text-align:left;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.75rem;line-height:1.3;transition:border-color .12s,background .12s,color .12s}.chat-followup-chip:hover{border-color:var(--color-accent-red);color:var(--color-accent-red);background:var(--color-casi-tint)}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:.7857rem;font-weight:400;transition:all .12s}.filter-chip:hover{border-color:var(--color-border-2);color:var(--color-text)}.filter-chip[data-active=true]{border-color:var(--color-accent-red);background:var(--color-casi-tint);color:var(--color-accent-red);font-weight:700}.empty-state{text-align:center;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state .empty-title{font-family:var(--font-serif);color:var(--color-text-2);font-size:1rem;font-weight:700}.empty-state .empty-sub{color:var(--color-muted);max-width:340px;font-size:.8125rem}.sidebar-mobile-transition{transition:transform .25s cubic-bezier(.4,0,.2,1)}.login-shell{min-height:100vh;display:flex}.login-hero{background:radial-gradient(ellipse 120% 80% at 20% 0%, #e009141a, transparent 55%), radial-gradient(ellipse 100% 90% at 100% 100%, #ffffff08, transparent 60%), var(--color-ink);flex-direction:column;flex:0 0 55%;justify-content:space-between;padding:56px 64px 40px;display:flex}.login-hero-inner{margin:auto 0}.login-form-panel{background:var(--color-bg);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-logo-mobile{margin:0 auto 32px;display:none}@media (max-width:900px){.login-hero{display:none}.login-logo-mobile{display:block}}}html,body{max-width:100vw;overflow-x:hidden}@media (max-width:768px){:root{--sidebar-width:0px}.hamburger-btn{display:flex!important}.header-subtitle,.header-user-meta{display:none!important}aside[aria-label=Navegación\ principal]{transform:translate(-100%);box-shadow:4px 0 24px #00000026;width:260px!important}main#main-content{margin-left:0!important}.page-content{padding:16px}}