:root{--bg:#f8f9fa;--surface:#fff;--ink:#1a1a1a;--ink-muted:#6b7280;--border:#e5e7eb;--grid:#e5e7eb;--accent:#1971c2;--danger:#e03131}@media (prefers-color-scheme:dark){:root{--bg:#15171a;--surface:#1e2126;--ink:#f3f4f6;--ink-muted:#9ca3af;--border:#2d3138;--grid:#2d3138}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px;display:flex}.login-card h1{margin:0;font-size:18px}.login-card p{color:var(--ink-muted);margin:0;font-size:14px}.login-card input{border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px}.login-card button,.sync-bar button,.logout{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px}.login-card button:disabled,.sync-bar button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);margin:0;font-size:13px}.app{max-width:1280px;margin:0 auto;padding:16px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.app-header h1{margin:0;font-size:20px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.view-header h2{margin:0}.conjunto-select{border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;max-width:320px;padding:8px 12px;font-size:13px}.trend-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.trend-row h3{color:var(--ink-muted);margin:0 0 4px;font-size:13px;font-weight:500}.table-scroll{overflow-x:auto}.metrics-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.metrics-table th,.metrics-table td{text-align:right;border-bottom:1px solid var(--border);padding:6px 10px}.metrics-table th:first-child,.metrics-table td:first-child{text-align:left}.metrics-table thead th{color:var(--ink-muted);background:var(--surface);font-weight:500;position:sticky;top:0}.metrics-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.sync-bar{align-items:center;gap:12px;display:flex}.sync-meta{color:var(--ink-muted);font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.stat-label{color:var(--ink-muted);font-size:13px}.stat-value{font-size:24px;font-weight:600}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.chart-card h2{margin:0 0 12px;font-size:15px}.empty{color:var(--ink-muted);font-size:14px}.app footer{justify-content:flex-end;display:flex}