:root{--cereja:#e50145;--laranja:#f15a22;--amarelo:#efd600;--verde:#0c893e;--roxo:#6b4e9e;--fundo:#fff8f2;--cartao:#fff;--texto:#2b2b2b;--suave:#7a7a7a;--borda:#f0e4d8;--dos:#ef9f27;--est:#378add;--sel:#e24b4a;--ink:#1d9e75}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fundo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--cartao);border-radius:16px;border:1px solid var(--borda);padding:48px 40px;text-align:center;max-width:360px;width:100%}.login-card .logo{font-size:40px;margin-bottom:16px}.login-card h1{font-size:22px;font-weight:600;margin-bottom:8px}.login-card .subtitle{font-size:14px;color:var(--suave);margin-bottom:32px}.btn-google{background:var(--cereja);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:opacity .15s}.btn-google:hover{opacity:.88}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.header h1{font-size:20px;font-weight:600}.header-sub{margin-top:4px}.header-sub,.user-info{font-size:13px;color:var(--suave)}.user-info{display:flex;align-items:center;gap:10px}.btn-sair{background:none;border:1px solid var(--borda);border-radius:999px;padding:5px 14px;font-size:12px;cursor:pointer;color:var(--suave)}.btn-sair:hover{border-color:var(--cereja);color:var(--cereja)}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:24px}.metric-card{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:14px 12px}.metric-label{display:block;font-size:11px;color:var(--suave);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.metric-value{display:block;font-size:22px;font-weight:600}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tab-btn{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--borda);background:var(--cartao);color:var(--suave);cursor:pointer;transition:all .15s}.tab-btn:hover{border-color:var(--laranja);color:var(--texto)}.tab-btn.active{background:var(--laranja);color:#fff;border-color:var(--laranja)}.chart-wrap{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:16px 16px 8px}.range-label{font-size:11px;color:var(--suave);margin-bottom:10px}.chart-container{position:relative;width:100%;height:300px}.legend{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--suave)}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--suave)}.loading-inner{padding:48px;text-align:center;color:var(--suave);font-size:14px}.empty-state{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:48px 24px;text-align:center}.empty-state p{color:var(--suave);font-size:14px;max-width:420px;margin:0 auto;line-height:1.6}.sync-row{display:flex;align-items:center;justify-content:flex-end;margin-top:14px}.sync-note{font-size:11px;color:var(--suave)}@media (max-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid .metric-card:first-child{grid-column:span 2}}