@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-main: #f8f9fa;--bg-surface: #ffffff;--border-color: #dadce0;--border-color-hover: #1a73e8;--text-primary: #202124;--text-secondary: #5f6368;--text-muted: #80868b;--color-blue: #1a73e8;--color-green: #1e8e3e;--color-red: #d93025;--color-yellow: #f9ab00;--bg-blue-light: #e8f0fe;--bg-green-light: #e6f4ea;--bg-red-light: #fce8e6;--bg-yellow-light: #fef7e0;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}header{background:var(--bg-surface);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.25rem;color:var(--color-blue);font-weight:700}.logo h1{font-size:1.15rem;font-weight:500;color:var(--text-primary);letter-spacing:-.2px}.nav-links{display:flex;gap:.5rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .8rem;border-radius:4px;transition:all .15s ease}.nav-links a:hover{background-color:#f1f3f4;color:var(--text-primary)}.nav-links li.active a{background-color:var(--bg-blue-light);color:var(--color-blue);font-weight:500}.container{max-width:1440px;margin:0 auto;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:none;transition:border-color .15s ease}.glass-panel:hover{border-color:#bdc1c6;box-shadow:none}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem}.filter-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.select-wrapper{position:relative}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:.4rem 2rem .4rem .75rem;color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;cursor:pointer;outline:none;transition:border-color .15s}select:focus{border-color:var(--color-blue)}.select-wrapper:after{content:"▼";font-size:.6rem;color:var(--text-secondary);position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.tabs{display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.tab-btn{background:var(--bg-surface);border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .8rem;font-family:var(--font-family);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.tab-btn:last-child{border-right:none}.tab-btn:hover{background-color:#f1f3f4}.tab-btn.active{background-color:var(--bg-blue-light);color:var(--color-blue);font-weight:500}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kpi-card{display:flex;flex-direction:column;gap:.25rem;position:relative;padding:.75rem 1rem}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-blue)}.kpi-card.purple:before{background:#a142f4}.kpi-card.green:before{background:var(--color-green)}.kpi-title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.kpi-value{font-size:1.4rem;font-weight:500;color:var(--text-primary)}.kpi-desc{font-size:.75rem;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.chart-title{font-size:.95rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.chart-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-blue)}.chart-container{position:relative;height:260px;width:100%}.comparison-section{display:flex;flex-direction:column;gap:.75rem}.compare-pickers{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.picker-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.compare-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;transition:background-color .15s}.compare-card:hover{background-color:#f8f9fa}.compare-metric{font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--text-secondary)}.compare-value{font-size:1.25rem;font-weight:500}.compare-diff{font-size:.75rem;font-weight:500;padding:.1rem .4rem;border-radius:2px}.diff-positive{background:var(--bg-green-light);color:var(--color-green)}.diff-negative{background:var(--bg-red-light);color:var(--color-red)}.diff-neutral{background:#f1f3f4;color:var(--text-secondary)}.cross-lang-section{display:flex;flex-direction:column;gap:.75rem}.section-help{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:0}.cross-lang-filters .filter-group{display:flex;align-items:center;gap:.6rem}.cross-lang-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.xl-chips{display:flex;flex-wrap:wrap;gap:.4rem;min-height:2rem}.xl-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-blue-light);color:var(--color-blue);border:1px solid #c6dafc;border-radius:999px;padding:.2rem .35rem .2rem .65rem;font-size:.78rem;font-weight:500;max-width:100%}.xl-chip.pareto-chip{background:var(--bg-green-light);color:var(--color-green);border-color:#b7e1c4}.xl-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}.xl-chip-remove{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:.1rem .35rem;border-radius:999px;opacity:.75}.xl-chip-remove:hover{opacity:1;background:#0000000f}.xl-table-wrap{border:1px solid var(--border-color);border-radius:6px}#xl-compare-table th,#xl-compare-table td{text-align:right}#xl-compare-table th:first-child,#xl-compare-table td:first-child{text-align:left;position:sticky;left:0;background:#f1f3f4;z-index:1}#xl-compare-table td:first-child{background:var(--bg-surface);font-weight:500;color:var(--text-secondary)}#xl-compare-table th{cursor:default;vertical-align:bottom;white-space:normal;min-width:7rem;max-width:11rem;line-height:1.25}#xl-compare-table th:hover{background:#f1f3f4;color:var(--text-secondary)}#xl-compare-table .xl-col-lang{display:block;font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}#xl-compare-table .xl-col-name{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary);word-break:break-word}#xl-compare-table td.xl-best{background:var(--bg-green-light);color:var(--color-green);font-weight:600}#xl-compare-table td.xl-missing{color:var(--text-muted);font-style:italic}.metrics-detail-section{display:flex;flex-direction:column;gap:.75rem}.metrics-detail-controls{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;align-items:stretch}.metrics-detail-controls-wide{grid-template-columns:minmax(240px,1fr) minmax(280px,1.4fr)}.metrics-checklist-card{min-height:0}.serializers-checklist{max-height:240px}.metrics-checklist-grouped{max-height:280px;display:flex;flex-direction:column;gap:.65rem;grid-template-columns:none}.metric-group-block{display:flex;flex-direction:column;gap:.25rem}.metric-group-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:.15rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.15rem}.metric-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.2rem .65rem}.metric-group-toggle{font-size:.7rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-blue);background:none;border:none;cursor:pointer;padding:0}.metric-group-toggle:hover{text-decoration:underline}.metrics-checklist-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.metrics-checklist-actions{display:flex;gap:.5rem}.link-btn{background:transparent;border:1px solid var(--border-color);color:var(--color-blue);font-family:var(--font-family);font-size:.75rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;cursor:pointer}.link-btn:hover{background:var(--bg-blue-light);border-color:var(--color-blue)}.metrics-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.25rem .75rem;max-height:200px;overflow-y:auto;padding:.35rem .15rem;margin-top:.35rem;border-top:1px solid var(--border-color)}.metric-check-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.78rem;color:var(--text-secondary);line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none}.metric-check-item input{margin-top:.15rem;accent-color:var(--color-blue);cursor:pointer}.metric-check-item:hover{color:var(--text-primary)}#serializer-metrics-table th{cursor:default;text-align:right;vertical-align:bottom;white-space:normal;min-width:7rem;max-width:12rem;line-height:1.25}#serializer-metrics-table th:first-child,#serializer-metrics-table td:first-child{text-align:left;position:sticky;left:0;z-index:1}#serializer-metrics-table th:first-child{background:#f1f3f4}#serializer-metrics-table th:hover{background:#f1f3f4;color:var(--text-secondary)}#serializer-metrics-table td:first-child{background:var(--bg-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:var(--text-secondary);max-width:18rem;white-space:normal;word-break:break-word;font-weight:500}#serializer-metrics-table td{text-align:right;font-variant-numeric:tabular-nums}#serializer-metrics-table tr.metric-group-row td{text-align:left;background:#eef2f7;color:var(--text-primary);font-family:var(--font-family);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding-top:.7rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-color);position:sticky;left:0}#serializer-metrics-table td.sm-best{background:var(--bg-green-light);color:var(--color-green);font-weight:600}#serializer-metrics-table td.sm-missing{color:var(--text-muted);font-style:italic}@media (max-width: 800px){.metrics-detail-controls,.metrics-detail-controls-wide{grid-template-columns:1fr}}.table-panel{padding-bottom:.5rem}.table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.search-input-wrapper{position:relative}.search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:.35rem .75rem .35rem 2rem;color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;width:220px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--color-blue);width:280px}.search-input-wrapper:before{content:"🔍";position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.8rem;pointer-events:none}.table-container{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th{background:#f1f3f4;padding:.6rem .75rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{background:#e8eaed;color:var(--text-primary)}th.sort-asc:after{content:" ▲";font-size:.6rem}th.sort-desc:after{content:" ▼";font-size:.6rem}td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);white-space:nowrap}tr:hover td{background-color:#f8f9fa}.badge{display:inline-block;padding:.15rem .35rem;font-size:.7rem;font-weight:500;border-radius:2px;text-transform:uppercase}.badge-cyan{background:var(--bg-blue-light);color:var(--color-blue)}.badge-purple{background:#f3e5f5;color:#a142f4}.badge-teal{background:#e0f2f1;color:#00796b}.dropzone{border:1px dashed var(--border-color);background:var(--bg-main);border-radius:6px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dropzone:hover,.dropzone.dragover{border-color:var(--color-blue);background:var(--bg-blue-light)}.dropzone-icon{font-size:1.5rem;color:var(--color-blue)}footer{text-align:center;padding:1rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.75rem;background:var(--bg-surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}