:root{--bg: #F4F5F7;--surface: #FFFFFF;--border: #E1E4EA;--text: #1B1F27;--text-muted: #6B7280;--accent: #2F5FDC;--accent-hover: #24499E;--accent-soft: #EAF0FE;--info-bg: #EEF2FF;--info-border: #C7D2FE;--info-text: #2A3E9E;--warn-bg: #FFF6E0;--warn-border: #F0C049;--warn-text: #7A5300;--danger-bg: #FDECEC;--danger-border: #F3B4B4;--danger-text: #A02020;--success-text: #157347;--success-bg: #E7F6EE;--radius: 10px;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:980px;margin:0 auto;padding:40px 24px 80px}.backbar{margin-bottom:20px}.backbar a{color:var(--accent);font-size:13.5px;font-weight:600;text-decoration:none}.backbar a:hover{text-decoration:underline}header.page-header{margin-bottom:32px}header.page-header h1{font-size:24px;font-weight:650;margin:0 0 6px;letter-spacing:-.01em}header.page-header p{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.5}.filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.filters .field label{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:var(--text)}.filters .field input[type=text]{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;font-size:14.5px;background:var(--surface);color:var(--text)}.filters .field input[type=text]:focus{outline:none;border-color:var(--accent)}.uploads{margin-bottom:20px}@media(max-width:720px){.filters{grid-template-columns:1fr}}.dropzone{background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius);padding:22px 18px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:128px}.dropzone:hover{border-color:var(--accent)}.dropzone--active{border-color:var(--accent);background:var(--accent-soft)}.dropzone--filled{border-style:solid}.dropzone-title{font-weight:600;font-size:15px;margin:0 0 4px}.dropzone-hint{font-size:13px;color:var(--text-muted);margin:0 0 12px}.file-chip-list{display:flex;flex-wrap:wrap;gap:6px}.file-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-hover);border-radius:999px;padding:4px 6px 4px 12px;font-size:12.5px;font-family:var(--mono);max-width:100%}.file-chip span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.file-chip button{border:none;background:transparent;color:var(--accent-hover);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:50%}.file-chip button:hover{background:#2f5fdc26}.actions{display:flex;align-items:center;gap:16px;margin-bottom:28px}button#processBtn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s ease}button#processBtn:hover:not(:disabled){background:var(--accent-hover)}button#processBtn:disabled{background:#c6ccd8;cursor:not-allowed}.status{display:flex;align-items:center;gap:10px;font-size:14px;padding:8px 14px;border-radius:8px}.status[hidden]{display:none}.status--loading{background:var(--info-bg);color:var(--info-text)}.status--error{background:var(--danger-bg);color:var(--danger-text)}.status--success{background:var(--success-bg);color:var(--success-text);font-weight:600}.spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--info-text);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.overall-summary{font-size:14px;color:var(--text-muted);margin-bottom:16px}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.template-card--error{border-color:var(--danger-border);background:var(--danger-bg)}.template-card__header h3{margin:0 0 4px;font-size:15.5px;font-family:var(--mono);font-weight:600;word-break:break-all}.template-card__stats{margin:0 0 14px;font-size:13px;color:var(--text-muted)}.template-card__error{color:var(--danger-text);font-size:14px;margin:4px 0 0}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.download-btn{display:inline-block;background:var(--success-text);color:#fff;text-decoration:none;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:7px;margin-bottom:16px}.download-btn:hover{opacity:.9}details.category-section{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}details.category-section>summary{cursor:pointer;font-weight:600;font-size:13.5px;list-style:none;display:flex;align-items:center;gap:6px}details.category-section>summary::-webkit-details-marker{display:none}details.category-section>summary:before{content:"▸";font-size:11px;transition:transform .15s ease}details.category-section[open]>summary:before{transform:rotate(90deg)}.category-section--posible_error>summary{color:var(--warn-text)}.category-section--procesando>summary{color:var(--info-text)}.category-empty{font-size:13px;color:var(--text-muted);margin:8px 0 0 16px}details.type-group{margin:8px 0 0 16px;padding:8px 12px;border-radius:8px}.category-section--posible_error details.type-group{background:var(--warn-bg);border:1px solid var(--warn-border)}.category-section--procesando details.type-group{background:var(--info-bg);border:1px solid var(--info-border)}details.type-group>summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none}details.type-group>summary::-webkit-details-marker{display:none}details.type-group ul{margin:8px 0 0;padding-left:18px}details.type-group li{font-size:12.5px;font-family:var(--mono);line-height:1.6;color:var(--text)}