.templates-container{padding:24px;max-width:1600px;margin:0 auto;background:#1a1a2e;min-height:100vh;color:#e0e0e0}.templates-header{margin-bottom:24px}.templates-header h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.templates-header p{color:#b0b0b0;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#2d2d44;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 12px #0000004d;border:1px solid #3d3d5c}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.stat-card.highlight .stat-label{color:#ffffffe6}.stat-card.warning{background:#4a3a1a;border-color:#ffc107}.stat-value{font-size:32px;font-weight:700;color:#fff}.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:12px;color:#b0b0b0;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.filters-section{display:flex;gap:24px;align-items:center;margin-bottom:24px;padding:16px;background:#2d2d44;border-radius:12px;box-shadow:0 4px 12px #0000004d}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;color:#e0e0e0;display:flex;align-items:center;gap:6px;cursor:pointer}.filter-group select{padding:8px 12px;border:1px solid #3d3d5c;border-radius:8px;font-size:14px;min-width:150px;background:#1a1a2e;color:#e0e0e0}.templates-layout{display:grid;grid-template-columns:1fr 400px;gap:24px}@media (max-width: 1200px){.templates-layout{grid-template-columns:1fr}}.templates-list{background:#2d2d44;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d}.templates-list h2{font-size:18px;margin-bottom:16px;color:#fff}.empty-state{text-align:center;padding:40px;color:#b0b0b0}.empty-state .hint{font-size:13px;color:gray;margin-top:8px}.template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{background:#1a1a2e;border:2px solid #3d3d5c;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.template-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d;border-color:#667eea}.template-card.selected{border-color:#667eea;background:#2d2d44}.template-card.inactive{opacity:.5}.template-card.needs-review{border-color:#ffc107}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.template-domain{font-size:12px;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-confidence{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.confidence-high{background:#1a4d1a;color:#90ee90}.confidence-medium{background:#4a3a1a;color:#ffc107}.confidence-low{background:#4a1a1a;color:#ff6b6b}.template-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.template-type{font-size:11px;color:gray;margin-bottom:12px}.template-stats{display:flex;gap:12px;font-size:12px;color:#b0b0b0;margin-bottom:12px}.template-selectors{display:flex;flex-wrap:wrap;gap:6px}.selector-tag{background:#3d3d5c;color:#e0e0e0;padding:2px 8px;border-radius:4px;font-size:11px}.selector-tag.more{background:#667eea;color:#fff}.template-card .status-badge{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:600}.template-card .status-badge.inactive{background:#4a4a6a;color:#fff}.template-card .status-badge.review{background:#ffc107;color:#1a1a2e}.template-details{background:#2d2d44;border-radius:12px;box-shadow:0 4px 12px #0000004d;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3d3d5c;position:sticky;top:0;background:#2d2d44;z-index:10}.details-header h2{font-size:18px;color:#fff;margin:0}.details-actions{display:flex;gap:8px}.details-actions button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-deactivate{background:#4a3a1a;color:#ffc107}.btn-deactivate:hover{background:#ffc107;color:#1a1a2e}.btn-delete{background:#4a1a1a;color:#ff6b6b}.btn-delete:hover{background:#dc3545;color:#fff}.btn-close{background:#3d3d5c;color:#e0e0e0;font-size:18px;padding:4px 10px}.btn-close:hover{background:#4d4d6d}.details-content{padding:20px}.detail-row{display:flex;margin-bottom:12px}.detail-label{width:120px;font-size:13px;color:#b0b0b0;flex-shrink:0}.detail-value{font-size:13px;color:#e0e0e0}.detail-link{color:#667eea;text-decoration:none;font-size:12px}.detail-link:hover{text-decoration:underline}.selectors-section{margin-top:24px;border-top:1px solid #3d3d5c;padding-top:20px}.selectors-section h3{font-size:14px;color:#fff;margin-bottom:16px}.selectors-list{display:flex;flex-direction:column;gap:12px}.selector-item{background:#1a1a2e;border-radius:8px;padding:12px}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.param-name{font-weight:600;color:#fff;font-size:14px}.param-confidence{font-size:11px;padding:2px 6px;border-radius:4px}.selector-code{display:block;background:#0a0a1a;padding:8px;border-radius:4px;font-size:12px;font-family:Monaco,Menlo,monospace;color:#90ee90;word-break:break-all;margin-bottom:8px}.selector-meta{display:flex;justify-content:space-between;font-size:11px;color:gray}.selector-type{background:#3d3d5c;padding:2px 6px;border-radius:4px}.usage-section{margin-top:24px;border-top:1px solid #3d3d5c;padding-top:20px}.usage-section h3{font-size:14px;color:#fff;margin-bottom:16px}.usage-list{display:flex;flex-direction:column;gap:8px}.usage-item{background:#1a1a2e;border-radius:8px;padding:12px;border-left:3px solid #28a745}.usage-item.failed{border-left-color:#dc3545}.usage-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.usage-status{font-size:14px}.usage-time{font-size:11px;color:gray}.usage-llm-badge{font-size:10px;background:#667eea;color:#fff;padding:2px 6px;border-radius:4px}.usage-url{font-size:12px;color:#b0b0b0;margin-bottom:4px;word-break:break-all}.usage-params{font-size:11px;color:gray}.usage-missing{font-size:11px;color:#ff6b6b}.usage-time-ms{font-size:11px;color:#90ee90;margin-top:4px}.top-domains{margin-top:24px;background:#2d2d44;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d}.top-domains h2{font-size:18px;margin-bottom:16px;color:#fff}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.domain-card{background:#1a1a2e;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.domain-card:hover{background:#2d2d44;transform:translateY(-2px)}.domain-name{font-weight:600;color:#667eea;margin-bottom:8px}.domain-stats{display:flex;gap:16px;font-size:12px;color:#b0b0b0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:#e0e0e0}.app-container{min-height:100vh;background-color:#1a1a2e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:#0a0a1a;color:#90ee90;padding:2px 6px;border-radius:4px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#4d4d6d}