:root{--sebrae-blue:#005eb8;--sebrae-blue-deep:#003d79;--sebrae-blue-soft:#e7f3ff;--sebrae-blue-line:#b9dcff;--ffmedia-blue:#1f1b62;--ffmedia-cyan:#29abe2;--text-primary:#0b1726;--text-secondary:#4b5b6b;--surface:#fff;--surface-muted:#f4f8fc;--line:#d5e2ef;--success:#008c95;--danger-bg:#fff1f1;--danger-text:#8a1f1f;--warning-bg:#fff8df;--warning-text:#514307;--shadow:0 18px 48px #003e791f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--surface-muted);color:var(--text-primary);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.button,.eyebrow,.section-label,.metric-heading,.panel-kpi,.partnership-label,.traffic-table th{font-weight:700}h1{color:var(--surface);font-size:clamp(31px,4vw,54px);line-height:1}h2{color:var(--sebrae-blue-deep);font-size:20px;line-height:1.15}.shell{min-height:100vh;padding:24px}.topbar{gap:14px;max-width:1240px;margin:0 auto 18px;display:grid}.signature-strip,.login-signatures{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:18px;min-height:90px;padding:18px 22px;display:flex}.sebrae-logo{object-fit:contain;flex:none;width:132px;height:52px}.ffmedia-logo{object-fit:contain;flex:none;width:132px;height:42px}.signature-divider{background:var(--line);flex:none;width:1px;height:46px}.partnership-label{background:var(--sebrae-blue-soft);border:1px solid var(--sebrae-blue-line);color:var(--sebrae-blue-deep);white-space:nowrap;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:13px}.hero-panel{background:var(--sebrae-blue);border-radius:8px;justify-content:space-between;align-items:end;gap:24px;min-height:172px;padding:30px;display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";border:3px solid #ffffff3d;width:190px;height:130px;position:absolute;top:-28px;right:-34px;transform:skew(-11deg)}.brand-lockup{z-index:1;gap:8px;min-width:0;display:grid;position:relative}.hero-panel p,.muted{color:#ffffffe0}.eyebrow,.section-label{color:var(--sebrae-blue);letter-spacing:0;text-transform:uppercase;font-size:12px}.hero-panel .eyebrow{color:var(--surface)}.dashboard{gap:18px;max-width:1240px;margin:0 auto;display:grid}.toolbar,.metric-card,.chart-panel,.table-panel,.login-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.toolbar{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);align-items:center;gap:18px;padding:18px;display:grid}.toolbar-copy{gap:6px;display:grid}.toolbar-copy p,.metric-card p,.panel-heading p{color:var(--text-secondary);font-size:14px;line-height:1.45}.toolbar-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.quick-ranges{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.quick-ranges button{background:var(--sebrae-blue-soft);border:1px solid var(--sebrae-blue-line);color:var(--sebrae-blue-deep);cursor:pointer;border-radius:999px;min-height:34px;padding:0 12px;font-weight:700}.quick-ranges button:hover{background:#d8ecff}.quick-ranges button:disabled{cursor:wait;opacity:.7}.field{gap:8px;display:grid}.field label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:700}.field input{background:var(--surface);border:1px solid var(--line);color:var(--text-primary);border-radius:6px;width:100%;min-height:42px;padding:0 12px}.field input:focus{border-color:var(--sebrae-blue);outline:3px solid #005eb82e}.button{background:var(--sebrae-blue);color:var(--surface);cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.button:hover{background:var(--sebrae-blue-deep)}.button:disabled{cursor:wait;opacity:.72}.button.secondary{background:var(--surface);border:1px solid var(--surface);color:var(--sebrae-blue);z-index:1;position:relative}.button.secondary:hover{background:var(--sebrae-blue-soft);border-color:var(--sebrae-blue-soft);color:var(--sebrae-blue-deep)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card{gap:12px;min-height:158px;padding:20px;display:grid;position:relative}.metric-card:before{background:var(--sebrae-blue);content:"";border-radius:8px 8px 0 0;height:6px;position:absolute;inset:-1px -1px auto}.metric-card:nth-child(2):before{background:var(--success)}.metric-card:nth-child(3):before{background:var(--ffmedia-blue)}.metric-heading{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:9px;font-size:12px;display:flex}.metric-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.metric-dot.teal{background:var(--success)}.metric-dot.blue{background:var(--sebrae-blue)}.metric-dot.navy{background:var(--ffmedia-blue)}.metric-card strong{color:var(--sebrae-blue-deep);font-size:clamp(36px,5vw,54px);line-height:.95}.metric-card .metric-word{overflow-wrap:anywhere;font-size:clamp(28px,3.2vw,40px);line-height:1.05}.content-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;display:grid}.chart-panel,.table-panel{padding:20px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px;display:flex}.panel-kpi{background:var(--sebrae-blue-soft);color:var(--sebrae-blue-deep);border-radius:999px;flex:none;padding:7px 11px;font-size:12px}.bar-list{gap:16px;display:grid}.text-button{color:var(--sebrae-blue);cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:18px;padding:0;font-weight:700}.text-button:hover{color:var(--sebrae-blue-deep);text-decoration:underline}.bar-row{gap:9px;display:grid}.bar-meta{color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;display:flex}.bar-meta span{align-items:center;gap:10px;min-width:0;display:flex}.bar-meta b{color:var(--sebrae-blue);font-size:12px}.bar-track{background:var(--sebrae-blue-soft);border-radius:999px;height:11px;overflow:hidden}.bar-fill{background:var(--sebrae-blue);border-radius:inherit;min-width:2px;height:100%}.traffic-table{border-collapse:collapse;width:100%}.traffic-table th,.traffic-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 8px}.traffic-table th{color:var(--sebrae-blue-deep);text-transform:uppercase;font-size:11px}.traffic-table td{color:var(--text-secondary);font-size:14px}.traffic-table td:first-child{color:var(--text-primary);font-weight:700}.traffic-table .numeric{text-align:right}.line-chart{gap:12px;display:grid}.line-chart svg{border:1px solid var(--line);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:8px;width:100%;height:auto;min-height:260px;overflow:hidden}.line-chart-axis{stroke:#152c542e;stroke-width:1px}.line-chart-axis-label,.line-chart-date-label{fill:var(--text-secondary);font-size:12px}.line-chart-axis-label{text-anchor:start}.line-chart-date-label{text-anchor:middle;font-weight:700}.line-chart-grid{stroke:#152c5414;stroke-width:1px}.line-chart-line{fill:none;stroke:url(#downloads-line-gradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.line-chart-area{fill:url(#downloads-area-gradient)}.line-chart-node{cursor:pointer;outline:none}.line-chart-hit{fill:#0000}.line-chart-point{fill:#fff;opacity:.9;stroke:var(--sebrae-blue);stroke-width:3px;transition:fill .16s,opacity .16s,r .16s,stroke .16s}.line-chart-node:hover .line-chart-point,.line-chart-node:focus .line-chart-point{fill:var(--sebrae-blue);opacity:1;r:7;stroke:#fff}.line-chart-tooltip{opacity:0;pointer-events:none;transition:opacity .14s}.line-chart-tooltip rect{fill:var(--ffmedia-blue);filter:drop-shadow(0 10px 18px #152c5433)}.line-chart-tooltip-value{fill:#fff;font-size:15px;font-weight:800}.line-chart-tooltip-date{fill:#ffffffbd;font-size:11px;font-weight:700}.line-chart-node:hover .line-chart-tooltip,.line-chart-node:focus .line-chart-tooltip{opacity:1}.line-chart-labels{color:var(--text-secondary);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:12px;display:grid}.line-chart-labels strong{color:var(--sebrae-blue-deep)}.line-chart-labels span:last-child{text-align:right}.daily-table{border-collapse:collapse;width:100%}.daily-table th,.daily-table td{border-bottom:1px solid var(--line);color:var(--text-secondary);text-align:left;padding:9px 6px;font-size:13px}.daily-table th{color:var(--sebrae-blue-deep);text-transform:uppercase;font-size:11px;font-weight:700}.daily-table th:last-child,.daily-table td:last-child{text-align:right}.daily-date{color:var(--text-primary);align-items:baseline;gap:8px;display:flex}.daily-date span{color:var(--text-secondary);font-size:12px}.single-day-download{background:var(--sebrae-blue-soft);border:1px solid var(--sebrae-blue-line);text-align:center;border-radius:8px;align-content:center;gap:10px;min-height:300px;padding:24px;display:grid}.single-day-download strong{color:var(--sebrae-blue-deep);font-size:clamp(64px,10vw,118px);line-height:.9}.single-day-download span{color:var(--text-secondary);font-weight:700}.device-list{gap:16px;display:grid}.single-column{grid-template-columns:1fr}.notice{background:var(--warning-bg);color:var(--warning-text);border:1px solid #f0d989;border-radius:8px;padding:14px 16px}.empty-state{background:var(--sebrae-blue-soft);color:var(--sebrae-blue-deep);border-radius:8px;align-items:center;min-height:180px;padding:20px;display:flex}.login-page{background:var(--sebrae-blue-soft);align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{gap:22px;width:100%;max-width:480px;margin:0 auto;padding:28px;display:grid}.login-signatures{box-shadow:none;min-height:80px;padding:14px 0 18px}.login-panel h1{color:var(--sebrae-blue-deep);font-size:34px}.login-panel .muted{color:var(--text-secondary)}.login-form{gap:14px;display:grid}.message{border-radius:8px;padding:12px 14px;line-height:1.45}.message.success{background:var(--sebrae-blue-soft);color:var(--sebrae-blue-deep)}.message.error{background:var(--danger-bg);color:var(--danger-text)}.debug-link{overflow-wrap:anywhere}@media (max-width:900px){.toolbar,.content-grid{grid-template-columns:1fr}.quick-ranges{grid-column:auto}.toolbar-fields,.metrics-grid{grid-template-columns:1fr}.hero-panel{align-items:start;min-height:0;display:grid}}@media (max-width:640px){.shell{padding:14px}.signature-strip,.login-signatures{align-items:flex-start;gap:12px;display:grid}.signature-divider{width:100%;height:1px}.partnership-label{white-space:normal;margin-left:0}.hero-panel{padding:22px}.button.secondary{width:100%}.panel-heading{display:grid}.traffic-table{min-width:560px}.table-panel{overflow-x:auto}}