@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Delight;src:url(/fonts/Delight-Bold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg-glow),var(--bg0);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--aura-bright);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}.micro-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.dim{color:var(--text-dim)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:6px;padding:22px 16px 18px;background:linear-gradient(180deg,#0c1222eb,#080c18eb);border-right:1px solid var(--border);backdrop-filter:blur(6px)}.brand-lockup{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.brand-mark{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--grad-aura);box-shadow:0 8px 18px -8px #2f7bffcc;color:#fff}.brand-mark svg{width:20px;height:20px}.brand-name{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1.1;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--text-dim)}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-md);color:var(--text-dim);font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item .nav-icon{width:18px;height:18px;flex:none;opacity:.85}.nav-item .nav-label{flex:1}.nav-item.active{background:var(--grad-aura);color:#fff;border-color:#ffffff29;box-shadow:0 10px 26px -14px #2f7bffe6}.nav-item.active .nav-icon{opacity:1}.nav-item.disabled{cursor:default}.nav-item.disabled:hover{background:transparent;color:var(--text-dim)}.badge{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-pill);white-space:nowrap}.badge-soon{background:#ffffff12;color:var(--text-dim);border:1px solid var(--border)}.badge-live{display:inline-flex;align-items:center;gap:6px;background:var(--good-soft);color:var(--good);border:1px solid rgba(46,230,160,.3)}.badge-loss{background:var(--loss-soft);color:var(--loss);border:1px solid rgba(255,93,108,.3)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 #2ee6a099;animation:pulse 2s infinite}.live-dot.offline{background:var(--mid);animation:none}@keyframes pulse{0%{box-shadow:0 0 #2ee6a080}70%{box-shadow:0 0 0 6px #2ee6a000}to{box-shadow:0 0 #2ee6a000}}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px}.sair{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-md);background:transparent;border:1px solid transparent;color:var(--text-dim);font:inherit;font-size:13px;cursor:pointer;text-align:left}.sair:hover{background:var(--loss-soft);color:var(--loss)}.sair svg{width:18px;height:18px}.main{padding:26px 34px 48px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0}.page-sub{color:var(--text-dim);font-size:13px;margin:4px 0 0}.page-head-right{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-faint);white-space:nowrap}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.tabs{display:flex;flex-wrap:wrap;gap:6px}.tab{padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.active{background:var(--grad-aura);border-color:#ffffff2e;color:#fff}.toolbar-spacer{flex:1}.daterange{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-pill);border:1px dashed var(--border-strong);color:var(--text-faint);font-size:12px;opacity:.7;cursor:not-allowed}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.panel-pad{padding:20px 22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.kpi-card{position:relative;overflow:hidden;padding:20px 22px;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-card)}.kpi-card.accent{background:var(--grad-accent-card);border-color:#ffffff2e;box-shadow:var(--shadow-glow)}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.kpi-card.accent .kpi-label{color:#ffffffc7}.kpi-value{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:10px 0 6px}.kpi-sub{font-size:12px;color:var(--text-dim)}.kpi-card.accent .kpi-sub{color:#ffffffd1}.dash-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}.funnel-row{margin-bottom:16px}.funnel-row:last-child{margin-bottom:0}.funnel-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}.funnel-stage{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--text)}.funnel-count{font-family:var(--font-display);font-weight:800;font-size:15px}.funnel-meta{display:inline-flex;align-items:center;gap:12px}.dash-aside{display:flex;flex-direction:column;gap:16px}.bar-track{position:relative;height:30px;border-radius:var(--r-sm);background:#ffffff0b;overflow:hidden}.bar-fill{height:100%;width:var(--w, 0%);border-radius:var(--r-sm);background:var(--grad-aura);transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-fill.good{background:linear-gradient(90deg,#20c98c,#2ee6a0)}.bar-fill.mid{background:linear-gradient(90deg,#d99227,#f5b54a)}.bar-fill.low{background:linear-gradient(90deg,#d93a4b,#ff5d6c)}.conv{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}.conv.good{background:var(--good-soft);color:var(--good)}.conv.mid{background:var(--mid-soft);color:var(--mid)}.conv.low{background:var(--loss-soft);color:var(--loss)}.funnel-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;line-height:1.6;color:var(--text-faint)}.loss-row{margin-bottom:13px}.loss-row-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12.5px}.loss-track{height:8px;border-radius:var(--r-pill);background:#ffffff0d;overflow:hidden}.loss-fill{height:100%;width:var(--w, 0%);border-radius:var(--r-pill);background:linear-gradient(90deg,#d93a4b,#ff5d6c)}.stat-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:18px 12px;border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-faint);font-size:12px}.stat-pending .big{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--text)}.login-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:100%;max-width:380px;padding:30px 30px 32px;border-radius:var(--r-xl);background:linear-gradient(180deg,#12182af5,#0a0e1af5);border:1px solid var(--border);box-shadow:var(--shadow-pop)}.login-card .brand-lockup{padding:0 0 22px}.login-h{font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin:0}.login-sub{color:var(--text-dim);font-size:13px;margin:6px 0 22px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:8px}.input{width:100%;padding:12px 14px;background:#05070fb3;border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--aura-bright);box-shadow:0 0 0 3px var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:var(--r-md);font:inherit;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-aura);color:#fff;box-shadow:0 14px 30px -14px #2f7bffcc}.btn-primary:hover{filter:brightness(1.07)}.btn-block{width:100%}.form-error{color:var(--loss);font-size:12.5px;margin:12px 0 0}.table-wrap{overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-card)}.lead-table{width:100%;border-collapse:collapse;font-size:13px}.lead-table th,.lead-table td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--border)}.lead-table thead th{color:var(--text-dim);font-weight:600;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:#ffffff05}.lead-table tbody tr:last-child td{border-bottom:0}.lead-table tbody tr:hover{background:var(--surface)}.pill{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.pill.won{background:var(--good-soft);color:var(--good);border-color:#2ee6a04d}.pill.lost{background:var(--loss-soft);color:var(--loss);border-color:#ff5d6c4d}.pill.open{background:#2f7bff24;color:var(--aura-bright);border-color:#2f7bff4d}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:64px 28px;border-radius:var(--r-lg);border:1px dashed var(--border-strong);background:var(--surface)}.empty-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#2f7bff1f;color:var(--aura-bright);margin-bottom:4px}.empty-icon svg{width:30px;height:30px}.empty-title{font-family:var(--font-display);font-weight:800;font-size:19px}.empty-text{color:var(--text-dim);font-size:13px;max-width:440px}.coming-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:340px;padding:48px 28px;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-card)}.coming-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2f7bff47,#2f7bff0f);border:1px solid rgba(47,123,255,.25);color:var(--aura-bright)}.coming-mark svg{width:30px;height:30px}.coming-title{font-family:var(--font-display);font-weight:800;font-size:22px}.coming-text{color:var(--text-dim);font-size:13.5px;line-height:1.6;max-width:520px}.reveal{animation:rise .5s cubic-bezier(.22,1,.36,1) both}.reveal-1{animation-delay:.04s}.reveal-2{animation-delay:.1s}.reveal-3{animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reveal,.bar-fill,.live-dot{animation:none;transition:none}}@media (max-width: 920px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{border-top:0;padding-top:0}.kpi-grid,.dash-grid{grid-template-columns:1fr}}.inst-grid{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:20px;align-items:start;margin-bottom:20px}@media (max-width: 980px){.inst-grid{grid-template-columns:1fr}}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.qr-img{width:240px;height:240px;border-radius:12px;background:#fff;padding:8px}.inst-result-meta{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center}.inst-kv{display:flex;flex-direction:column;gap:2px}.inst-actions{display:flex;flex-wrap:wrap;gap:8px}.lead-table tr.is-active td{background:#6366f11f}.field select.input{appearance:none}:root{--aura: #004fd9;--aura-bright: #2f7bff;--cobalt: #002bad;--berry: #00175b;--grad-aura: linear-gradient(135deg, #2f7bff 0%, #1450e6 50%, #0b34b8 100%);--grad-accent-card: linear-gradient(135deg, #2f7bff 0%, #1142cf 100%);--bg0: #05070f;--bg1: #0a0f1e;--bg-glow: radial-gradient(1200px 680px at 50% -8%, rgba(28, 64, 168, .45) 0%, rgba(10, 16, 35, 0) 60%), radial-gradient(900px 600px at 88% 4%, rgba(20, 46, 140, .28) 0%, rgba(5, 7, 15, 0) 55%);--good: #2ee6a0;--good-soft: rgba(46, 230, 160, .14);--mid: #f5b54a;--mid-soft: rgba(245, 181, 74, .14);--loss: #ff5d6c;--loss-soft: rgba(255, 93, 108, .14);--text: #e6ebf5;--text-dim: #95a0b3;--text-faint: #6b7588;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .07);--panel: #0c1222;--panel-2: #0e1528;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--focus-ring: rgba(47, 123, 255, .55);--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 18px 40px -24px rgba(0, 0, 0, .8);--shadow-pop: 0 24px 60px -28px rgba(2, 10, 40, .9);--shadow-glow: 0 0 0 1px rgba(47, 123, 255, .25), 0 22px 60px -26px rgba(20, 60, 200, .6);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--font-display: "Delight", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--sidebar-w: 248px}
