:root{--sz-navy:#0c1640;--sz-coral:#f1605d;--sz-blue:#0d4bd0;--sz-blue-hover:#3758a6;--red:#ff6763;--orange:#f97316;--yellow:#eab308;--green:#047755;--blue:#0d4bd0;--purple:#a855f7;--cyan:#06b6d4;--pink:#ec4899;--bg:#010b20;--surface:#0c1640;--surface2:#1a2550;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--red-bg:#ff676326;--orange-bg:#f9731626;--yellow-bg:#eab3081f;--green-bg:#04775526;--purple-bg:#a855f71f;--cyan-bg:#06b6d41f;--pink-bg:#ec48991f;--blue-bg:#0d4bd026;--accent:var(--sz-coral);--nav-active:var(--sz-coral);--text1:#f1f5f9;--surface1:#152040}[data-theme=light]{--bg:#f5f6fa;--surface:#fff;--surface2:#e8eaf0;--text:#19191a;--text2:#394760;--text3:#62656f;--red-bg:#ff67631a;--orange-bg:#f973161a;--yellow-bg:#eab30814;--green-bg:#0477551a;--purple-bg:#a855f714;--cyan-bg:#06b6d414;--pink-bg:#ec489914;--blue-bg:#0d4bd014;--accent:var(--sz-coral);--nav-active:var(--sz-coral);--text1:#19191a;--surface1:#f0f1f5}[data-theme=light] .top-nav{box-shadow:0 1px 4px #00000014}[data-theme=light] .bulk-bar{box-shadow:0 -2px 12px #0000001a}[data-theme=light] .action-group-card,[data-theme=light] .detail-card,[data-theme=light] .backlog-item{border-color:#dde0e6}[data-theme=light] select,[data-theme=light] input[type=text]{background:var(--surface2)!important;color:var(--text)!important;border-color:#ccd0d8!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,Inter Fallback,system-ui,arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1440px;margin:0 auto;padding:20px}.top-nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:color-mix(in srgb, var(--surface) 92%, transparent);align-items:center;gap:32px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.top-nav .nav-brand{color:var(--text);white-space:nowrap;font-size:14px;font-weight:700}.top-nav .nav-links{flex:1;gap:2px;display:flex}.top-nav .nav-link{color:var(--text2);letter-spacing:-.01em;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s,transform .1s;display:inline-flex;position:relative}.top-nav .nav-link:hover{background:var(--surface2);color:var(--text)}.top-nav .nav-link:active{transform:scale(.97)}.top-nav .nav-link.active{background:var(--sz-coral);color:#fff;box-shadow:0 2px 10px color-mix(in srgb, var(--sz-coral) 40%, transparent)}.top-nav .nav-link-agent{background:color-mix(in srgb, var(--sz-coral) 10%, transparent);color:var(--text)}.top-nav .nav-link-agent:hover{background:color-mix(in srgb, var(--sz-coral) 20%, transparent)}.top-nav .nav-link-agent.active{background:var(--sz-coral);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.theme-toggle{background:var(--surface2);cursor:pointer;color:var(--text2);border:none;border-radius:6px;padding:4px 10px;font-size:14px;line-height:1;transition:background .15s}.theme-toggle:hover{background:var(--sz-coral);color:#fff}.nav-badge{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.bulk-bar{background:var(--surface);border-top:2px solid var(--blue);z-index:200;align-items:center;gap:12px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.bulk-bar .bulk-count{color:var(--blue);white-space:nowrap;font-size:14px;font-weight:700}.bulk-bar .bulk-actions{flex-wrap:wrap;flex:1;gap:6px;display:flex}.bulk-bar .bulk-btn{border:1px solid var(--surface2);background:var(--surface2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.bulk-bar .bulk-btn:hover{filter:brightness(1.2)}.bulk-bar .bulk-cancel{border:1px solid var(--surface2);color:var(--text3);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500}.row-checkbox{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.backlog-item{background:var(--surface);border:1px solid var(--surface2);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s;display:flex}.backlog-item.done{opacity:.5}.backlog-item .bl-type{color:#fff;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.backlog-item .bl-target{color:var(--text);flex:1;min-width:0;font-size:13px;font-weight:600}.backlog-item .bl-cat{color:var(--text3);font-size:12px}.backlog-item .bl-date{color:var(--text3);white-space:nowrap;font-size:11px}.backlog-item .bl-actions{gap:4px;display:flex}.backlog-item .bl-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:filter .15s}.backlog-item .bl-btn:hover{filter:brightness(1.2)}.bl-btn-done{background:var(--green);color:#fff}.bl-btn-undo{background:var(--orange);color:#fff}.bl-btn-remove{background:var(--surface2);color:var(--text3)}.backlog-tabs{gap:4px;margin-bottom:16px;display:flex}.backlog-tab{border:1px solid var(--surface2);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .15s}.backlog-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.backlog-tab .tab-count{background:#fff3;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.header{background:linear-gradient(135deg, var(--surface2) 0%, var(--bg) 100%);border:1px solid var(--surface2);border-radius:16px;margin-bottom:20px;padding:28px 32px}.header h1{margin-bottom:4px;font-size:22px;font-weight:700}.header .subtitle{color:var(--text2);font-size:14px}.header .meta{color:var(--text3);margin-top:8px;font-size:12px}.stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);text-align:center;border:1px solid var(--surface2);border-radius:12px;padding:16px}.stat .number{font-size:28px;font-weight:700}.stat .label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.insights-panel{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;margin-bottom:20px;padding:20px}.insights-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin:0 0 16px;font-size:14px}.insights-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.insight-card{background:var(--bg);border:1px solid var(--surface2);border-radius:10px;padding:14px 16px}.insight-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.insight-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.insight-label{color:var(--text1);font-size:13px;font-weight:600}.insight-rows{flex-direction:column;gap:6px;display:flex}.insight-row{align-items:baseline;gap:8px;display:flex}.insight-metric{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.insight-pct{color:var(--text3);font-size:11px}.insight-desc{color:var(--text2);font-size:12px;line-height:1.3}.insight-bar-track{background:var(--surface2);border-radius:2px;height:4px;margin:2px 0 6px;overflow:hidden}.insight-bar-fill{border-radius:2px;height:100%;transition:width .4s}@media (width<=1200px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.insights-grid{grid-template-columns:1fr}}.filters{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filters label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.filters select,.filters input{background:var(--surface2);color:var(--text);border:1px solid #475569;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.filters input[type=text]{width:220px}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500}.btn:hover{opacity:.9}.btn-outline{border:1px solid var(--surface2);color:var(--text2);background:0 0}.btn-outline:hover{border-color:var(--text3)}.btn-back{background:var(--surface2);color:var(--text2);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-back:hover{color:var(--text);background:#475569}.chart-section{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;margin-bottom:20px;padding:20px}.chart-section h3{color:var(--text2);margin-bottom:12px;font-size:14px}.css-bar-chart{flex-direction:column;gap:4px;display:flex}.css-bar-row{border-radius:4px;align-items:center;gap:8px;padding:3px 0;font-size:11px;display:flex}.css-bar-row.clickable{cursor:pointer}.css-bar-row.clickable:hover{background:#3b82f60f}.css-bar-label{text-align:right;width:260px;min-width:260px;color:var(--text2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.css-bar-track{background:var(--surface2);border-radius:4px;flex:1;min-width:100px;height:20px;overflow:hidden}.css-bar-fill{border-radius:4px;height:100%;transition:width .4s}.css-bar-score{text-align:right;width:32px;min-width:32px;color:var(--text);font-size:12px;font-weight:700}.css-bar-tags{flex-wrap:wrap;gap:4px;min-width:200px;display:flex}.bar-tag{white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.tag-purple{color:#c084fc;background:#a855f733}.tag-pink{color:#f472b6;background:#ec489933}.tag-orange{color:#fb923c;background:#f9731633}.tag-gray{color:var(--text3);background:#94a3b826}.css-bar-legend{color:var(--text3);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.css-bar-legend span{align-items:center;gap:4px;display:flex}.css-bar-legend .dot{border-radius:3px;width:10px;height:10px;display:inline-block}.table-wrap{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;overflow-x:auto}.table-header{border-bottom:1px solid var(--surface2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-header h3{font-size:15px}.table-header .count{color:var(--text3);font-size:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--bg);text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}th:hover{color:var(--text)}th .sort-arrow{opacity:.5;margin-left:4px;font-size:10px}th .sort-arrow.active{opacity:1;color:var(--blue)}td{border-bottom:1px solid #33415580;padding:10px 12px}tr.row-clickable{cursor:pointer;transition:background .15s}tr.row-clickable:hover{background:#3b82f614}.badge{white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-critico{background:var(--red-bg);color:var(--red)}.badge-alto{background:var(--orange-bg);color:var(--orange)}.badge-medio{background:var(--yellow-bg);color:var(--yellow)}.badge-baixo{background:var(--green-bg);color:var(--green)}.badge-vermelho{background:var(--red-bg);color:var(--red)}.badge-amarelo{background:var(--yellow-bg);color:var(--yellow)}.badge-verde{background:var(--green-bg);color:var(--green)}.badge-alta{background:var(--red-bg);color:var(--red)}.badge-media{background:var(--orange-bg);color:var(--orange)}.strata-badge{border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600}.strata-SIM{color:#991b1b;background:#fee2e2}.strata-JR{color:#854d0e;background:#fef9c3}.strata-SUP{color:#166534;background:#dcfce7}.strata-TOP{color:#1e40af;background:#dbeafe}.strata-MASTER{color:#6b21a8;background:#f3e8ff}[data-theme=dark] .strata-SIM{color:#fca5a5;background:#ef444433}[data-theme=dark] .strata-JR{color:#fde047;background:#eab30833}[data-theme=dark] .strata-SUP{color:#86efac;background:#22c55e33}[data-theme=dark] .strata-TOP{color:#93c5fd;background:#3b82f633}[data-theme=dark] .strata-MASTER{color:#d8b4fe;background:#a855f733}.crit-bar{background:var(--surface2);vertical-align:middle;border-radius:3px;width:60px;height:6px;margin-left:6px;display:inline-block;overflow:hidden}.crit-fill{border-radius:3px;height:100%}.comp-bar{background:var(--surface2);vertical-align:middle;border-radius:3px;width:50px;height:6px;margin-left:6px;display:inline-block;overflow:hidden}.comp-fill{border-radius:3px;height:100%}.detail-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.detail-grid-row2{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px;display:grid}.detail-card{background:var(--surface);border:1px solid var(--surface2);border-radius:10px;padding:16px}.detail-card h4{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px}.detail-row{border-bottom:1px solid #3341554d;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .dl{color:var(--text2)}.detail-row .dv{font-weight:600}.mode-bar{border-radius:6px;height:20px;margin-top:8px;font-size:10px;display:flex;overflow:hidden}.mode-bar div{color:#fff;justify-content:center;align-items:center;min-width:20px;font-weight:600;display:flex}.mode-auto{background:var(--green)}.mode-manual{background:var(--blue)}.mode-bc{background:var(--orange)}.mode-be{background:var(--red)}.mode-bp{background:var(--purple)}.sz-list{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.sz-chip{background:var(--surface2);color:var(--text2);border-radius:6px;padding:2px 8px;font-size:11px}.sz-chip-link{cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.sz-chip-link:hover{background:var(--blue);color:#fff}.legend{color:var(--text3);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.legend .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.meta-gauge{align-items:center;gap:12px;margin-top:10px;display:flex}.meta-gauge-bar{background:var(--surface2);border-radius:5px;flex:1;height:10px;overflow:hidden}.meta-gauge-fill{border-radius:5px;height:100%;transition:width .3s}.meta-gauge-label{text-align:right;min-width:50px;font-size:18px;font-weight:700}.ratio-pills{gap:8px;margin-top:8px;display:flex}.ratio-pill{border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600}.ratio-pill-green{background:var(--green-bg);color:var(--green)}.ratio-pill-red{background:var(--red-bg);color:var(--red)}.origin-bar{border-radius:6px;height:20px;margin-top:8px;font-size:10px;display:flex;overflow:hidden}.origin-bar div{color:#fff;justify-content:center;align-items:center;min-width:20px;font-weight:600;display:flex}.diagnostic-bar{background:var(--surface2);border-radius:8px;margin-bottom:16px;padding:12px 16px}.diagnostic-bar .badges{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.badge-diag{white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.diag-red{background:var(--red-bg);color:var(--red)}.diag-orange{background:var(--orange-bg);color:var(--orange)}.diag-yellow{background:var(--yellow-bg);color:var(--yellow)}.diag-green{background:var(--green-bg);color:var(--green)}.diag-blue{color:var(--blue);background:#3b82f626}.diagnostic-bar .rec{color:var(--text2);font-size:12px;font-style:italic}.btn-outlier{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.btn-outlier:hover{opacity:.85}.competitors-section{background:var(--surface);border:1px solid var(--surface2);border-radius:10px;margin-top:16px;overflow:hidden}.competitors-header{cursor:pointer;border-bottom:1px solid var(--surface2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.competitors-header h4{color:var(--text2);font-size:13px}.competitors-header .toggle-icon{color:var(--text3);font-size:14px;transition:transform .2s}.competitors-header .toggle-icon.open{transform:rotate(180deg)}.competitors-body table{font-size:12px}.competitors-body th{padding:8px 10px;font-size:10px}.competitors-body td{padding:6px 10px;font-size:12px}.comp-mode-auto{color:var(--green);font-weight:600}.comp-mode-manual{color:var(--blue);font-weight:600}.comp-mode-bc{color:var(--orange);font-weight:600}.comp-mode-be{color:var(--red);font-weight:600}.comp-mode-bp{color:var(--purple);font-weight:600}.comp-backup-sub{color:var(--text3);font-size:10px;display:block}.comp-row-outlier{border-left:3px solid var(--red);background:#ef444414}.comp-row-outlier td:first-child{padding-left:7px}.comp-row-hidden{display:none}.actions-section{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;margin-top:20px;overflow:hidden}.actions-header{border-bottom:1px solid var(--surface2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.actions-header h3{font-size:15px}.action-item{border:1px solid var(--surface2);border-radius:8px;margin-bottom:8px;padding:12px 16px}.action-item:hover{border-color:var(--text3)}.action-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.action-num{background:var(--surface2);color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.action-list{padding-left:34px}.tag{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.tag-exotic{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.tag-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.tag-warn{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.tag-info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.score-axes{gap:3px;margin-top:6px;display:flex}.score-axis{background:var(--surface2);border-radius:2px;flex:1;height:4px;overflow:hidden}.score-axis-fill{border-radius:2px;height:100%}.action-line{color:var(--text2);padding:2px 0;font-size:13px}.action-group-card{border:1px solid var(--surface2);border-radius:8px;overflow:hidden}.action-group-card:hover{border-color:var(--text3)}.action-group-header{-webkit-user-select:none;user-select:none;align-items:flex-start;gap:16px;padding:16px;display:flex}.action-group-header:hover{background:var(--surface1)}.action-group-body{border-top:1px solid var(--surface2);overflow-x:auto}.action-group-table{border-collapse:collapse;width:100%;font-size:13px}.action-group-table th{background:var(--surface1);text-align:left;text-transform:uppercase;color:var(--text3);padding:8px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.action-group-table td{border-top:1px solid var(--surface1);white-space:nowrap;padding:6px 10px}.action-group-table tr:hover td{background:var(--surface1)}.crit-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.crit-red{color:var(--red);background:#ef444426}.crit-yellow{color:var(--orange);background:#f59e0b26}.crit-orange{color:var(--yellow);background:#eab30826}.crit-green{color:var(--green);background:#10b98126}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.kpi-card{background:var(--surface1);border:1px solid var(--surface2);border-radius:8px;padding:12px 16px}.kpi-card:hover{border-color:var(--text3)}.pagination{border-top:1px solid var(--surface2);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.pagination .page-info{color:var(--text3);font-size:13px}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-spinner{border:3px solid var(--surface2);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text3);font-size:14px}.footer{text-align:center;color:var(--text3);margin-top:24px;padding:16px;font-size:12px}@media (width<=1000px){.stats{grid-template-columns:repeat(3,1fr)}.detail-grid,.detail-grid-row2{grid-template-columns:1fr}.filters{flex-direction:column}.css-bar-label{width:120px;min-width:120px;font-size:10px}}.fav-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:16px;line-height:1;transition:color .15s,transform .15s}.fav-btn:hover{color:var(--yellow);transform:scale(1.2)}.fav-btn.fav-active{color:var(--yellow)}.fav-btn-lg{padding:4px 6px;font-size:24px}.btn-fav-active{border-color:var(--yellow)!important;color:var(--yellow)!important;background:#facc1526!important}.note-dot{color:var(--blue);vertical-align:middle;margin-left:2px;font-size:8px}.notes-section{margin-bottom:16px}.btn-add-note{border:1px dashed var(--surface2);color:var(--text3);cursor:pointer;text-align:left;background:0 0;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;transition:border-color .15s,color .15s}.btn-add-note:hover{border-color:var(--blue);color:var(--blue)}.note-editor{flex-direction:column;gap:8px;display:flex}.note-textarea{background:var(--surface);border:1px solid var(--surface2);width:100%;color:var(--text1);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;min-height:60px;padding:12px;font-family:inherit;font-size:13px;transition:border-color .15s}.note-textarea:focus{border-color:var(--blue)}.note-actions{gap:8px;display:flex}.btn-sm{padding:6px 14px;font-size:12px}.btn-save{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:6px;font-weight:600}.btn-save:hover{opacity:.9}.note-display{background:var(--surface);border:1px solid var(--surface2);cursor:pointer;border-radius:8px;padding:12px 16px;transition:border-color .15s;position:relative}.note-display:hover{border-color:var(--blue)}.note-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:4px;font-size:11px}.note-content{color:var(--text1);white-space:pre-wrap;font-size:13px;line-height:1.5}.note-edit-hint{color:var(--text3);opacity:0;font-size:10px;transition:opacity .15s;position:absolute;top:10px;right:12px}.note-display:hover .note-edit-hint{opacity:1}.compare-selectors{align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.compare-selector{flex:1}.compare-selector select{background:var(--surface);border:1px solid var(--surface2);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.compare-selector select:focus{border-color:var(--blue)}.compare-container{background:var(--surface);border:1px solid var(--surface2);border-radius:12px;overflow:hidden}.compare-row{border-bottom:1px solid var(--surface2);grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid}.compare-row:last-child{border-bottom:none}.compare-row-header{background:var(--surface2);border-bottom:2px solid var(--text3);padding:4px 0}.compare-cell{text-align:center;padding:10px 16px;font-size:13px}.compare-cell.compare-label{min-width:180px;max-width:220px;color:var(--text2);border-left:1px solid var(--surface2);border-right:1px solid var(--surface2);flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.compare-cell.compare-val{font-family:JetBrains Mono,Fira Code,monospace;font-size:14px}.compare-delta{font-family:JetBrains Mono,Fira Code,monospace;font-size:10px}.compare-section-title{background:var(--surface2);color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--surface2);padding:8px 16px;font-size:12px;font-weight:700}.compare-header-info{text-align:center;padding:4px 0}.compare-header-placeholder{text-align:center;color:var(--text3);padding:16px;font-size:13px}@media (width<=768px){.compare-selectors{flex-direction:column;align-items:stretch}.compare-cell.compare-label{min-width:120px;max-width:140px;font-size:10px}.compare-cell.compare-val{font-size:12px}.compare-cell{padding:8px}}