:root{--bg:#07090f;--bg-alt:#0b0f1b;--surface:#0f1424;--surface-alt:#151c30;--stroke:#28304a;--text:#f4f6ff;--muted:#a0a8c9;--accent:#ff4fd8;--accent-strong:#ff1bbd;--accent-cool:#32f5ff;--accent-warm:#ffb347;--shadow:#090c0d8c;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-display:"Arial","Helvetica",sans-serif;--font-body:"Arial","Helvetica",sans-serif}*{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{color:var(--text);font-family:var(--font-body);letter-spacing:-.01em;background:radial-gradient(circle at 10% 15%,#ff4fd838,#0000 42%),radial-gradient(circle at 90% 18%,#32f5ff2e,#0000 44%),radial-gradient(circle at 50% 80%,#ffb34729,#0000 50%),linear-gradient(160deg,#05060b 10%,#0a0f1f 50%,#060911 100%);position:relative}body:before{content:"";opacity:.35;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}body:after{content:"";filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(circle,#32f5ff1f,#0000 70%);height:300px;position:fixed;inset:-20% -10% auto}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{z-index:1;width:min(1140px,92vw);margin:0 auto;position:relative}.nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060911cc;border-bottom:1px solid #32f5ff33;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand{text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 12px #32f5ff59;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-cool));width:44px;height:44px;font-family:var(--font-display);color:#0b0f11;border-radius:16px;place-items:center;font-size:20px;display:grid;box-shadow:0 0 24px #ff4fd873}.nav-links{align-items:center;gap:20px;font-size:.95rem;display:flex}.nav-links a{color:var(--muted)}.nav-cta{gap:12px;display:flex}.btn{border:1px solid var(--stroke);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}button.btn{cursor:pointer;background:0 0;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0b0f11;border-color:#0000;box-shadow:0 0 24px #ff4fd873}.btn-secondary{color:var(--text);background:#ffffff0a}.btn:hover{border-color:#fff3;transform:translateY(-2px)}.hero{padding:90px 0 40px}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:40px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--accent-cool);margin-bottom:16px;font-size:.72rem}.hero h1{font-family:var(--font-display);text-shadow:0 0 18px #32f5ff59;margin:0 0 20px;font-size:clamp(2.8rem,4vw,4.3rem);line-height:1.05}.hero p{color:var(--muted);margin-bottom:28px;font-size:1.1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px;display:grid}.metric{border:1px solid var(--stroke);border-radius:var(--radius-md);background:#151f22cc;padding:16px 18px}.metric span{font-size:1.3rem;font-weight:600;display:block}.metric small{color:var(--muted)}.hero-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f1424eb,#080a12f2);border:1px solid #32f5ff40;padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 60px #07090fbf,0 0 30px #32f5ff1f}.hero-card:after{content:"";filter:blur();background:radial-gradient(circle,#ff4fd84d,#0000 70%);width:260px;height:260px;position:absolute;inset:-40% -20% auto auto}.hero-card header{justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:600;display:flex}.tag{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.15em;background:#32f5ff29;border-radius:999px;padding:6px 10px;font-size:.75rem}.platforms{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.platform{color:var(--muted);background:#ffffff0d;border:1px solid #32f5ff33;border-radius:999px;padding:8px 14px;font-size:.85rem}.section{padding:70px 0}.section-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.section-title h2{font-family:var(--font-display);margin:0;font-size:clamp(2rem,3vw,3rem)}.section-title p{color:var(--muted);max-width:420px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff33;flex-direction:column;gap:14px;min-height:180px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.card:hover{border-color:#ffffff26;transform:translateY(-4px)}.card h3{margin:0;font-size:1.15rem}.card p{color:var(--muted);margin:0;line-height:1.5}.badge{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#ff4fd82e;border-radius:8px;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.dashboard-preview{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0e1321f2,#070910f2);border:1px solid #32f5ff40;gap:18px;padding:26px;display:grid}.split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.kpi{background:#ffffff0a;border:1px solid #24343acc;border-radius:16px;padding:16px}.kpi strong{font-size:1.4rem}.footer{color:var(--muted);border-top:1px solid #32f5ff33;padding:40px 0 60px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.footer h4{color:var(--text);margin:0 0 12px}.auth-shell{place-items:center;min-height:100vh;padding:40px 16px;display:grid}.auth-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid #32f5ff33;width:min(420px,92vw);padding:30px;box-shadow:0 30px 60px #07090fbf,0 0 30px #ff4fd81f}.auth-card h1{font-family:var(--font-display);margin-top:0}.form-group{gap:8px;margin-bottom:16px;display:grid}input,select{width:100%;color:var(--text);font-family:var(--font-body);background:#06091199;border:1px solid #32f5ff33;border-radius:12px;padding:12px 14px}.helper{color:var(--muted);font-size:.85rem}.dashboard{background:var(--bg);min-height:100vh}.dashboard-wrap{grid-template-columns:240px 1fr;display:grid}.sidebar{background:var(--bg-alt);border-right:1px solid #32f5ff33;min-height:100vh;padding:28px 20px}.sidebar nav{gap:12px;margin-top:26px;display:grid}.sidebar a{color:var(--muted);background:0 0;border-radius:12px;padding:10px 14px}.sidebar a.active,.sidebar a:hover{color:var(--text);background:#ffffff0d}.dashboard-main{padding:32px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid #32f5ff33;padding:10px}.notice{color:var(--accent-cool);background:#32f5ff1f;border:1px solid #32f5ff52;border-radius:14px;padding:14px 18px}.icon{background:#32f5ff1f;border:1px solid #32f5ff59;border-radius:10px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 0 18px #32f5ff47}.icon svg{fill:none;width:14px;height:14px;stroke:var(--accent-cool);stroke-width:1.6px}.glitch{display:inline-block;position:relative}.glitch:after{content:attr(data-text);color:var(--accent);opacity:.6;filter:blur(.5px);position:absolute;top:0;left:2px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.nav-links{display:none}.dashboard-wrap{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--stroke);min-height:auto}}@media (max-width:640px){.hero{padding-top:60px}.hero-actions{flex-direction:column;align-items:stretch}.nav-inner{flex-direction:column;gap:16px}}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar nav{gap:4px}.sidebar a{align-items:center;gap:12px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.sidebar a svg{opacity:.6;flex-shrink:0;width:18px;height:18px}.sidebar a.active svg,.sidebar a:hover svg{opacity:1}.sidebar a.active{color:var(--accent-cool);background:#32f5ff14;border:1px solid #32f5ff26;box-shadow:0 0 20px #32f5ff14}.sidebar .nav-section-label{text-transform:uppercase;letter-spacing:.18em;color:#a0a8c966;padding:18px 14px 6px;font-size:.68rem;font-weight:600}.sidebar .system-status{background:#ffffff05;border:1px solid #28304a80;border-radius:14px;margin-top:20px;padding:14px}.sidebar .status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block;box-shadow:0 0 8px #10b98180}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1f;padding:20px;transition:all .25s;position:relative;overflow:hidden}.kpi-card:hover{border-color:#32f5ff40;transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.kpi-card .kpi-icon{border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:14px;font-size:1.1rem;display:grid}.kpi-card .kpi-icon.cyan{background:#32f5ff1f}.kpi-card .kpi-icon.pink{background:#ff4fd81f}.kpi-card .kpi-icon.green{background:#10b9811f}.kpi-card .kpi-icon.warm{background:#ffb3471f}.kpi-card .kpi-value{margin-bottom:4px;font-size:1.8rem;font-weight:700;line-height:1}.kpi-card .kpi-label{color:var(--muted);font-size:.78rem}.kpi-card .kpi-trend{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600;position:absolute;top:16px;right:16px}.kpi-trend.up{color:#34d399;background:#10b98126}.kpi-trend.down{color:#f87171;background:#ef444426}.chart-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:28px;display:grid}.chart-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1f;padding:22px}.chart-card h3{margin:0 0 18px;font-size:.95rem;font-weight:600}.chart-placeholder{height:220px;color:var(--muted);background:linear-gradient(135deg,#32f5ff0a,#ff4fd80a);border:1px dashed #32f5ff26;border-radius:12px;place-items:center;font-size:.85rem;display:grid;position:relative;overflow:hidden}.mini-chart{width:100%;height:220px}.mini-chart .bar{transition:height .4s,opacity .3s}.mini-chart .bar:hover{opacity:.8}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.quick-card{background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;color:inherit;border:1px solid #32f5ff1a;padding:18px;text-decoration:none;transition:all .25s}.quick-card:hover{border-color:#32f5ff4d;transform:translateY(-3px);box-shadow:0 8px 32px #32f5ff0f}.quick-card .qc-icon{border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:12px;font-size:1.1rem;display:grid}.quick-card .qc-label{margin-bottom:4px;font-size:.85rem;font-weight:600}.quick-card .qc-desc{color:var(--muted);margin-bottom:8px;font-size:.75rem}.quick-card .qc-badge{color:var(--muted);background:#ffffff0a;border-radius:999px;padding:3px 8px;font-size:.68rem;display:inline-block}.feed-list{margin:0;padding:0;list-style:none}.feed-item{border-bottom:1px solid #28304a66;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.feed-item:last-child{border-bottom:none}.feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-dot.green{background:#10b981}.feed-dot.cyan{background:var(--accent-cool)}.feed-dot.warm{background:var(--accent-warm)}.feed-dot.pink{background:var(--accent)}.feed-text{font-size:.85rem;line-height:1.4}.feed-time{color:#a0a8c980;margin-top:2px;font-size:.72rem}.page-header{margin-bottom:28px}.page-header h1{font-family:var(--font-display);margin:0 0 6px;font-size:1.6rem}.page-header .page-desc{color:var(--muted);margin:0;font-size:.88rem}.tabs{background:#ffffff08;border:1px solid #28304a80;border-radius:14px;gap:4px;width:fit-content;margin-bottom:22px;padding:4px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--accent-cool);background:#32f5ff1a}.tab-btn:hover:not(.active){color:var(--text)}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.status.draft{color:var(--muted);background:#a0a8c91a}.status.sent{color:var(--accent-cool);background:#32f5ff1a}.status.negotiation{color:var(--accent-warm);background:#ffb3471a}.status.won{color:#34d399;background:#10b9811a}.status.lost{color:#f87171;background:#ef44441a}.status.active{color:#34d399;background:#10b9811a}.status.paused{color:var(--accent-warm);background:#ffb3471a}.status.connected{color:#34d399;background:#10b9811a}.status.disconnected{color:var(--muted);background:#a0a8c90f}.status.paid{color:#34d399;background:#10b9811a}.status.pending{color:var(--accent-warm);background:#ffb3471a}.status.overdue{color:#f87171;background:#ef44441a}.status-dot-inline{border-radius:50%;width:6px;height:6px;display:inline-block}.pipeline-cols{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.pipeline-col-header{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.pipeline-col-header .col-count{background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:.7rem}.pipeline-card{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff06;border:1px solid #28304a80;margin-bottom:10px;padding:14px;transition:all .2s}.pipeline-card:hover{background:#ffffff0a;border-color:#32f5ff33}.pipeline-card .pc-id{color:#a0a8c966;margin-bottom:6px;font-family:monospace;font-size:.7rem}.pipeline-card .pc-title{margin-bottom:4px;font-size:.88rem;font-weight:600}.pipeline-card .pc-client{color:var(--muted);margin-bottom:10px;font-size:.78rem}.pipeline-card .pc-footer{justify-content:space-between;align-items:center;display:flex}.pipeline-card .pc-amount{font-size:.95rem;font-weight:700}.pipeline-card .pc-prob{color:#34d399;font-size:.72rem}.inbox-layout{border-radius:var(--radius-md);background:var(--surface);border:1px solid #32f5ff1a;grid-template-columns:200px 340px 1fr;gap:0;height:calc(100vh - 140px);display:grid;overflow:hidden}.inbox-cats{border-right:1px solid #28304a80;flex-direction:column;gap:4px;padding:16px;display:flex}.inbox-cat-btn{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.inbox-cat-btn.active{color:var(--accent-cool);background:#32f5ff14}.inbox-cat-btn:hover:not(.active){background:#ffffff08}.inbox-cat-count{background:#ffffff0f;border-radius:999px;padding:2px 7px;font-size:.7rem}.inbox-list{border-right:1px solid #28304a80;overflow-y:auto}.inbox-search{border-bottom:1px solid #28304a66;padding:12px}.inbox-search input{background:#06091166;border:1px solid #28304a80;border-radius:10px;width:100%;padding:9px 12px;font-size:.82rem}.msg-item{cursor:pointer;border-bottom:1px solid #28304a4d;padding:14px 16px;transition:background .15s}.msg-item:hover{background:#ffffff05}.msg-item.active{background:#32f5ff0d}.msg-item.unread{border-left:3px solid var(--accent-cool)}.msg-from{justify-content:space-between;margin-bottom:3px;font-size:.85rem;font-weight:600;display:flex}.msg-subject{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:.8rem;overflow:hidden}.msg-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.msg-time{color:#a0a8c980;font-size:.7rem}.inbox-detail{padding:24px;overflow-y:auto}.inbox-detail-header{border-bottom:1px solid #28304a66;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.inbox-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-cool));border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;display:grid}.inbox-detail-body{color:#f4f6ffd9;font-size:.92rem;line-height:1.7}.inbox-reply{border-top:1px solid #28304a66;gap:10px;margin-top:auto;padding-top:18px;display:flex}.inbox-reply input{flex:1}.inbox-empty{height:100%;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.workflow-list{flex-direction:column;gap:14px;display:flex}.workflow-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1a;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:22px;transition:all .25s;display:grid}.workflow-card:hover{border-color:#32f5ff33}.wf-icon{border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.wf-icon.active{background:#10b9811f}.wf-icon.paused{background:#a0a8c914}.wf-name{margin-bottom:4px;font-size:.95rem;font-weight:600}.wf-desc{color:var(--muted);margin-bottom:12px;font-size:.8rem}.wf-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wf-trigger{color:var(--accent);background:#ff4fd81a;border:1px solid #ff4fd833;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.wf-arrow{color:#a0a8c94d;font-size:.8rem}.wf-action{color:var(--muted);background:#ffffff08;border:1px solid #28304a80;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;display:inline-flex}.wf-stats{text-align:right;align-items:center;gap:24px;display:flex}.wf-stat-value{font-family:monospace;font-size:.82rem;font-weight:600}.wf-stat-label{color:#a0a8c980;font-size:.68rem}.team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.team-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1a;padding:22px;transition:all .25s}.team-card:hover{border-color:#32f5ff33;transform:translateY(-2px)}.team-avatar{border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:1rem;font-weight:700;display:grid}.team-name{margin-bottom:3px;font-size:1rem;font-weight:600}.team-role{color:var(--muted);margin-bottom:14px;font-size:.8rem}.team-meta{color:var(--muted);gap:16px;font-size:.78rem;display:flex}.team-meta-item{align-items:center;gap:4px;display:flex}.int-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.int-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1a;padding:22px;transition:all .25s}.int-card:hover{border-color:#32f5ff33}.int-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.int-logo{border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.int-name{font-size:.95rem;font-weight:600}.int-cat{color:var(--muted);background:#ffffff0a;border-radius:999px;padding:3px 8px;font-size:.68rem}.int-desc{color:var(--muted);margin-bottom:16px;font-size:.82rem;line-height:1.5}.int-footer{color:var(--muted);border-top:1px solid #28304a66;justify-content:space-between;align-items:center;padding-top:14px;font-size:.75rem;display:flex}.css-bar-chart{align-items:flex-end;gap:8px;height:180px;padding-top:10px;display:flex}.css-bar{border-radius:6px 6px 0 0;flex:1;min-width:20px;transition:height .6s;position:relative}.css-bar.cyan{background:linear-gradient(#32f5ff80,#32f5ff26)}.css-bar.pink{background:linear-gradient(#ff4fd880,#ff4fd826)}.css-bar.green{background:linear-gradient(#10b98180,#10b98126)}.css-bar.warm{background:linear-gradient(#ffb34780,#ffb34726)}.css-bar-label{color:var(--muted);white-space:nowrap;font-size:.68rem;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.donut-wrap{align-items:center;gap:24px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:140px;height:140px;position:relative}.donut-center{background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;inset:25%}.donut-center span{font-size:1.3rem;font-weight:700}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.donut-legend-item{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.donut-legend-item .dl-color{border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-right:8px}.donut-legend-item .dl-label{color:var(--muted);flex:1}.donut-legend-item .dl-value{font-weight:600}.progress-bar{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .6s}.progress-fill.cyan{background:linear-gradient(90deg,var(--accent-cool),#32f5ff80)}.progress-fill.pink{background:linear-gradient(90deg,var(--accent),#ff4fd880)}.progress-fill.green{background:linear-gradient(90deg,#10b981,#10b98180)}.settings-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-btn{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.settings-nav-btn.active{color:var(--accent-cool);background:#32f5ff14;border:1px solid #32f5ff26}.settings-nav-btn:hover:not(.active){background:#ffffff08}.settings-section{background:var(--surface);border-radius:var(--radius-md);border:1px solid #32f5ff1a;padding:28px}.settings-section h3{margin:0 0 6px;font-size:1.1rem}.settings-section .section-desc{color:var(--muted);margin:0 0 24px;font-size:.82rem}.setting-field{background:#06091166;border:1px solid #28304a66;border-radius:12px;margin-bottom:12px;padding:16px;transition:border-color .2s}.setting-field:hover{border-color:#32f5ff26}.setting-field-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.setting-field-label{font-size:.85rem;font-weight:600}.setting-field-key{color:#a0a8c966;background:#ffffff08;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.68rem}.setting-field input,.setting-field select{margin-top:0}.toggle{cursor:pointer;background:#a0a8c926;border:none;border-radius:999px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:#10b9814d}.toggle:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on:after{background:#34d399;left:23px}.funnel-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.funnel-item{align-items:center;gap:12px;display:flex}.funnel-label{flex-shrink:0;width:140px;font-size:.82rem}.funnel-bar-wrap{background:#ffffff0a;border-radius:999px;flex:1;height:8px}.funnel-bar{border-radius:999px;height:100%;transition:width .8s}.funnel-value{text-align:right;width:60px;color:var(--muted);font-family:monospace;font-size:.78rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.4s forwards fadeIn}.animate-in:first-child{animation-delay:0s}.animate-in:nth-child(2){animation-delay:60ms}.animate-in:nth-child(3){animation-delay:.12s}.animate-in:nth-child(4){animation-delay:.18s}.animate-in:nth-child(5){animation-delay:.24s}.animate-in:nth-child(6){animation-delay:.3s}.animate-in:nth-child(7){animation-delay:.36s}.animate-in:nth-child(8){animation-delay:.42s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}