:root{--bg:#071018;--panel:#101d2ad1;--panel-2:#0d1925;--border:#85aed129;--text:#eff8ff;--muted:#89a0b4;--cyan:#46e6d4;--blue:#61a9ff;--yellow:#f6c65b;--danger:#ff7b85}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 20% 0%, #2577a029, transparent 31%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{color:#041215;background:linear-gradient(135deg, var(--cyan), var(--blue));border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 36px #46e6d43b}.brand small{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:10px}.nav-copy{color:var(--muted);font-size:13px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0 58px;display:grid;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#46e6d41a,#0000 67%);width:420px;height:420px;position:absolute;top:30px;right:0}.eyebrow{color:var(--cyan);letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.052em;max-width:760px;margin:0;font-size:clamp(40px,5.4vw,70px);line-height:.99}.hero h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{color:#a8bac9;max-width:650px;margin:26px 0;font-size:18px;line-height:1.65}.trust-row{color:#b9c9d6;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.hero-panel{border:1px solid var(--border);z-index:1;background:linear-gradient(#122432d6,#0a1620eb);border-radius:24px;padding:24px;position:relative;box-shadow:0 28px 70px #00000047}.panel-top,.fake-list{justify-content:space-between;align-items:center;display:flex}.panel-top span{color:#bdcfdb;font-size:13px}.panel-top b{letter-spacing:.12em;color:var(--cyan);background:#46e6d414;border:1px solid #46e6d42b;border-radius:999px;padding:5px 7px;font-size:9px}.fake-metric{margin:26px 0 18px}.fake-metric span,.fake-metric small{color:var(--muted);display:block}.fake-metric strong{letter-spacing:-.04em;margin:5px 0;font-size:38px;display:block}.fake-metric small{color:var(--cyan)}.bars{border-bottom:1px solid var(--border);align-items:end;gap:8px;height:92px;margin-bottom:12px;padding:8px 0 0;display:flex}.bars i{background:linear-gradient(180deg, var(--cyan), #268fa3);opacity:.75;border-radius:6px 6px 0 0;flex:1;max-height:100%;display:block}.bars i:first-child{height:86%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:73%}.fake-list{color:#b6c8d5;border-bottom:1px solid #85aed114;padding:12px 0;font-size:13px}.analyzer-shell{width:min(1180px,100% - 40px);margin:0 auto 90px}.upload-card{text-align:center;border:1px solid var(--border);background:var(--panel);border-radius:28px;max-width:760px;margin:20px auto;padding:42px;box-shadow:0 30px 70px #00000038}.upload-card h2,.result-head h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,4vw,42px)}.upload-card>p,.result-head p,.list-toolbar p{color:var(--muted);line-height:1.6}.dropzone{cursor:pointer;background:#46e6d409;border:1px dashed #46e6d466;border-radius:20px;gap:6px;margin:26px 0 14px;padding:35px;display:grid}.dropzone input{display:none}.drop-icon{width:44px;height:44px;color:var(--cyan);background:#46e6d41a;border-radius:14px;place-items:center;margin:0 auto 4px;font-size:25px;display:grid}.dropzone small{color:var(--muted)}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;font-weight:750;text-decoration:none;display:inline-flex}.button.primary{color:#051114;background:linear-gradient(135deg, var(--cyan), #6cb4ff)}.button.secondary{color:#d7e5ef;border:1px solid var(--border);background:#142331}.notice{color:#ffd6d9;background:#ff7b8514;border:1px solid #ff7b852e;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px}.result-head{justify-content:space-between;align-items:end;gap:30px;margin:34px 0 26px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:21px}.metric span,.customer-stats span,.opportunity-actions span{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.metric strong{letter-spacing:-.03em;font-size:25px}.metric.accent{background:linear-gradient(160deg,#46e6d417,#101d2ad1);border-color:#46e6d44d}.metric.accent strong{color:var(--cyan)}.insight-card{background:#46e6d40b;border:1px solid #46e6d438;border-radius:18px;align-items:start;gap:15px;margin:14px 0 34px;padding:21px;display:flex}.insight-icon{color:#051114;background:var(--cyan);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.insight-card span{color:var(--cyan);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.insight-card strong{font-size:17px;display:block}.insight-card p{color:var(--muted);margin:6px 0 0;font-size:13px}.list-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:30px 0 14px;display:flex}.list-toolbar h3{margin:0 0 4px;font-size:24px}.list-toolbar p{margin:0;font-size:13px}.segmented{border:1px solid var(--border);background:#0b1721;border-radius:12px;gap:5px;padding:4px;display:flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px}.segmented button.active{color:#fff;background:#1a2c3c}.opportunity-list{gap:12px;display:grid}.opportunity{border:1px solid var(--border);background:var(--panel);border-radius:20px;grid-template-columns:1.25fr 1.2fr .55fr;align-items:center;gap:22px;padding:20px;display:grid;position:relative;overflow:hidden}.level{text-transform:uppercase;letter-spacing:.08em;border-radius:0 0 8px;padding:5px 10px;font-size:9px;font-weight:850;position:absolute;top:0;left:0}.level.alta{color:#ffb2b8;background:#ff7b8521}.level.media{color:#ffdd92;background:#f6c65b1f}.customer-main{align-items:center;gap:13px;padding-top:7px;display:flex}.avatar{width:46px;height:46px;color:var(--cyan);background:#142b38;border-radius:14px;flex:none;place-items:center;font-weight:850;display:grid}.customer-main h4{margin:0 0 5px;font-size:17px}.customer-main p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.customer-stats{grid-template-columns:1fr 1fr;gap:13px;display:grid}.customer-stats strong{font-size:13px}.opportunity-actions{text-align:right}.opportunity-actions strong{color:var(--cyan);margin-bottom:10px;font-size:19px;display:block}.opportunity-actions .button{width:100%;font-size:12px}footer{border-top:1px solid var(--border);width:min(1180px,100% - 40px);color:var(--muted);justify-content:space-between;margin:0 auto;padding:28px 0 40px;font-size:12px;display:flex}footer strong{color:#d8e6ef}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:34px;padding-top:55px}.hero-panel{max-width:620px}.metrics-grid{grid-template-columns:1fr 1fr}.opportunity{grid-template-columns:1fr}.opportunity-actions{text-align:left}.customer-stats{grid-template-columns:1fr 1fr}.result-head,.list-toolbar{flex-direction:column;align-items:start}.segmented{width:100%}.segmented button{flex:1}.nav-copy{display:none}}@media (max-width:560px){.nav,.hero,.analyzer-shell,footer{width:min(100% - 24px,1180px)}.hero{padding-top:42px}.hero-copy>p{font-size:16px}.metrics-grid{grid-template-columns:1fr}.upload-card{border-radius:22px;padding:25px 18px}.dropzone{padding:28px 16px}.customer-stats{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:7px}}select,textarea{font:inherit}.card{border:1px solid var(--border);background:var(--panel);border-radius:20px;padding:22px}.muted{color:var(--muted)}.small{font-size:13px}.button:disabled{opacity:.45;cursor:not-allowed}.button.ghost{color:var(--cyan);background:0 0;border:1px solid #46e6d440}.actions-row{flex-wrap:wrap;gap:10px;display:flex}.actions-row.center{justify-content:center}.mapper{max-width:980px;margin:20px auto}.mapper h2{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(26px,3.4vw,36px)}.mapper-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.field{color:#c3d3df;gap:6px;font-size:13px;display:grid}.field select{color:var(--text);border:1px solid var(--border);background:#0b1721;border-radius:10px;padding:10px}.field select.invalid{border-color:#ff7b8599}.table-wrap{border:1px solid var(--border);border-radius:12px;margin-bottom:16px;overflow-x:auto}table.preview{border-collapse:collapse;width:100%;font-size:12px}table.preview th,table.preview td{text-align:left;white-space:nowrap;border-bottom:1px solid #85aed114;padding:8px 10px}table.preview th{color:var(--muted);background:#0b1721;font-weight:600}.mapper .actions-row{justify-content:flex-end;margin-top:16px}.metrics-grid{grid-template-columns:repeat(6,1fr)}.metric strong{font-size:21px}.segments-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0;display:grid}.segment{border:1px solid var(--border);color:#c3d3df;background:#0c1822;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.segment strong{font-size:20px}.segment.ativo strong{color:var(--cyan)}.segment.esfriando strong{color:var(--yellow)}.segment.inativo strong,.segment.vip strong{color:var(--danger)}.segment.queda strong{color:var(--blue)}.trend-card h3{margin:0 0 4px;font-size:18px}.trend-card p{margin:0}.month-bars{align-items:stretch;gap:6px;height:150px;margin-top:16px;display:flex;overflow-x:auto}.month{flex-direction:column;flex:1 0 34px;justify-content:flex-end;align-items:center;gap:6px;display:flex}.month i{background:linear-gradient(180deg, var(--cyan), #268fa3);opacity:.8;border-radius:6px 6px 0 0;width:100%;display:block}.month small{color:var(--muted);white-space:nowrap;font-size:10px}.opportunity.clickable{cursor:pointer;transition:border-color .15s}.opportunity.clickable:hover,.opportunity.clickable:focus-visible{border-color:#46e6d466;outline:none}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{color:#c3d3df;border:1px solid var(--border);background:#142331;border-radius:999px;padding:3px 8px;font-size:11px}.chip.inativo,.chip.vip_em_risco{color:#ffb2b8;border-color:#ff7b854d}.chip.esfriando{color:#ffdd92;border-color:#f6c65b4d}.chip.queda_frequencia,.chip.queda_ticket{color:#a9ceff;border-color:#61a9ff4d}.level.baixa{color:#9fe9df;background:#46e6d414}.empty{text-align:center;color:var(--muted)}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#02080c99;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--border);background:#0a151e;width:min(560px,100%);height:100%;padding:22px;overflow-y:auto}.drawer-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.drawer-head h3{margin:0 0 4px;font-size:20px}.drawer-head p{color:var(--muted);margin:0;font-size:13px}.icon-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#142331;border-radius:10px;width:36px;height:36px}.status{background:#142331;border-radius:999px;margin-left:4px;padding:2px 7px;font-size:11px}.status.ativo{color:var(--cyan)}.status.esfriando{color:var(--yellow)}.status.inativo{color:var(--danger)}.status.vip{color:#051114;background:var(--yellow)}.detail-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-stats div{border:1px solid var(--border);background:#0f1c27;border-radius:12px;padding:10px 12px}.detail-stats span{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.detail-stats strong{font-size:14px}.footnote{color:var(--muted);margin:8px 0 0;font-size:11px}.detail-block{margin-top:22px}.detail-block h4{margin:0 0 10px;font-size:15px}.signals{gap:8px;margin:0;padding:0;list-style:none;display:grid}.signals li{border:1px solid var(--border);background:#46e6d40a;border-radius:12px;gap:3px;padding:10px 12px;font-size:13px;display:grid}.signals li span{color:#b7c8d5;line-height:1.5}.detail-block textarea{width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;background:#0b1721;border-radius:12px;margin:10px 0;padding:12px;line-height:1.5}.detail-block .segmented{display:inline-flex}@media (max-width:1100px){.metrics-grid,.segments-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.mapper-grid{grid-template-columns:1fr 1fr}.segmented{flex-wrap:wrap}}@media (max-width:560px){.metrics-grid,.segments-grid{grid-template-columns:1fr 1fr}.mapper-grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}.drawer{padding:16px}}.card-reason{color:#b7c8d5;margin:7px 0 0;font-size:12px;line-height:1.45}.stat-sub{color:var(--muted);margin-top:3px;font-size:11px;display:block}a.brand{color:inherit;text-decoration:none}.nav-actions{align-items:center;gap:16px;display:flex}.cta-card{margin-bottom:90px}.cta-card .button{margin-top:10px}.auth-page{place-content:center;justify-items:center;gap:22px;min-height:100vh;padding:32px 16px;display:grid}.auth-card{width:min(420px,100vw - 32px)}.auth-form{gap:14px;display:grid}.auth-form h1{letter-spacing:-.03em;margin:0;font-size:26px}.auth-form p{margin:0}.field input{color:var(--text);border:1px solid var(--border);font:inherit;background:#0b1721;border-radius:10px;padding:11px 12px}.field input:focus,.field select:focus{outline-offset:1px;outline:2px solid #46e6d466}.link-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px}.notice.ok,.save-status.ok{color:#c9fff6;background:#46e6d412;border-color:#46e6d440}.save-status{border:1px solid var(--border);color:#c3d3df;border-radius:12px;margin:-12px 0 18px;padding:10px 14px;font-size:13px}.account-menu{position:relative}.account-menu summary{cursor:pointer;border:1px solid var(--border);background:#0c1822;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-name{color:#c3d3df;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.account-avatar{width:28px;height:28px;color:var(--cyan);background:#142b38;border-radius:9px;place-items:center;font-size:13px;font-weight:800;display:grid}.account-dropdown{z-index:40;border:1px solid var(--border);background:#0c1822;border-radius:14px;gap:2px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000059}.account-dropdown a,.account-dropdown button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 10px;font-size:14px;text-decoration:none;display:block}.account-dropdown a:hover,.account-dropdown button:hover{background:#142331}.account-email{color:var(--muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;margin-bottom:4px;padding:6px 10px 8px;font-size:12px;overflow:hidden}.account-page{width:min(720px,100% - 32px);margin:40px auto 90px}.account-page h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.account-list{gap:10px;margin:20px 0;display:grid}.account-list div{border:1px solid var(--border);background:#0f1c27;border-radius:12px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.account-list dt{color:var(--muted);font-size:13px}.account-list dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}@media (max-width:560px){.account-name,.nav-actions .nav-copy{display:none}}
