@font-face{font-family:Space Grotesk;src:url('assets/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf')}@font-face{font-family:Sora;src:url('assets/fonts/Sora/Sora-VariableFont_wght.ttf')}
:root{--green:#22C55E;--dark:#0F0F11;--red:#FF2222;--white:#FFFFFF;--line:rgba(255,255,255,.09);--muted:rgba(255,255,255,.48);--soft:rgba(255,255,255,.68);--panel:rgba(255,255,255,.025)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--white);font-family:Sora,Arial,sans-serif;font-size:13px}button,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:266px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#101012;z-index:10}.brand{height:94px;display:flex;align-items:center;padding:0 24px;gap:4px}.brand-mark{width:43px;height:47px;overflow:hidden;position:relative;flex:none}.brand-mark img{width:79px;height:56px;object-fit:cover;position:absolute;left:-18px;top:-5px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:.16em;line-height:1}.brand-copy span{font-size:8px;letter-spacing:.44em;color:var(--muted);margin-top:4px}.workspace-picker{margin:0 15px 33px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:11px 10px;gap:10px;background:rgba(255,255,255,.025)}.workspace-avatar,.profile-avatar,.topbar-avatar{display:grid;place-items:center;background:var(--red);color:var(--white);font-family:Space Grotesk,sans-serif;font-weight:700}.workspace-avatar{width:32px;height:32px;border-radius:7px;font-size:16px}.workspace-text{display:flex;flex-direction:column;gap:3px;flex:1}.workspace-text small{font-size:8px;letter-spacing:.15em;color:var(--muted)}.workspace-text strong{font-size:11px;font-weight:600}.chevron{width:14px;height:14px;color:var(--muted)}.nav{padding:0 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.nav-label{font-family:Space Grotesk,sans-serif;font-weight:700;color:rgba(255,255,255,.3);font-size:10px;letter-spacing:.19em;padding:0 15px;margin-bottom:10px}.nav-label-spaced{margin-top:27px}.nav-item{width:100%;min-height:39px;border:0;background:none;color:var(--soft);display:flex;align-items:center;text-align:left;gap:12px;padding:9px 13px;border-radius:7px;margin:2px 0;font-size:11px;line-height:1.35;transition:background .2s,color .2s}.nav-item svg{height:17px;width:17px;flex:none}.nav-item:hover{background:rgba(255,255,255,.06);color:var(--white)}.nav-item.active{background:rgba(255,34,34,.12);color:var(--white);position:relative}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;background:var(--red)}.nav-item.active svg{color:var(--red)}.sub-item{padding-left:23px;min-height:31px;font-size:10px;color:var(--muted)}.sub-dot{width:4px;height:4px;border-radius:50%;background:currentColor;margin-left:5px;margin-right:9px;flex:none}.nav-badge{margin-left:auto;color:var(--red);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:9px;border:1px solid rgba(255,34,34,.35);padding:2px 4px;border-radius:3px}.sidebar-bottom{margin-top:auto;padding:18px 15px 15px}.sidebar-insight{padding:16px;border:1px solid rgba(255,34,34,.19);border-radius:10px;background:linear-gradient(140deg,rgba(255,34,34,.13),rgba(255,34,34,.025));margin-bottom:18px}.sidebar-insight-icon{color:var(--red);display:block;margin-bottom:9px}.sidebar-insight-icon svg{width:18px;height:18px}.sidebar-insight strong{font-family:Space Grotesk,sans-serif;font-size:12px}.sidebar-insight p{color:var(--muted);font-size:9px;line-height:1.55;margin:5px 0 0}.profile{border-top:1px solid var(--line);padding:16px 6px 0;display:flex;align-items:center;gap:10px}.profile-avatar{width:29px;height:29px;border-radius:50%;font-size:10px;background:rgba(255,255,255,.12)}.profile>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.profile strong{font-size:10px}.profile small{font-size:9px;color:var(--muted)}.profile-more{font-size:17px;color:var(--muted)}.main{min-width:0;flex:1}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumb{font-size:10px;color:var(--muted)}.breadcrumb span{padding:0 10px;color:rgba(255,255,255,.25)}.breadcrumb strong{font-weight:500;color:var(--white)}.topbar-right,.topbar-left{display:flex;align-items:center;gap:22px}.demo-status{font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;box-shadow:0 0 11px var(--red)}.topbar-divider{height:22px;width:1px;background:var(--line)}.topbar-avatar{width:27px;height:27px;border-radius:50%;font-size:9px;background:rgba(255,255,255,.14)}.content{max-width:1600px;margin:auto;padding:38px 43px 20px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow,.section-overline,.hero-kicker,.dialog-eyebrow{font-family:Space Grotesk,sans-serif;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:18px;height:1px;background:var(--red)}h1,h2,p{margin-top:0}.page-intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;line-height:1.05;margin:13px 0 7px;font-weight:700}.title-period{color:var(--red)}.page-intro p{font-size:11px;color:var(--muted);margin:0}.intro-actions{display:flex;gap:9px}.select-control{height:37px;border:1px solid var(--line);border-radius:6px;padding:0 12px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.025);white-space:nowrap}.select-control select{appearance:none;outline:0;border:0;color:var(--white);background:transparent;min-width:0;font-size:10px;cursor:pointer}.select-control select option{background:var(--dark)}.select-control svg{width:13px;height:13px;color:var(--muted)}.select-control .leading-icon{width:15px;height:15px;color:var(--soft)}.instagram-glyph{font-size:18px;line-height:1;color:var(--red)}.hero{min-height:222px;border:1px solid rgba(255,34,34,.18);border-radius:11px;background:radial-gradient(circle at 78% 50%,rgba(255,34,34,.1),transparent 27%),linear-gradient(110deg,rgba(255,34,34,.08),rgba(255,255,255,.01) 60%);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;padding:29px 41px;margin-bottom:39px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.015));pointer-events:none}.hero-copy{z-index:1}.hero-kicker{font-size:9px;display:flex;align-items:center;gap:9px}.hero h2{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.55vw,34px);line-height:1.1;letter-spacing:-.035em;margin:20px 0 11px}.hero h2 em{font-style:normal;color:var(--red)}.hero p{font-size:11px;color:var(--muted);margin-bottom:19px}.hero-link,.text-action{border:0;background:none;color:var(--white);display:inline-flex;align-items:center;gap:9px;padding:0;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px}.hero-link svg,.text-action svg,.agent-action svg{width:15px;height:15px;transition:transform .2s}.hero-link:hover svg,.text-action:hover svg,.agent-action:hover svg{transform:translateX(4px)}.hero-graphic{height:278px;width:340px;position:absolute;right:35px;top:-28px;opacity:.9}.radar-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,34,34,.12);border-radius:50%}.ring-one{width:125px;height:125px}.ring-two{width:210px;height:210px}.ring-three{width:294px;height:294px}.radar-cross{position:absolute;background:rgba(255,34,34,.11)}.cross-h{height:1px;width:100%;top:50%}.cross-v{width:1px;height:100%;left:50%}.radar-eye{position:absolute;left:50%;top:50%;width:132px;height:105px;transform:translate(-50%,-50%);overflow:hidden;filter:drop-shadow(0 0 32px rgba(255,34,34,.2))}.radar-eye img{width:100%;height:100%;object-fit:contain}.radar-point{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 9px var(--red)}.point-one{left:16%;top:29%}.point-two{right:13%;top:73%}.point-three{left:41%;bottom:4%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-overline{font-size:9px}.section-heading h2,.panel h2{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.025em;margin:6px 0 0}.section-note{color:var(--muted);font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{min-height:151px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:18px 17px;position:relative;overflow:hidden}.metric-card:hover{border-color:rgba(255,34,34,.27)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--soft);font-size:10px}.metric-icon{height:27px;width:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.metric-icon svg{width:14px;height:14px}.metric-card>strong{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(23px,2.3vw,31px);letter-spacing:-.055em;margin:14px 0 8px;line-height:1}.metric-bottom{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);position:relative;z-index:1}.change{font-family:Space Grotesk,sans-serif;font-weight:700}.positive{color:var(--red)}.metric-spark{position:absolute;right:0;bottom:0;width:45%;height:44px;opacity:.7}.metric-spark svg{width:100%;height:100%;stroke:var(--red);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.viralization-card{background:linear-gradient(120deg,rgba(255,34,34,.065),rgba(255,255,255,.015))}.viralization-icon{color:var(--red)}.viralization-decoration{position:absolute;width:96px;height:96px;border:1px solid rgba(255,34,34,.1);border-radius:50%;right:-25px;bottom:-48px;box-shadow:0 0 0 22px rgba(255,34,34,.025)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(310px,.9fr);gap:16px;margin-bottom:16px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px}.trend-panel{padding:22px 22px 16px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading p{font-size:10px;color:var(--muted);margin:6px 0 0}.chart-switch{display:flex;gap:3px;background:rgba(255,255,255,.045);padding:3px;border-radius:5px;white-space:nowrap}.chart-switch button{color:var(--muted);border:0;background:none;border-radius:4px;font-size:9px;padding:7px 9px}.chart-switch button.selected{background:rgba(255,255,255,.1);color:var(--white)}.chart-wrap{display:flex;height:202px;margin-top:29px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:9px;width:49px;flex:none;padding:0 8px 3px 0;text-align:right}.main-chart{width:100%;height:100%;overflow:visible}.main-chart .grid-line{stroke:rgba(255,255,255,.075);stroke-width:1;stroke-dasharray:4 5}.chart-x{display:flex;justify-content:space-between;margin:9px 0 0 49px;font-family:Space Grotesk,sans-serif;font-size:9px;color:var(--muted)}.chart-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:var(--muted);font-size:9px}.chart-footer>span:first-child{display:flex;align-items:center;gap:7px;color:var(--soft)}.legend-dot{display:block;width:6px;height:6px;background:var(--red);border-radius:50%}.agent-panel{padding:22px;background:linear-gradient(145deg,rgba(255,34,34,.1),rgba(255,34,34,.025) 46%,rgba(255,255,255,.015));border-color:rgba(255,34,34,.21);display:flex;flex-direction:column}.agent-top{display:flex;align-items:center;gap:9px}.agent-symbol{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--red);color:var(--white)}.agent-symbol svg{width:16px;height:16px}.agent-label{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em}.agent-live{display:inline-block;color:var(--red);font-size:8px;margin-left:6px;letter-spacing:.05em}.agent-panel h2{font-size:clamp(22px,2vw,28px);line-height:1.05;margin:19px 0 10px}.agent-panel h2 span{color:var(--red)}.agent-summary{font-size:10px;line-height:1.7;color:var(--soft);margin-bottom:17px}.agent-divider{height:1px;background:rgba(255,255,255,.11);margin-top:auto}.agent-insight{display:flex;gap:12px;padding:16px 0 18px}.insight-number{font-family:Space Grotesk,sans-serif;font-size:10px;color:var(--red)}.agent-insight strong{font-family:Space Grotesk,sans-serif;font-size:11px}.agent-insight p{font-size:9px;line-height:1.6;color:var(--muted);margin:5px 0 0}.agent-action{border:1px solid rgba(255,34,34,.65);color:var(--white);background:var(--red);min-height:36px;width:100%;border-radius:5px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.agent-action:hover{background:rgba(255,34,34,.84)}.agent-disclaimer{color:var(--muted);font-size:8px;text-align:center;margin-top:9px}.content-panel{padding:22px 22px 8px}.content-heading{align-items:center;margin-bottom:18px}.text-action{color:var(--red);font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:630px;text-align:left}th{color:rgba(255,255,255,.36);font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.13em;font-weight:700;padding:0 10px 12px}th:first-child,td:first-child{padding-left:0}td{border-top:1px solid var(--line);padding:11px 10px;font-size:10px;color:var(--soft)}td strong{color:var(--white);font-weight:600}.content-cell{display:flex;align-items:center;gap:10px}.content-thumb{height:38px;width:38px;flex:none;border-radius:5px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,34,34,.5),rgba(255,34,34,.05));border:1px solid rgba(255,34,34,.2)}.content-thumb svg{width:14px;height:14px;color:var(--white)}.content-cell span:last-child{display:flex;flex-direction:column;gap:4px}.content-cell small{color:var(--muted);font-size:9px}.type-pill{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.performance{display:flex;align-items:center;gap:8px}.performance-bar{width:67px;height:4px;border-radius:3px;background:rgba(255,255,255,.11);overflow:hidden}.performance-bar i{display:block;height:100%;background:var(--red);border-radius:3px}.performance small{font-family:Space Grotesk,sans-serif;color:var(--muted)}.footer{display:flex;justify-content:space-between;color:rgba(255,255,255,.27);font-family:Space Grotesk,sans-serif;font-size:8px;letter-spacing:.11em;padding:25px 2px 0}.icon-button{border:0;background:transparent;color:var(--white);display:grid;place-items:center;padding:5px}.menu-button,.mobile-close{display:none}.sidebar-scrim{display:none}.toast{position:fixed;bottom:20px;right:20px;max-width:320px;background:#252527;color:var(--white);border:1px solid var(--line);border-left:2px solid var(--red);padding:13px 17px;border-radius:6px;font-size:11px;line-height:1.5;box-shadow:0 12px 30px rgba(0,0,0,.3);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translateY(0)}.preview-dialog{border:1px solid rgba(255,34,34,.3);background:#19191b;color:var(--white);border-radius:11px;padding:28px;width:min(430px,calc(100vw - 36px));box-shadow:0 20px 80px rgba(0,0,0,.6)}.preview-dialog::backdrop{background:rgba(0,0,0,.7)}.preview-dialog form{position:relative}.dialog-close{position:absolute;right:-9px;top:-10px}.preview-dialog h2{font-family:Space Grotesk,sans-serif;font-size:27px;margin:10px 0 22px}.message-bubble{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:10px 10px 10px 2px;padding:18px}.message-bubble strong{font-size:11px}.message-bubble p{font-size:11px;line-height:1.7;color:var(--soft);white-space:pre-line;margin:12px 0}.message-bubble small{font-size:9px;color:var(--muted)}.dialog-done{width:100%;margin-top:20px;border:0;border-radius:5px;background:var(--red);color:var(--white);padding:11px;font-weight:700;font-size:11px}
@media(max-width:1250px){.sidebar{width:235px}.content{padding:32px 26px 18px}.topbar{padding:0 26px}.nav-item{font-size:10px}.metric-card{padding:15px 12px}.metric-card>strong{font-size:24px}.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr)}}
@media(max-width:1030px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.agent-panel{min-height:310px}.hero-graphic{right:-35px}.hero-copy{max-width:58%}}
@media(max-width:730px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s;width:270px}.sidebar.open{transform:translateX(0)}.sidebar-scrim.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:9}.menu-button,.mobile-close{display:grid}.mobile-close{margin-left:auto}.topbar{height:58px;padding:0 18px}.content{padding:25px 17px}.topbar-right{gap:11px}.demo-status{font-size:8px}.topbar-divider{display:none}.page-intro{align-items:flex-start;flex-direction:column}.intro-actions{width:100%}.select-control{flex:1;justify-content:space-between}.hero{min-height:235px;padding:23px}.hero-graphic{right:-120px;opacity:.32}.hero-copy{max-width:100%}.hero h2{font-size:26px}.metrics{gap:9px}.metric-card{min-height:136px}.metric-card>strong{font-size:23px}.metric-bottom{flex-wrap:wrap;font-size:8px}.content-panel,.trend-panel,.agent-panel{padding:18px}.panel-heading{flex-wrap:wrap}.content-heading{align-items:flex-start}.footer{gap:15px;line-height:1.5}.chart-switch{margin-top:2px}}
.main-chart{min-width:0;flex:1;overflow:hidden}
@media(max-width:410px){.metrics{grid-template-columns:1fr 1fr}.metric-card>strong{font-size:20px}.metric-top{font-size:9px}.metric-icon{display:none}.chart-wrap{height:170px}.chart-x{font-size:7px}.topbar-avatar{display:none}.hero p{max-width:270px}}

/* Workspaces e monitoramento de contas */
[hidden]{display:none!important}
.workspace-switcher{position:relative;margin:0 15px 33px}
.workspace-switcher .workspace-picker{width:100%;margin:0;text-align:left;color:var(--white);cursor:pointer}
.workspace-text{min-width:0}.workspace-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-picker:hover,.workspace-picker[aria-expanded="true"]{border-color:rgba(255,34,34,.4)}
.workspace-avatar,.workspace-overview-avatar,.workspace-list-avatar,.account-avatar,.photo-preview{overflow:hidden}
.workspace-avatar img,.workspace-overview-avatar img,.workspace-list-avatar img,.account-avatar img,.photo-preview img{display:block;width:100%;height:100%;object-fit:cover}
.workspace-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1d1d20;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.46);z-index:15}
.workspace-menu-title{display:block;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.15em;font-weight:700;padding:5px 7px 10px}
.workspace-option,.workspace-create{width:100%;border:0;background:none;color:var(--white);display:flex;align-items:center;text-align:left;gap:9px;padding:7px;border-radius:6px;font-size:10px}
.workspace-option:hover,.workspace-create:hover{background:rgba(255,255,255,.07)}
.workspace-option.active{background:rgba(255,34,34,.11)}
.workspace-option span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.workspace-option .option-check{color:var(--red);font-size:13px}
.workspace-list-avatar{width:27px;height:27px;flex:none;display:grid;place-items:center;background:rgba(255,34,34,.25);border-radius:5px;font-family:Space Grotesk,sans-serif;font-weight:700}
.workspace-create{margin-top:8px;border-top:1px solid var(--line);border-radius:0;color:var(--red);font-weight:600;padding-top:12px}
.workspace-create span{font-size:20px;font-weight:400;line-height:10px}
.accounts-view{min-height:calc(100vh - 180px)}
.accounts-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:27px}
.accounts-intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.04em;line-height:1.05;margin:13px 0 8px}
.accounts-intro p{color:var(--muted);font-size:11px;margin:0}
.primary-button,.secondary-button{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 15px;color:var(--white);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;white-space:nowrap}
.primary-button{background:var(--red)}.primary-button:hover{background:rgba(255,34,34,.84)}
.primary-button svg{width:15px;height:15px}.primary-button>span:first-child{font-size:20px;font-weight:400;line-height:12px}
.secondary-button{background:rgba(255,255,255,.08)}.secondary-button:hover{background:rgba(255,255,255,.13)}
.workspace-overview{min-height:127px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,34,34,.23);background:linear-gradient(115deg,rgba(255,34,34,.12),rgba(255,34,34,.025) 52%,rgba(255,255,255,.015));border-radius:10px;padding:24px 28px;margin-bottom:38px}
.workspace-overview-avatar{width:70px;height:70px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--red);font-family:Space Grotesk,sans-serif;font-size:33px;font-weight:700}
.workspace-overview h2{font-family:Space Grotesk,sans-serif;font-size:25px;letter-spacing:-.03em;margin:4px 0 2px}
.workspace-overview h2{overflow-wrap:anywhere}
.workspace-overview p{color:var(--muted);font-size:10px;margin:0}
.workspace-overview .text-action{margin-left:auto}
.accounts-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}
.accounts-toolbar h2{font-family:Space Grotesk,sans-serif;font-size:21px;letter-spacing:-.03em;margin:6px 0 0}
.accounts-note{color:var(--muted);font-size:9px;text-align:right}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.account-card{min-height:225px;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:21px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.account-card:hover{border-color:rgba(255,34,34,.3)}
.account-card:before{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-45px;border:1px solid rgba(255,34,34,.13);border-radius:50%}
.account-card-head{display:flex;align-items:center;gap:12px;position:relative}
.account-avatar{width:45px;height:45px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(255,34,34,.18);color:var(--red);border:1px solid rgba(255,34,34,.28);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}
.account-card-head strong{display:block;font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.2}
.account-card-head>div{min-width:0}.account-card-head strong,.account-card-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-card-head small{display:block;color:var(--muted);margin-top:4px;font-size:10px}
.account-card-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:20px}
.account-card-status i{width:6px;height:6px;border-radius:50%;background:var(--red);display:block}
.account-card-status.demo i{background:var(--red)}
.account-card-status.pending i{background:rgba(255,255,255,.42)}
.account-card-status.connected{color:var(--green)}
.account-card-status.connected i{background:var(--green);box-shadow:0 0 8px rgba(34,197,94,.75)}
.account-card-status.paused i{background:rgba(255,255,255,.25)}
.account-card-status.problem{color:#FF6B6B}
.account-card-status.problem i{background:var(--red);box-shadow:0 0 8px rgba(255,34,34,.6)}
.account-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.account-card-footer span{font-size:9px;color:var(--muted)}
.account-card-footer a{font-size:10px;color:var(--soft);text-decoration:none}.account-card-footer a:hover{color:var(--red)}
.account-card-footer button{background:none;border:0;color:var(--red);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;padding:0}
.account-card-footer button svg{width:14px;height:14px}
.account-add-card{border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.01);color:var(--white);border-radius:9px;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px;text-align:left}
.account-add-card:hover{border-color:var(--red);background:rgba(255,34,34,.04)}
.account-add-icon{font-family:Space Grotesk,sans-serif;font-size:27px;color:var(--red);margin-bottom:13px}
.account-add-card strong{font-family:Space Grotesk,sans-serif;font-size:15px}
.account-add-card small{color:var(--muted);font-size:10px;line-height:1.6;margin-top:7px}
.accounts-help{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:8px;padding:18px 20px;margin-top:27px}
.help-icon{color:var(--red)}.help-icon svg{width:18px;height:18px}.accounts-help strong{font-family:Space Grotesk,sans-serif;font-size:12px}.accounts-help p{color:var(--muted);font-size:10px;line-height:1.7;max-width:700px;margin:5px 0 0}
.dashboard-empty{min-height:370px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}
.empty-icon{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;background:rgba(255,34,34,.1);color:var(--red);margin-bottom:17px}
.dashboard-empty h2{font-family:Space Grotesk,sans-serif;font-size:23px;margin:9px 0}
.dashboard-empty p{max-width:400px;color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:19px}
.form-dialog{border:1px solid rgba(255,34,34,.25);background:#1a1a1c;color:var(--white);border-radius:10px;padding:28px;width:min(440px,calc(100vw - 28px));box-shadow:0 24px 70px rgba(0,0,0,.5)}
.form-dialog::backdrop{background:rgba(0,0,0,.72)}.form-dialog form{position:relative}.form-dialog h2{font-family:Space Grotesk,sans-serif;font-size:26px;line-height:1.1;letter-spacing:-.03em;margin:12px 0 7px}.form-intro{color:var(--muted);font-size:10px;line-height:1.65;margin-bottom:22px}
.field-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:17px 0 7px}.field-label span{font-weight:400;color:var(--muted)}
.form-input,.handle-field{width:100%;height:41px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.04);color:var(--white);outline:0;font-size:11px}
.form-input{padding:0 12px}.form-input:focus,.handle-field:focus-within{border-color:var(--red)}
.form-input::placeholder,.handle-field input::placeholder{color:rgba(255,255,255,.3)}
.handle-field{display:flex;align-items:center;padding:0 12px;gap:4px}.handle-field>span{color:var(--red);font-size:15px}.handle-field input{border:0;outline:0;background:none;color:var(--white);width:100%;font-size:11px}
.readonly-field{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08)}.readonly-field:focus-within{border-color:rgba(255,255,255,.08)}.readonly-field input{cursor:default;color:var(--soft)}
.photo-field{display:flex;align-items:center;gap:12px}.photo-preview{width:53px;height:53px;flex:none;border-radius:7px;background:rgba(255,34,34,.12);border:1px solid rgba(255,34,34,.25);display:grid;place-items:center;color:var(--red);font-size:23px}
.photo-field>div{display:flex;flex-direction:column;gap:6px}.upload-button{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;cursor:pointer;color:var(--white)}.upload-button:hover{color:var(--red)}.photo-field small{font-size:9px;color:var(--muted)}
.form-error{font-size:10px;color:var(--red);margin:12px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.custom-period-note{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,34,34,.2);background:rgba(255,34,34,.06);border-radius:6px;padding:10px 13px;margin:-12px 0 20px;color:var(--soft);font-size:10px}
.custom-period-note svg{width:15px;height:15px;flex:none;color:var(--red)}
.custom-period-note button{margin-left:auto;border:0;background:none;color:var(--red);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;white-space:nowrap}
.date-range-dialog{max-height:calc(100vh - 30px);overflow-y:auto}
.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-fields .field-label{margin-top:5px}.date-fields input{color-scheme:dark;min-width:0}
.date-range-help{font-size:10px;line-height:1.65;color:var(--muted);margin:18px 0 0}
@media(max-width:1050px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.accounts-intro{align-items:flex-start;flex-direction:column}.workspace-overview{padding:19px;gap:12px}.workspace-overview-avatar{width:54px;height:54px;font-size:25px}.workspace-overview h2{font-size:20px}.workspace-overview .text-action{display:none}.accounts-toolbar{align-items:flex-start;flex-direction:column}.accounts-note{text-align:left}.account-grid{grid-template-columns:1fr}.account-card,.account-add-card{min-height:190px}}
@media(max-width:730px){.topbar-right{display:none}.topbar-left{gap:10px}.breadcrumb{white-space:nowrap}.breadcrumb span{padding:0 5px}}
@media(max-width:410px){.custom-period-note{align-items:flex-start;flex-wrap:wrap}.custom-period-note button{width:100%;text-align:left;margin:3px 0 0 24px}.date-fields{grid-template-columns:1fr}.date-fields .field-label{margin-top:10px}}

.monitor-sync { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 24px; padding:16px; border:1px solid #ffffff20; border-radius:12px; color:#ffffffb3; font-size:13px; }
.monitor-panel { margin-top:24px; padding:24px; }
.monitor-panel h3 { margin-top:24px; }
#providerStatus { overflow-wrap:anywhere; line-height:1.7; color:#ffffffb3; }
.collection-row { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #ffffff20; padding:20px 0; }
.collection-row p, #monitorEvents p { font-size:13px; line-height:1.7; }
.collection-row small, .collection-row details { color:#ffffff99; font-size:12px; }
.collection-error { color:#ff7777; }
.collection-controls { display:flex; align-items:flex-start; gap:8px; }
button:disabled { opacity:.5; cursor:not-allowed; }
.collection-row summary { cursor:pointer; margin-top:12px; }
@media(max-width:700px) { .monitor-sync,.collection-row { flex-direction:column; align-items:stretch; } .monitor-panel { padding:16px; } }
.content-panel td > small { display:block; color:#ffffff80; font-size:11px; margin-top:6px; }
.photo-status { color:var(--muted, #ffffff99); font-size:12px; line-height:1.6; margin:12px 0; }

.report-panel { padding: 28px; }
.report-panel > p { color: rgba(255,255,255,.65); line-height: 1.7; margin: 16px 0; }
.report-panel table { width: 100%; border-collapse: collapse; min-width: 600px; }
.report-panel th, .report-panel td { padding: 16px; text-align: left; border-bottom: 1px solid rgba(255,255,255,.08); }
.report-panel th { font-size: 11px; color: rgba(255,255,255,.5); }
.report-panel a { color: #fff; text-decoration: underline; }
.report-tabs { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.report-tabs [aria-pressed="true"] { border-color: #FF2222; color: #FF2222; }
.reports-view select { background: #0F0F11; color: white; padding: 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; max-width: 100%; }
.report-summary { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.8; margin: 24px 0; }
@media (max-width: 600px) { .report-panel { padding: 16px; } .reports-view .intro-actions { flex-wrap: wrap; } }

.account-management { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
.account-management .text-action { font-size: 10px; }
.workspace-overview { flex-wrap: wrap; }
.auth-view { min-height: 100dvh; display: grid; place-items: center; padding: 28px; background: radial-gradient(ellipse at top, rgba(255,34,34,.08), transparent 65%); }
.auth-frame { width: 100%; max-width: 420px; }
.auth-visual { display: none; }
.auth-card { width: 100%; max-width: 420px; border: 1px solid var(--line); border-radius: 12px; padding: 32px; background: var(--panel); }
.auth-logo { width: 190px; max-width: 100%; height: auto; display: block; margin: 0 auto 22px; }
.auth-card h1 { font: 700 30px 'Space Grotesk', sans-serif; margin: 18px 0; }
.auth-card p { font-size: 12px; line-height: 1.7; color: var(--muted); }
.auth-card #authSubmit { width: 100%; margin: 24px 0 18px; }
.auth-card .form-input { font-size: 14px; }
@media (max-width: 450px) { .auth-view { padding: 16px; } .auth-card { padding: 24px; } }
/* Desktop: card dividido, painel animado à esquerda e formulário à direita. */
@media (min-width: 900px) {
  .auth-view { padding: 40px; background: radial-gradient(circle at 12% 18%, rgba(255,34,34,.16), transparent 34%), radial-gradient(circle at 92% 88%, rgba(255,34,34,.1), transparent 30%), var(--dark); }
  .auth-frame { max-width: 1080px; min-height: 600px; display: grid; grid-template-columns: 1.12fr 1fr; border: 1px solid rgba(255,34,34,.2); border-radius: 22px; overflow: hidden; box-shadow: 0 40px 120px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.03); }
  .auth-visual { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 56px; background: radial-gradient(circle at 50% 44%, rgba(255,34,34,.22), transparent 44%), linear-gradient(155deg, #2b0c0e, #170a0c 52%, #101012); }
  .auth-waves { position: absolute; inset: 0; width: 100%; height: 100%; }
  .auth-visual-copy { position: relative; z-index: 1; max-width: 380px; text-align: center; }
  .auth-visual-copy img { width: 320px; max-width: 100%; height: auto; display: block; margin: 0 auto 28px; filter: drop-shadow(0 0 24px rgba(255,34,34,.3)); }
  .auth-visual-copy strong { display: block; font: 700 clamp(34px, 3.4vw, 44px)/1.05 'Space Grotesk', sans-serif; letter-spacing: -.035em; margin: 16px 0 14px; }
  .auth-visual-copy p { font-size: 13px; line-height: 1.7; color: var(--soft); margin: 0; }
  .auth-frame .auth-card { max-width: none; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: #141416; padding: 64px 60px; display: flex; flex-direction: column; justify-content: center; }
  .auth-frame .auth-card > .auth-logo, .auth-frame .auth-card > .section-overline { display: none; }
  .auth-frame .auth-card h1 { font-size: 34px; margin: 10px 0 8px; letter-spacing: -.03em; }
  .auth-frame .auth-card .form-input { height: 46px; border-radius: 10px; padding: 0 16px; }
  .auth-frame .auth-card .primary-button, .auth-frame .auth-card .secondary-button { min-height: 46px; border-radius: 10px; font-size: 12px; }
  .auth-frame .auth-card .primary-button { box-shadow: 0 10px 30px rgba(255,34,34,.28); }
  .auth-frame .auth-card .text-action { align-self: center; margin-top: 8px; font-size: 12px; }
  .auth-frame .auth-card .text-action:hover { text-decoration: underline; }
  .auth-frame #authStatus { margin: 22px 0 0; text-align: center; }
  .auth-frame #authStatus:empty { display: none; }
}

@media (max-width: 730px) {
  .topbar-right { display: flex; gap: 8px; }
  .topbar-right .demo-status, .topbar-right .topbar-divider, .topbar-right .topbar-avatar { display: none; }
  .topbar-left { min-width: 0; }
  .breadcrumb { overflow: hidden; text-overflow: ellipsis; }
}
.profile strong, .profile small { overflow-wrap: anywhere; }
.ai-analysis { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.ai-analysis > p, .ai-report-card p, .ai-report-card li { color: var(--muted); line-height: 1.8; }
.ai-report-card { margin: 24px 0; padding: 24px; background: rgba(255,255,255,.02); border: 1px solid var(--line); border-radius: 10px; }
.ai-report-card h3 { font: 700 22px 'Space Grotesk', sans-serif; }
.ai-report-card h4 { font: 700 16px 'Space Grotesk', sans-serif; margin: 26px 0 14px; }
.ai-report-card .ai-report-date { font-size: 11px; }
.ai-insight { margin: 18px 0; }
.ai-insight details { padding: 12px 16px; background: rgba(255,255,255,.03); border-radius: 6px; font-size: 12px; }
.ai-insight summary, .ai-report-history summary { cursor: pointer; color: var(--soft); }
.ai-report-card li { margin-bottom: 10px; }
.ai-report-card ul { padding-left: 20px; }
.ai-report-history { padding: 14px 0; }
@media (max-width: 600px) { .ai-report-card { padding: 16px; } }
.ai-scheduling { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 20px 0; }
.ai-scheduling label { display: flex; align-items: center; gap: 8px; }
.ai-scheduling input { accent-color: var(--red); }
.ai-scheduling select { background: var(--dark); color: var(--white); border: 1px solid var(--line); padding: 10px; border-radius: 6px; }
.ai-scheduling p { flex-basis: 100%; color: var(--muted); font-size: 11px; line-height: 1.7; margin: 0; }

.ai-report-card { overflow-wrap: anywhere; }
.team-dialog { width: min(740px, calc(100vw - 28px)); max-height: calc(100dvh - 40px); overflow-y: auto; position: relative; }
.team-dialog > h2 { padding-right: 24px; }
.team-dialog h3 { font: 700 17px 'Space Grotesk',sans-serif; margin: 24px 0 16px; }
.team-member { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 18px 0; border-bottom: 1px solid var(--line); }
.team-member > div { flex: 1; min-width: 160px; }
.team-member strong, .team-member small { display: block; overflow-wrap: anywhere; }
.team-member small { margin-top: 6px; color: var(--muted); }
.team-member select { background: var(--dark); color: var(--white); padding: 8px; border: 1px solid var(--line); border-radius: 5px; }
#teamShareLink { padding-top: 12px; } #copyTeamLink { margin-top: 12px; }
button:disabled { cursor: default; opacity: .5; }

.ai-analysis .panel-heading select { background: var(--dark); color: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: 10px; }
.growth-cell{white-space:nowrap}.growth-cell .spark{display:block;width:96px;height:28px;margin-bottom:3px;overflow:visible}.spark-area{fill:var(--red);fill-opacity:.16;stroke:none}.spark-line{fill:none;stroke:var(--red);stroke-opacity:.85;stroke-width:1.5}.growth-cell small{color:var(--muted);font-size:11px}
.spark-animate .spark-line{stroke-dasharray:1;stroke-dashoffset:1;animation:spark-draw .9s cubic-bezier(.4,0,.2,1) forwards}.spark-animate .spark-area{opacity:0;animation:spark-fade .5s ease-out .45s forwards}@keyframes spark-draw{to{stroke-dashoffset:0}}@keyframes spark-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.spark-animate .spark-line,.spark-animate .spark-area{animation:none;stroke-dashoffset:0;opacity:1}}
.lower-grid.single{grid-template-columns:minmax(0,1fr)}

.content-panel td a{color:var(--red);text-decoration:none}.content-panel td a:hover{text-decoration:underline}
.workspace-row{display:flex;align-items:center;gap:4px}.workspace-row .workspace-option{flex:1;min-width:0}.workspace-remove{flex:none;width:26px;height:26px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:16px;line-height:1}.workspace-remove:hover,.workspace-remove:focus-visible{background:rgba(255,34,34,.15);color:var(--red)}
.post-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.post-cell{display:flex;align-items:center;gap:12px;min-width:310px;max-width:420px}.post-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.post-thumb{width:44px;height:56px;flex:none;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-cell small{color:var(--muted);font-size:11px}
.report-panel .post-cell a{color:var(--red);text-decoration:none;font-weight:600}.report-panel .post-cell a:hover{text-decoration:underline}
.post-cell .post-hashtags{color:var(--red);opacity:.8;overflow-wrap:anywhere}
@media(max-width:730px){.post-list-heading{flex-direction:column;align-items:stretch}}
.post-list-heading .select-control{flex:none;min-width:190px}
.report-panel .performance-value{color:var(--red);font-weight:600}.report-panel .performance-value.above{color:var(--green)}
.section-heading .section-note{margin-left:auto}
.profile{position:relative}.profile-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.profile-text strong,.profile-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-more{border:0;background:none;padding:2px 6px;border-radius:6px;line-height:1;cursor:pointer}.profile-more:hover,.profile-more[aria-expanded="true"]{background:rgba(255,255,255,.08);color:var(--white)}
.profile-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#1d1d20;border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:6px;box-shadow:0 20px 40px rgba(0,0,0,.46);display:flex;flex-direction:column;z-index:20}
.profile-menu[hidden]{display:none}.profile-menu button{justify-content:flex-start;width:100%;padding:9px 10px;border-radius:6px;color:var(--white);font-size:11px}.profile-menu button[hidden]{display:none}.profile-menu button:hover{background:rgba(255,255,255,.07)}
.profile-menu button:last-child{color:var(--red);border-top:1px solid var(--line);border-radius:0 0 6px 6px;margin-top:4px}
.period-picker{position:relative;flex:none}
.period-trigger{min-width:200px;color:var(--white);font-family:inherit;font-size:10px;cursor:pointer;gap:8px}
.period-trigger-label{flex:1;text-align:left;white-space:nowrap}
.period-trigger[aria-expanded="true"]{border-color:rgba(255,34,34,.45)}
.period-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;background:#1d1d20;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.46);z-index:30}
.period-panel[hidden]{display:none}
.period-options{display:flex;flex-direction:column;gap:2px}
.period-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:none;color:var(--soft);padding:9px 10px;border-radius:6px;font-size:11px;text-align:left;cursor:pointer}
.period-option:hover,.period-option:focus-visible{background:rgba(255,255,255,.07);color:var(--white);outline:0}
.period-option.selected{background:rgba(255,34,34,.13);color:var(--white)}
.period-option.selected .period-option-label::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 8px 1px 0}
.period-option-range{color:var(--muted);font-size:10px;white-space:nowrap}
.period-custom{border-top:1px solid var(--line);margin-top:6px;padding:10px 4px 2px}
.period-custom[hidden]{display:none}
.period-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.period-dates label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}
.period-dates .form-input{height:34px;font-size:11px;color-scheme:dark;min-width:0}
.period-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.period-actions button{min-height:32px}
.period-custom .form-error{margin:8px 0 0;font-size:10px}
.period-footer{margin:6px 4px 2px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
@media(max-width:730px){.period-picker{flex:1}.period-trigger{min-width:0;width:100%}.period-panel{width:auto;left:0;right:0}}
.account-picker{position:relative;flex:none}
.account-trigger{min-width:190px;color:var(--white);font-family:inherit;font-size:10px;cursor:pointer;gap:9px}
.account-trigger-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-trigger[aria-expanded="true"]{border-color:rgba(255,34,34,.45)}
.account-picker-avatar{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,34,34,.25);font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:700;color:var(--white)}
.account-picker-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.account-panel{width:280px}
.picker-title{display:block;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.15em;font-weight:700;padding:6px 10px 8px}
.account-option{justify-content:flex-start;gap:10px}
.account-option .account-picker-avatar{width:28px;height:28px;font-size:11px}
.account-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.account-option-text strong{font-size:11px;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-option-text small{font-size:10px;color:var(--muted)}
.account-option.selected{box-shadow:inset 2px 0 0 var(--red)}
.picker-empty{color:var(--muted);font-size:11px;padding:8px 10px;margin:0}
.picker-footer-action{width:100%;margin-top:6px;padding:10px;border:0;border-top:1px solid var(--line);background:none;color:var(--red);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;text-align:left;cursor:pointer;border-radius:0 0 6px 6px}
.picker-footer-action:hover{background:rgba(255,255,255,.05)}
@media(max-width:730px){.account-picker{flex:1}.account-trigger{min-width:0;width:100%}.account-panel{width:auto;left:0;right:0}}
.choice-picker{position:relative;flex:none}
.choice-trigger{min-width:190px;color:var(--white);font-family:inherit;font-size:10px;cursor:pointer;gap:8px}
.choice-trigger-label{flex:1;text-align:left;white-space:nowrap}
.choice-trigger[aria-expanded="true"]{border-color:rgba(255,34,34,.45)}
.choice-panel{width:220px}
@media(max-width:730px){.choice-picker{width:100%}.choice-trigger{width:100%}.choice-panel{width:auto;left:0;right:0}}
/* Hero: single headline, larger and with more presence */
.hero{min-height:250px;padding:44px 56px}
.hero-copy{max-width:72%;position:relative;padding-left:22px}
.hero-copy::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--red),rgba(255,34,34,.15))}
.hero h2{font-size:clamp(34px,3.5vw,52px);font-weight:700;line-height:1.04;letter-spacing:-.045em;margin:0;white-space:nowrap}
.hero h2 em{display:inline-block;background:linear-gradient(90deg,#FF2222,#FF5A5A);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 42px rgba(255,34,34,.28)}
@media(max-width:1030px){.hero{padding:40px}.hero-copy{max-width:70%}}
@media(max-width:730px){.hero{min-height:220px;padding:30px 22px}.hero-copy{max-width:100%;padding-left:16px}.hero h2{font-size:clamp(30px,9vw,40px);white-space:normal;text-wrap:balance}}
.viral-note{color:var(--muted);font-size:12px;margin-top:-4px}
.viral-rank{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(34,197,94,.14);color:var(--green);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px}
.viral-empty{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:10px;padding:40px 20px;margin-top:12px}
.viral-empty strong{font-size:14px}.viral-empty span{color:var(--muted);font-size:12px;max-width:420px}
.radar-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.radar-alert{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--panel)}
.radar-alert.danger{border-color:rgba(255,34,34,.35);background:linear-gradient(90deg,rgba(255,34,34,.1),rgba(255,34,34,.02) 60%)}
.radar-alert.ok{border-color:rgba(34,197,94,.3);background:linear-gradient(90deg,rgba(34,197,94,.08),rgba(34,197,94,.015) 60%)}
.radar-icon{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px}
.radar-alert.danger .radar-icon{background:rgba(255,34,34,.18);color:var(--red)}
.radar-alert.ok .radar-icon{background:rgba(34,197,94,.16);color:var(--green)}
.radar-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.radar-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.radar-head strong{font-size:13px}
.report-panel .radar-handle{color:var(--soft);font-size:12px;text-decoration:none}.radar-post{color:var(--red);font-size:12px;font-weight:600;text-decoration:none;align-self:flex-start}.radar-post:hover{text-decoration:underline}.report-panel .radar-handle:hover{text-decoration:underline}
.radar-body p{margin:0;color:var(--soft);font-size:12px;line-height:1.5}
.radar-body small{color:var(--muted);font-size:11px}

.chart-plot{position:relative;flex:1;min-width:0;height:100%;touch-action:pan-y;cursor:crosshair}.chart-plot .main-chart{width:100%;height:100%}.chart-dots{position:absolute;inset:0;pointer-events:none}
.chart-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid #0F0F11;transform:translate(-50%,-50%);pointer-events:none}.chart-dot.last{width:14px;height:14px;border-width:4px}.chart-dot.active{width:14px;height:14px;border:3px solid var(--white);box-shadow:0 0 12px var(--red);z-index:2}
.chart-tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 14px));display:flex;flex-direction:column;gap:3px;min-width:150px;padding:9px 11px;border:1px solid rgba(255,34,34,.35);border-radius:7px;background:#19191b;box-shadow:0 10px 26px rgba(0,0,0,.45);pointer-events:none;white-space:nowrap}.chart-tip.edge-left{transform:translate(-12px,calc(-100% - 14px))}.chart-tip.edge-right{transform:translate(calc(-100% + 12px),calc(-100% - 14px))}.chart-tip.below{transform:translate(-50%,14px)}.chart-tip.below.edge-left{transform:translate(-12px,14px)}.chart-tip.below.edge-right{transform:translate(calc(-100% + 12px),14px)}
.chart-tip strong{font-family:Space Grotesk,sans-serif;font-size:13px;color:var(--white)}.chart-tip span{font-size:10px;color:var(--soft)}.chart-tip small{font-size:9px;color:var(--muted)}

/* Agente de IA: conversa */
.agent-tabs{margin:0}
.agent-tabs .secondary-button{border:1px solid transparent}
/* The chat fills the page below the topbar; the footer would only push it down. */
.content:has(>.agent-view:not([hidden]))>.footer{display:none}
.chat-shell{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100dvh - 69px - 58px);min-height:480px;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;position:relative}
.chat-list{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding:14px;min-height:0;background:rgba(255,255,255,.012)}
.chat-new{width:100%}
.chat-items{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.chat-items-empty{color:var(--muted);font-size:10px;padding:8px 6px;margin:0}
.chat-item{display:flex;align-items:center;border-radius:7px}
.chat-item:hover{background:rgba(255,255,255,.05)}
.chat-item.active{background:rgba(255,34,34,.12)}
.chat-item-open{flex:1;min-width:0;border:0;background:none;color:var(--soft);text-align:left;display:flex;flex-direction:column;gap:3px;padding:9px 6px 9px 10px}
.chat-item.active .chat-item-open{color:var(--white)}
.chat-item-open span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-item-open small{font-size:9px;color:var(--muted)}
.chat-item-remove{color:var(--muted);opacity:0;padding:8px}
.chat-item-remove svg{width:13px;height:13px}
.chat-item:hover .chat-item-remove,.chat-item-remove:focus-visible{opacity:1}
.chat-item-remove:hover{color:var(--red)}
.chat-main{display:flex;isolation:isolate;flex-direction:column;min-width:0;min-height:0}
.chat-bar{display:flex;align-items:center;gap:8px;padding:0 20px;height:50px;border-bottom:1px solid var(--line);flex:none}
.chat-title{font-family:Space Grotesk,sans-serif;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-list-toggle{display:none;color:var(--soft)}
.chat-notice{margin:12px 20px 0;padding:10px 13px;border:1px solid rgba(255,34,34,.3);background:rgba(255,34,34,.08);border-radius:7px;font-size:11px;color:var(--soft)}
.chat-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.chat-thread{max-width:820px;margin:0 auto;padding:26px 24px 10px;display:flex;flex-direction:column;gap:22px}
.chat-message{display:flex;gap:12px;min-width:0}
.chat-message.user{justify-content:flex-end}
.chat-message.user .chat-bubble{max-width:78%;background:rgba(255,34,34,.13);border:1px solid rgba(255,34,34,.22);border-radius:14px 14px 3px 14px;padding:11px 15px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-avatar{width:28px;height:28px;flex:none;border-radius:7px;display:grid;place-items:center;background:var(--red);color:var(--white);margin-top:1px}
.chat-avatar svg{width:15px;height:15px}
.chat-body{flex:1;min-width:0}
.chat-text{font-size:12px;line-height:1.7;color:rgba(255,255,255,.88);overflow-wrap:anywhere}
.chat-text p{margin:0 0 11px}.chat-text p:last-child{margin-bottom:0}
.chat-text h3,.chat-text h4{font-family:Space Grotesk,sans-serif;margin:16px 0 8px;letter-spacing:-.01em}.chat-text h3{font-size:15px}.chat-text h4{font-size:13px}
.chat-text ul,.chat-text ol{margin:0 0 11px;padding-left:20px}.chat-text li{margin:3px 0}
.chat-text strong{color:var(--white)}
.chat-text code{font-family:ui-monospace,monospace;font-size:11px;background:rgba(255,255,255,.07);padding:1px 5px;border-radius:4px}
.chat-text pre{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:7px;padding:12px;overflow-x:auto;margin:0 0 11px}.chat-text pre code{background:none;padding:0}
.chat-text blockquote{margin:0 0 11px;padding-left:12px;border-left:2px solid rgba(255,34,34,.5);color:var(--soft)}
.chat-text a{color:var(--red)}
.chat-table{overflow-x:auto;margin:0 0 12px}.chat-table table{min-width:0;width:auto}.chat-table th{padding:6px 12px 8px 0;white-space:nowrap}.chat-table td{padding:7px 12px 7px 0;font-size:11px}
.chat-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:8px}
.chat-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,34,34,.25);border-top-color:var(--red);animation:chat-spin .8s linear infinite}
.chat-typing{display:inline-block;width:40px;height:16px;background:radial-gradient(circle,var(--soft) 2.5px,transparent 3px) 0 50%/13px 100% repeat-x;animation:chat-typing 1s infinite;opacity:.7}
.chat-error{color:#ff8a8a;margin:6px 0 0}
.chat-interrupted{color:var(--muted);font-size:11px;margin:6px 0 0}
.chat-loading{color:var(--muted);font-size:11px;text-align:center}
.chat-cards{display:flex;flex-direction:column;gap:12px}.chat-cards:not(:empty){margin-top:14px}
.chat-chart{margin:0;border:1px solid var(--line);border-radius:9px;padding:14px 14px 10px;background:rgba(255,255,255,.02)}
.chat-chart figcaption{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;margin-bottom:8px}
.chat-chart-plot{position:relative}
.chat-chart-svg{width:100%;height:auto;display:block;touch-action:pan-y}
.chat-grid{stroke:rgba(255,255,255,.07);stroke-dasharray:4 5}
.chat-axis{fill:var(--muted);stroke:none;font-family:Space Grotesk,sans-serif;font-size:10px}
.chat-line{fill:none;stroke:var(--red);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.chat-line.projected{stroke:var(--soft);stroke-dasharray:6 5}
.chat-guide{stroke:rgba(255,255,255,.25)}
.chat-chart-tip{position:absolute;top:6px;pointer-events:none;background:#202023;border:1px solid var(--line);border-radius:6px;padding:7px 9px;display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--soft);min-width:140px}
.chat-chart-tip strong{color:var(--white);font-size:10px}
.chat-chart-empty{color:var(--muted);font-size:11px;margin:0}
.chat-legend{display:flex;gap:16px;margin-top:6px;font-size:10px;color:var(--muted)}
.chat-legend span{display:flex;align-items:center;gap:6px}
.chat-legend i{display:block;width:14px;height:2px;background:var(--red)}.chat-legend i.projected{background:repeating-linear-gradient(90deg,var(--soft) 0 4px,transparent 4px 7px)}
.chat-empty{text-align:center;padding:48px 10px 10px;display:flex;flex-direction:column;align-items:center}
.chat-empty-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,var(--red),rgba(255,34,34,.55));box-shadow:0 0 40px rgba(255,34,34,.25);margin-bottom:18px}
.chat-empty-mark svg{width:22px;height:22px}
.chat-empty h2{font-family:Space Grotesk,sans-serif;font-size:24px;letter-spacing:-.03em;margin:0 0 8px}
.chat-empty p{color:var(--muted);font-size:11px;max-width:430px;line-height:1.6;margin:0 0 24px}
.chat-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;max-width:640px}
.chat-chip{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--soft);border-radius:9px;padding:12px 14px;text-align:left;font-size:11px;line-height:1.5;transition:border-color .2s,background .2s}
.chat-chip:hover{border-color:rgba(255,34,34,.4);background:rgba(255,34,34,.06);color:var(--white)}
.chat-composer{max-width:820px;width:calc(100% - 48px);margin:8px auto 0;display:flex;align-items:flex-end;gap:8px;border:1px solid rgba(255,255,255,.14);background:#18181b;border-radius:13px;padding:8px 8px 8px 15px;flex:none;transition:border-color .2s}
.chat-composer:focus-within{border-color:rgba(255,34,34,.28);box-shadow:0 0 0 3px rgba(255,34,34,.07)}
/* A red light circles the composer: slow and faint at rest, brighter when typing, faster while the agent answers. */
@property --chat-sweep{syntax:'<angle>';initial-value:0deg;inherits:false}
.chat-composer{position:relative}
.chat-composer:before,.chat-composer:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--chat-sweep),transparent 0deg 180deg,rgba(255,34,34,.18) 250deg,rgba(255,34,34,.9) 330deg,#ff9c9c 350deg,transparent 360deg);animation:chat-sweep 6s linear infinite;transition:opacity .3s}
.chat-composer:before{padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
/* The glow sits behind the opaque composer, so only its halo shows outside the edge. */
.chat-composer:after{z-index:-1;filter:blur(10px);opacity:.25}
.chat-composer:focus-within:before,.chat-composer.sending:before{opacity:1}
.chat-composer:focus-within:after{opacity:.4}
.chat-composer.sending:before,.chat-composer.sending:after{animation-duration:1.8s}
.chat-composer.sending:after{opacity:.5}
@keyframes chat-sweep{to{--chat-sweep:360deg}}
.chat-composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:var(--white);font:inherit;font-size:12px;line-height:1.6;padding:6px 0;max-height:200px}
.chat-composer textarea::placeholder{color:var(--muted)}
.chat-send{width:36px;height:36px;flex:none;border:0;border-radius:9px;background:var(--red);color:var(--white);display:grid;place-items:center;transition:opacity .2s}
.chat-send svg{width:16px;height:16px;transform:rotate(-90deg)}
.chat-send:disabled{opacity:.35;cursor:default}
.chat-send.stop{background:rgba(255,255,255,.14)}
.chat-stop-mark{width:11px;height:11px;border-radius:2px;background:var(--white)}
.chat-foot{max-width:820px;width:calc(100% - 48px);margin:7px auto 12px;color:var(--muted);font-size:9px;text-align:center;flex:none}
.chat-scrim{display:none}
@keyframes chat-spin{to{transform:rotate(360deg)}}
@keyframes chat-typing{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.chat-spinner,.chat-typing,.chat-composer:before,.chat-composer:after{animation:none}}
@media(max-width:860px){
 .chat-shell{grid-template-columns:minmax(0,1fr)}
 .chat-list{position:absolute;z-index:3;top:0;bottom:0;left:0;width:min(280px,85%);background:#141416;transform:translateX(-102%);transition:transform .22s;border-right:1px solid var(--line)}
 .chat-shell.list-open .chat-list{transform:none}
 .chat-scrim.show{display:block;position:fixed;inset:0;z-index:2}
 .chat-list-toggle{display:grid}
 .chat-bar{padding:0 10px}
 .chat-thread{padding:18px 14px 8px}
 .chat-composer,.chat-foot{width:calc(100% - 24px)}
 .chat-suggestions{grid-template-columns:1fr}
 .chat-message.user .chat-bubble{max-width:88%}
}
@media(max-width:730px){.chat-shell{height:calc(100dvh - 58px - 50px)}}

/* Marca Eyeon */
.brand-logo{height:38px;width:auto;display:block}
.radar-eye{width:112px;height:112px}

/* Administração: painel do sistema */
.admin-intro{align-items:flex-end}
.admin-periods{margin:0}
.admin-stamp{color:var(--muted);font-size:10px;margin:-12px 0 16px}
.admin-grid{margin-bottom:16px}
.admin-card{min-height:118px}
.admin-card .metric-bottom{line-height:1.5}
.admin-card-accent{border-color:rgba(255,34,34,.35);background:linear-gradient(130deg,rgba(255,34,34,.14),rgba(255,34,34,.02))}
.admin-card-accent>strong{color:var(--red)}
.admin-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;margin-bottom:16px}
.admin-panel{padding:22px;margin-bottom:16px}
.admin-row .admin-panel{margin-bottom:0}
.admin-panel-head{margin-bottom:18px}
.admin-panel-head h2{margin-top:6px}
.admin-heading{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.025em;margin:30px 0 14px}
.admin-usage{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.admin-usage strong{font-family:Space Grotesk,sans-serif;font-size:34px;letter-spacing:-.04em}
.admin-usage span{color:var(--muted);font-size:11px}
.admin-meter{height:8px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.admin-meter i{display:block;height:100%;border-radius:5px;background:var(--red);box-shadow:0 0 12px rgba(255,34,34,.6)}
.admin-note{color:var(--muted);font-size:10px;line-height:1.6;margin:12px 0 0}
.admin-warn{color:var(--red);font-size:11px;font-weight:600;margin:10px 0 0}
.admin-foot{margin:6px 2px 10px}
.admin-empty{color:var(--muted);font-size:11px;margin:6px 0}
.admin-chart svg{display:block;width:100%;height:150px;margin-top:8px}
.admin-bar-apify{fill:var(--red)}
.admin-bar-openai{fill:rgba(255,255,255,.75)}
.admin-chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:9px;margin-top:8px}
.admin-legend{display:flex;gap:16px;font-size:10px;color:var(--soft)}
.admin-key{display:inline-flex;align-items:center;gap:7px}
.admin-key:before{content:"";width:8px;height:8px;border-radius:2px}
.admin-key-apify:before{background:var(--red)}
.admin-key-openai:before{background:rgba(255,255,255,.75)}
.admin-table{min-width:560px}
.admin-table-compact{min-width:0}
.admin-table th.num,.admin-table td.num{text-align:right;white-space:nowrap}
.admin-who{display:flex;flex-direction:column;gap:3px}
.admin-who small{color:var(--muted);font-size:9px}
@media(max-width:1030px){.admin-row{grid-template-columns:1fr}}
@media(max-width:730px){.admin-intro{align-items:flex-start;flex-direction:column}.admin-usage strong{font-size:28px}}

/* Radar > Alertas no Telegram */
.tg-card{display:flex;align-items:center;gap:14px;margin:4px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,rgba(255,34,34,.07),rgba(255,255,255,.015) 60%)}
.tg-card.linked{background:rgba(255,255,255,.02)}
.tg-mark{width:38px;height:38px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(255,34,34,.12);color:var(--red)}
.tg-mark svg{width:19px;height:19px}
.tg-card.waiting .tg-mark{animation:tg-wait 1.6s ease-in-out infinite}
@keyframes tg-wait{50%{background:rgba(255,34,34,.28)}}
.tg-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.tg-copy strong{font-family:Space Grotesk,sans-serif;font-size:13px}
.tg-copy>span{font-size:11px;color:var(--muted);line-height:1.5}
.tg-actions{display:flex;align-items:center;gap:12px;flex:none}
.tg-actions a.secondary-button{text-decoration:none}
.tg-prefs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tg-pref{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--soft);cursor:pointer;transition:border-color .2s,background .2s}
.tg-pref:has(input:checked){border-color:rgba(255,34,34,.45);background:rgba(255,34,34,.08);color:var(--white)}
.tg-pref input{accent-color:var(--red);margin:0}
.tg-pref:has(input:focus-visible){outline:2px solid var(--red);outline-offset:2px}
.tg-disconnect{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.tg-card.waiting .tg-mark{animation:none}}
@media(max-width:730px){.tg-card{flex-wrap:wrap;align-items:flex-start}.tg-copy{flex-basis:calc(100% - 52px)}.tg-actions{width:100%;justify-content:flex-end}}