:root{--color-bg: #e9f2ff;--color-bg-alt: #dfeeff;--color-surface: #ffffff;--color-surface-soft: #edf4ff;--color-surface-strong: #e2edff;--color-text: #0d1d42;--color-text-soft: #1f3867;--color-muted: #46618f;--color-border: #bfd2f4;--color-border-strong: #8fb1eb;--color-primary: #0e62e8;--color-primary-hover: #0a4fc0;--color-primary-soft: #e5efff;--color-danger: #d42f45;--color-danger-hover: #b31f34;--color-danger-soft: #ffe9ee;--color-success: #16945c;--color-success-hover: #117545;--color-success-soft: #e7f8ef;--color-warning: #d28a12;--color-warning-soft: #fff3dd;--color-overlay: rgba(10, 35, 84, .44);--color-focus-ring: rgba(14, 98, 232, .22);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--shadow-soft: 0 3px 10px rgba(14, 55, 120, .08);--shadow-medium: 0 8px 20px rgba(14, 55, 120, .12);--shadow-strong: 0 14px 34px rgba(14, 55, 120, .16);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-text);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 46%,var(--color-bg) 100%);letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--color-focus-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-soft)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;color:var(--color-text);line-height:1.2}h1{font-size:clamp(1.7rem,3vw,2.15rem);font-weight:650}h2{font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:620}h3{font-size:clamp(1.05rem,2.1vw,1.3rem);font-weight:620}p{margin:0;line-height:1.65;color:var(--color-text-soft)}.initial-container{width:100%;min-height:calc(100vh - 74px);padding:clamp(1rem,2.2vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.view-shell{align-items:stretch}.view-content{width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.container-principal,.container-secundario,.container-terciario{width:100%;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.container-principal{max-width:1200px;padding:1.25rem;box-shadow:var(--shadow-soft)}.container-secundario{max-width:900px;padding:1.1rem;box-shadow:var(--shadow-soft)}.container-terciario{max-width:760px;padding:1.25rem;background:color-mix(in srgb,var(--color-surface-soft) 82%,var(--color-surface) 18%)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.2rem;box-shadow:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}.card-s{padding:1rem}.card-m{padding:1.5rem}.card-l{padding:2rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.btn-principal,.btn-secundario,.btn-secondary,.btn-ghost,.btn-eliminar,.btn-aceptar{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.78rem 1.5rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-principal{color:var(--color-surface);background:var(--color-primary);box-shadow:none}.btn-principal:hover{transform:none;background:var(--color-primary-hover);box-shadow:none}.btn-secundario,.btn-secondary{color:var(--color-primary);border-color:var(--color-border-strong);background:var(--color-surface)}.btn-secundario:hover,.btn-secondary:hover{transform:none;border-color:var(--color-primary);background:var(--color-primary-soft)}.btn-ghost{color:var(--color-text-soft);border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-surface-soft);border-color:var(--color-border)}.btn-eliminar{color:var(--color-surface);background:var(--color-danger)}.btn-eliminar:hover{transform:none;background:var(--color-danger-hover);box-shadow:none}.btn-aceptar{color:var(--color-surface);background:var(--color-success)}.btn-aceptar:hover{transform:none;background:var(--color-success-hover);box-shadow:none}.btn-x-danger{min-width:42px;padding:.66rem .85rem;border:1px solid color-mix(in srgb,var(--color-danger) 45%,var(--color-border) 55%);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface) 88%);color:var(--color-danger);font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-x-danger:hover{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 20%,var(--color-surface) 80%);color:var(--color-danger-hover)}.btn-principal:disabled,.btn-secundario:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-eliminar:disabled,.btn-aceptar:disabled,.btn-x-danger:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.btn-s{padding:.52rem .95rem!important;font-size:.84rem}.btn-m{padding:.78rem 1.5rem!important;font-size:1rem}.btn-l{padding:.95rem 1.95rem!important;font-size:1.08rem}.btn-block{width:100%}.ui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.ui-icon--sm{font-size:.86rem}.ui-icon--md{font-size:1rem}.ui-icon--lg{font-size:1.2rem}h1 .ui-icon,h2 .ui-icon,h3 .ui-icon,h4 .ui-icon{font-size:1em}.icon-btn{width:34px;height:34px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{border-color:var(--color-border-strong);background:var(--color-primary-soft);color:var(--color-primary)}.icon-btn.danger:hover{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border) 60%);background:color-mix(in srgb,var(--color-danger) 14%,var(--color-surface) 86%);color:var(--color-danger)}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.add-tile{width:34px;height:34px;padding:0;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-primary);font-size:1.2rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.add-tile:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.add-tile:disabled{opacity:.55;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.55rem}.form-group label{color:var(--color-text-soft);font-size:.93rem;font-weight:600}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,.filter-group input,.filter-group select,.inline-controls select,.table select{width:100%;padding:.78rem .9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-group input:not([type=checkbox]):not([type=radio])::placeholder,.form-group textarea::placeholder,.filter-group input::placeholder{color:color-mix(in srgb,var(--color-muted) 70%,#fff 30%)}.form-group select,.filter-group select,.inline-controls select,.table select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:2.7rem;background-image:linear-gradient(180deg,#f8fcffeb,#edf6ffe6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23334155' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center center,right 1rem center;background-size:auto,12px 8px}.form-group select:hover,.filter-group select:hover,.inline-controls select:hover,.table select:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-strong) 65%)}.form-group select option,.filter-group select option,.inline-controls select option,.table select option{color:var(--color-text);background-color:var(--color-surface)}.form-group select option:checked,.filter-group select option:checked,.inline-controls select option:checked,.table select option:checked{color:var(--color-primary-hover);background-color:var(--color-primary-soft)}.form-group select optgroup,.filter-group select optgroup,.inline-controls select optgroup,.table select optgroup{color:var(--color-muted);font-weight:600;background-color:var(--color-surface-soft)}.form-group select:disabled,.filter-group select:disabled,.inline-controls select:disabled,.table select:disabled{cursor:not-allowed;opacity:.65}.form-group select::-ms-expand,.filter-group select::-ms-expand,.inline-controls select::-ms-expand,.table select::-ms-expand{display:none}@supports (appearance: base-select){.form-group select,.filter-group select,.inline-controls select,.table select,.form-group select::picker(select),.filter-group select::picker(select),.inline-controls select::picker(select),.table select::picker(select){appearance:base-select}.form-group select,.filter-group select,.inline-controls select,.table select{padding-right:.9rem;background-image:none}.form-group select::picker(select),.filter-group select::picker(select),.inline-controls select::picker(select),.table select::picker(select){border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-medium);padding:.4rem}.form-group select option,.filter-group select option,.inline-controls select option,.table select option{margin:.12rem 0;border-radius:var(--radius-xs);padding:.55rem .7rem}}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus,.filter-group input:focus,.filter-group select:focus,.inline-controls select:focus,.table select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.form-group.checkbox-group label,.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group input[type=checkbox],.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;flex-shrink:0;display:inline-grid;place-content:center;cursor:pointer;border:2px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.form-group input[type=checkbox]:before,.checkbox-group input[type=checkbox]:before{content:"";width:.34rem;height:.62rem;border-right:2px solid var(--color-surface);border-bottom:2px solid var(--color-surface);transform:rotate(45deg) scale(0);transition:transform .14s ease-in-out}.form-group input[type=checkbox]:checked,.checkbox-group input[type=checkbox]:checked{border-color:var(--color-primary);background:var(--color-primary)}.form-group input[type=checkbox]:checked:before,.checkbox-group input[type=checkbox]:checked:before{transform:rotate(45deg) scale(1)}.form-group input[type=checkbox]:hover,.checkbox-group input[type=checkbox]:hover{border-color:var(--color-primary);transform:translateY(-1px)}.form-group input[type=checkbox]:focus-visible,.checkbox-group input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-focus-ring)}.form-group input[type=checkbox]:disabled,.checkbox-group input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.9rem;flex-wrap:wrap}.auth-card{width:100%;max-width:440px;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-soft) 100%);box-shadow:var(--shadow-medium)}.auth-title{margin-bottom:1.8rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{margin-top:1.4rem;text-align:center;font-size:.93rem;color:var(--color-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{color:var(--color-primary-hover)}.back-btn{margin-bottom:1.25rem}.empty-state{padding:2.5rem 1.25rem;text-align:center;color:var(--color-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-soft) 76%,var(--color-surface) 24%)}.loading-state{min-height:280px;display:flex;align-items:center;justify-content:center}.loading-text{color:var(--color-muted);font-size:1.05rem;font-style:italic}.error-container{border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border) 65%);border-radius:var(--radius-sm);background:var(--color-danger-soft);padding:1rem}.error-text{color:var(--color-danger-hover);background:color-mix(in srgb,var(--color-danger-soft) 72%,var(--color-surface) 28%);border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border) 65%);border-radius:var(--radius-sm);padding:.75rem .95rem;line-height:1.5}.reliability-info{margin-top:1rem;color:var(--color-muted);font-size:.9rem}.form-actions.no-separator{margin-top:0;padding-top:0;border-top:none}.button-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tag{font-size:.76rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.16rem .5rem;color:var(--color-text-soft);background:var(--color-surface-soft);display:inline-flex;align-items:center}.top-gap-s{margin-top:.7rem}.data-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-soft) 82%,var(--color-surface) 18%)}.data-label{color:var(--color-muted);font-size:.86rem}.data-value{color:var(--color-text);font-weight:600}.result-card{margin-top:2rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none;animation:none}.result-card.positive{border-color:color-mix(in srgb,var(--color-danger) 36%,var(--color-border) 64%);background:color-mix(in srgb,var(--color-danger-soft) 68%,var(--color-surface) 32%)}.result-card.negative{border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border) 66%);background:color-mix(in srgb,var(--color-primary-soft) 70%,var(--color-surface) 30%)}.result-section{margin-bottom:1.5rem;padding:1.25rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.9rem}.result-section.positive{border:1px solid color-mix(in srgb,var(--color-danger) 36%,var(--color-border) 64%);background:color-mix(in srgb,var(--color-danger-soft) 72%,var(--color-surface) 28%)}.result-section.negative{border:1px solid color-mix(in srgb,var(--color-primary) 36%,var(--color-border) 64%);background:color-mix(in srgb,var(--color-primary-soft) 76%,var(--color-surface) 24%)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.result-icon{font-size:.82rem;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;border-radius:var(--radius-pill);padding:.28rem .56rem;flex-shrink:0}.icon-large{font-size:.82rem}.result-label{margin:0;font-size:1.12rem;font-weight:600}.result-card.positive .result-label,.result-section.positive .result-label{color:var(--color-danger)}.result-card.negative .result-label,.result-section.negative .result-label{color:var(--color-primary)}.result-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.9rem}.result-actions>*{flex:1;min-width:160px}.disclaimer{margin:1.5rem 0;padding:1rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-soft) 80%,var(--color-surface) 20%);font-size:.92rem;color:var(--color-muted)}.disclaimer strong{color:var(--color-text)}.text-xs{font-size:.75rem}.text-s{font-size:.875rem}.text-m{font-size:1rem}.text-l{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.container-principal,.container-secundario,.container-terciario{padding:1.2rem}.auth-card{padding:1.6rem}}@media (max-width: 768px){.initial-container{padding:1rem}.form-actions,.result-actions{flex-direction:column}.form-actions>*,.result-actions>*{width:100%}}