:root{
 --primary:#6366f1;--secondary:#06b6d4;--accent:#f59e0b;--bg:#0f172a;
 --panel:#111b31;--panel2:#17233a;--line:rgba(148,163,184,.14);--text:#f8fafc;--muted:#94a3b8;
 --success:#10b981;--danger:#ef4444;--warn:#f59e0b;--radius:18px;--shadow:0 18px 55px rgba(2,6,23,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code,.mono{font-family:"JetBrains Mono",monospace}.site-shell{min-height:100vh;background:radial-gradient(circle at 85% 15%,rgba(99,102,241,.13),transparent 30%),radial-gradient(circle at 12% 55%,rgba(6,182,212,.08),transparent 28%),var(--bg);position:relative;overflow:hidden}.grid-noise{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.topbar{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(7,12,26,.62);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.brand-logo-img{width:44px;height:44px;object-fit:contain;border-radius:12px}.brand b{display:block;font-weight:850;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.navlinks{display:flex;gap:28px;color:#cbd5e1;font-size:14px}.navlinks a:hover{color:white}.nav-actions{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:12px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;transition:.22s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 24%,transparent)}.btn.ghost{background:rgba(255,255,255,.025);border-color:var(--line);color:#dbeafe}.btn.glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:white}.btn.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#fecaca}.btn.success{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);color:#a7f3d0}.btn.warn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#fde68a}.btn.xl{padding:14px 20px;font-size:14px}.btn.wide{width:100%}.btn.icon{width:38px;height:38px;padding:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#a5b4fc;text-transform:uppercase;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(16,185,129,.12)}
.hero-modern{min-height:760px;padding:145px clamp(22px,6vw,92px) 100px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:65px;position:relative;background-size:cover;background-position:center}.hero-modern:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.26;pointer-events:none}.hero-glow.g1{width:500px;height:500px;background:var(--primary);right:-140px;top:100px}.hero-glow.g2{width:360px;height:360px;background:var(--secondary);left:-160px;bottom:20px}.hero-copy{z-index:2}.hero-copy h1{font-size:clamp(43px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px;max-width:900px;background:linear-gradient(90deg,#fff 10%,#c7d2fe 55%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:#b6c3d4;max-width:760px;margin:0 0 30px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#8ea0b8;font-size:12px}.trust-row i{color:#a5b4fc;margin-right:6px}.hero-console{z-index:3;background:linear-gradient(180deg,rgba(20,31,52,.94),rgba(9,15,30,.94));border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px);transform:perspective(1400px) rotateY(-4deg)}.console-head{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:12px;margin-bottom:22px}.console-head b{margin-left:8px}.console-head .badge{margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.red{background:#ef4444}.dot.amber{background:#f59e0b}.dot.green{background:#10b981}.badge{font-size:10px;border-radius:999px;padding:5px 9px;font-weight:800;letter-spacing:.04em}.badge.online,.badge.success{background:rgba(16,185,129,.12);color:#86efac;border:1px solid rgba(16,185,129,.25)}.badge.info{background:rgba(6,182,212,.12);color:#67e8f9;border:1px solid rgba(6,182,212,.24)}.badge.warn{background:rgba(245,158,11,.12);color:#fde68a;border:1px solid rgba(245,158,11,.25)}.badge.danger{background:rgba(239,68,68,.12);color:#fecaca;border:1px solid rgba(239,68,68,.22)}.console-flow{display:flex;flex-direction:column}.flow-item{display:grid;grid-template-columns:46px 1fr 34px;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.flow-item.active{border-color:rgba(99,102,241,.35);background:rgba(99,102,241,.07)}.flow-item i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(99,102,241,.12);color:#a5b4fc}.flow-item b{display:block;font-size:13px}.flow-item small{display:block;color:var(--muted);font-size:11px}.flow-item>span{font-family:"JetBrains Mono";color:#475569;font-size:11px}.flow-line{height:18px;border-left:1px dashed rgba(99,102,241,.35);margin-left:34px}.mini-terminal{margin-top:18px;background:#070b16;border-radius:12px;padding:14px;color:#94a3b8;font:11px/1.75 "JetBrains Mono"}.mini-terminal>span{color:#67e8f9}.mini-terminal em{color:#c4b5fd;font-style:normal}.mini-terminal strong{color:#86efac}.floating-metrics{max-width:1180px;margin:-52px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:rgba(15,23,42,.9);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.floating-metrics>div{padding:20px 26px;border-right:1px solid var(--line)}.floating-metrics>div:last-child{border-right:0}.floating-metrics strong{display:block;font-size:26px;letter-spacing:-.04em}.floating-metrics span{color:var(--muted);font-size:11px}.section-modern{max-width:1280px;margin:0 auto;padding:110px 30px}.section-intro{max-width:760px;margin-bottom:42px}.section-intro h2,.analytics-copy h2,.about-card h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.06;margin:12px 0 16px}.section-intro h2 span{color:#a5b4fc}.section-intro p,.analytics-copy p,.about-card p{color:#9aa9be;font-size:15px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-card{min-height:245px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(180deg,rgba(22,34,57,.62),rgba(12,19,34,.7));position:relative;overflow:hidden;transition:.25s}.cap-card:after{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-80px;border-radius:50%;background:var(--primary);filter:blur(55px);opacity:.06}.cap-card:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.28)}.cap-card>i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(99,102,241,.1);color:#a5b4fc;font-size:18px}.cap-card h3{margin:20px 0 8px;font-size:17px}.cap-card p{color:#92a2b8;font-size:13px;min-height:64px}.cap-card span{font:10px "JetBrains Mono";color:#67e8f9;text-transform:uppercase;letter-spacing:.06em}.workflow-section{max-width:1360px}.workflow-track{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center}.wf{padding:24px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);text-align:center;position:relative}.wf b{position:absolute;top:12px;right:12px;color:#334155;font:10px "JetBrains Mono"}.wf i{font-size:24px;color:#a5b4fc}.wf h4{margin:13px 0 4px}.wf p{font-size:11px;color:var(--muted);margin:0}.wf-arrow{text-align:center;color:#475569}.analytics-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.analytics-copy ul{list-style:none;padding:0;margin-top:24px}.analytics-copy li{color:#cbd5e1;font-size:13px;margin:10px 0}.analytics-copy li i{color:#34d399;margin-right:8px}.analytics-card{background:linear-gradient(180deg,rgba(20,31,52,.85),rgba(9,15,30,.9));border:1px solid var(--line);border-radius:22px;padding:20px;min-height:380px;position:relative}.chart-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.chart-title span{font-weight:700}.chart-title small{color:var(--muted)}.chart-empty{position:absolute;inset:80px 28px 28px;display:grid;place-items:center;color:#64748b;text-align:center;font-size:13px;border:1px dashed var(--line);border-radius:15px}.about-section{padding-top:20px}.about-card{border:1px solid rgba(99,102,241,.2);border-radius:28px;padding:44px;background:linear-gradient(135deg,rgba(99,102,241,.09),rgba(6,182,212,.05));display:flex;align-items:center;justify-content:space-between;gap:30px}.about-card>div{max-width:800px}.footer-modern{padding:34px clamp(24px,5vw,72px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#64748b}.footer-modern p{font-size:11px}
.chat-launch{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;border:0;color:white;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 16px 36px rgba(99,102,241,.35);font-size:20px;z-index:80}.chat-panel{position:fixed;right:24px;bottom:94px;width:min(390px,calc(100vw - 32px));height:530px;background:#111a2d;border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.45);z-index:80;display:none;overflow:hidden}.chat-panel.open{display:flex;flex-direction:column}.chat-head{height:70px;padding:12px 16px;background:linear-gradient(135deg,rgba(99,102,241,.95),rgba(6,182,212,.8));display:flex;align-items:center;gap:10px}.bot-avatar{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:900}.chat-head b{display:block}.chat-head small{font-size:10px;color:#e2e8f0}.chat-head button{margin-left:auto;border:0;background:transparent;color:white;font-size:18px}.chat-body{flex:1;padding:16px;overflow:auto}.bubble{max-width:86%;padding:10px 12px;border-radius:13px;margin:7px 0;font-size:12px;white-space:pre-wrap}.bubble.bot{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.18)}.bubble.user{background:var(--primary);margin-left:auto}.quick-q{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#cbd5e1;border-radius:999px;padding:7px 10px;font-size:10px;margin:4px 3px 0 0}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-input input{flex:1;background:#0b1324;border:1px solid var(--line);border-radius:11px;padding:10px;color:white;outline:none}.chat-input button{width:42px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}
/* Auth */.auth-shell{min-height:100vh;background:radial-gradient(circle at 75% 15%,rgba(99,102,241,.22),transparent 26%),radial-gradient(circle at 20% 85%,rgba(6,182,212,.14),transparent 28%),#07101f;display:grid;place-items:center;padding:70px 20px;position:relative}.brand-auth{position:absolute;left:28px;top:24px}.ambient{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.ambient.a1{width:500px;height:500px;background:#6366f1;right:-220px;top:-160px}.ambient.a2{width:420px;height:420px;background:#06b6d4;left:-200px;bottom:-160px}.auth-card{width:min(440px,100%);background:rgba(16,25,45,.8);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(22px);z-index:2}.auth-card h1{font-size:30px;letter-spacing:-.035em;margin:12px 0 5px}.auth-card>p{color:var(--muted);font-size:13px;margin-bottom:25px}.auth-card label{display:block;color:#cbd5e1;font-size:11px;font-weight:700;margin:14px 0 7px}.input-icon{position:relative}.input-icon i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#64748b}.input-icon input{width:100%;padding:12px 13px 12px 40px;border:1px solid var(--line);background:#0c1527;border-radius:11px;color:white;outline:none}.input-icon input:focus{border-color:rgba(99,102,241,.55);box-shadow:0 0 0 3px rgba(99,102,241,.08)}.auth-card .btn{margin-top:20px}.auth-hint{font-size:10px;color:#64748b;margin-top:18px;text-align:center}.alert{padding:10px 12px;border-radius:11px;font-size:12px;margin:10px 0}.alert.danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#fecaca}
/* Dashboard */.dash-shell{min-height:100vh;background:#08111f}.dash-top{height:70px;position:fixed;left:0;right:0;top:0;z-index:50;background:rgba(8,17,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px}.dash-top .top-right{margin-left:auto;display:flex;align-items:center;gap:10px}.role-chip{font-size:10px;text-transform:uppercase;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#a5b4fc}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:11px;background:rgba(255,255,255,.02);border:1px solid var(--line)}.user-avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-size:11px;font-weight:800}.user-chip b{display:block;font-size:11px}.user-chip small{display:block;font-size:9px;color:var(--muted)}.dash-layout{display:grid;grid-template-columns:250px 1fr;padding-top:70px;min-height:100vh}.sidebar{position:fixed;left:0;top:70px;bottom:0;width:250px;background:#0b1425;border-right:1px solid var(--line);padding:18px 12px;overflow-y:auto}.side-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#475569;padding:14px 10px 7px}.side-link{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;border:0;background:transparent;color:#98a7bc;font-size:12px;text-align:left}.side-link i{width:18px}.side-link:hover,.side-link.active{background:rgba(99,102,241,.09);color:#c7d2fe}.side-link .pill{margin-left:auto;font-size:9px;color:#64748b}.dash-main{grid-column:2;padding:28px;max-width:1650px;width:100%;margin:0 auto}.dash-tab{display:none}.dash-tab.active{display:block}.dash-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.dash-heading h1{margin:0;font-size:27px;letter-spacing:-.035em}.dash-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat-box{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,31,52,.78),rgba(12,20,35,.82));border-radius:16px;padding:15px}.stat-box i{color:#a5b4fc}.stat-box strong{display:block;font-size:24px;margin:10px 0 2px}.stat-box span{font-size:10px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,27,49,.88),rgba(10,18,33,.9));border-radius:18px;overflow:hidden;margin-bottom:16px}.panel-head{min-height:58px;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{font-size:13px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:2px 0 0}.panel-body{padding:16px}.chart-wrap{height:320px;position:relative}.chart-wrap.sm{height:240px}.empty-state{padding:45px 20px;text-align:center;color:#64748b;border:1px dashed var(--line);border-radius:14px}.empty-state i{font-size:30px;color:#475569;margin-bottom:10px}.empty-state h4{margin:7px 0;color:#94a3b8}.activity-list{display:flex;flex-direction:column;gap:9px}.activity{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid rgba(148,163,184,.08);background:rgba(255,255,255,.015);border-radius:12px}.activity .status-dot{width:8px;height:8px;border-radius:50%;margin-top:5px}.status-dot.ok{background:var(--success)}.status-dot.fail{background:var(--danger)}.activity b{display:block;font-size:11px}.activity small{display:block;color:var(--muted);font-size:9px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;min-width:760px}.data-table th{color:#8ea0b8;text-transform:uppercase;letter-spacing:.05em;font-size:9px;text-align:left;background:rgba(255,255,255,.018);padding:11px;border-bottom:1px solid var(--line)}.data-table td{padding:11px;border-bottom:1px solid rgba(148,163,184,.07);color:#cbd5e1;vertical-align:top}.data-table tr:hover td{background:rgba(99,102,241,.025)}.table-actions{display:flex;gap:5px}.upload-zone{border:1px dashed rgba(99,102,241,.32);border-radius:15px;padding:26px;text-align:center;background:rgba(99,102,241,.025);transition:.2s}.upload-zone.drag{background:rgba(99,102,241,.08);border-color:#818cf8}.upload-zone i{font-size:26px;color:#a5b4fc}.upload-zone h4{margin:9px 0 4px}.upload-zone p{font-size:10px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{margin-bottom:12px}.field label{display:block;font-size:10px;color:#aebbd0;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0a1425;color:#e2e8f0;border-radius:10px;padding:10px 11px;font-size:11px;outline:none}.field textarea{min-height:100px;resize:vertical;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.07)}.field select[multiple]{min-height:130px}.help{color:#64748b;font-size:9px;margin-top:4px}.segmented{display:flex;gap:5px;padding:4px;background:#0a1324;border:1px solid var(--line);border-radius:12px;overflow:auto}.seg-btn{border:0;background:transparent;color:#7f91a9;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.seg-btn.active{background:rgba(99,102,241,.13);color:#c7d2fe}.subtab{display:none}.subtab.active{display:block}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.metric{padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.015)}.metric b{display:block;font-size:16px}.metric span{font-size:9px;color:var(--muted)}.algo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.algo-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.015)}.algo-top{display:flex;gap:10px;align-items:flex-start}.algo-icon{width:38px;height:38px;border-radius:11px;background:rgba(99,102,241,.1);display:grid;place-items:center;color:#a5b4fc}.algo-top h4{margin:0;font-size:12px}.algo-top p{margin:2px 0;color:var(--muted);font-size:9px}.algo-actions{margin-left:auto;display:flex;gap:5px}.algo-card>p{color:#9aa9be;font-size:10px;min-height:32px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{padding:4px 7px;border-radius:999px;background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.15);color:#67e8f9;font-size:8px}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.provider-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:rgba(255,255,255,.015)}.provider-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}.provider-logo{width:38px;height:38px;border-radius:11px;background:rgba(99,102,241,.1);display:grid;place-items:center;color:#a5b4fc}.provider-head b{font-size:12px}.provider-head small{display:block;color:var(--muted);font-size:9px}.faq-row{display:grid;grid-template-columns:1fr 1.3fr .7fr auto;gap:10px;align-items:start;padding:12px;border-bottom:1px solid rgba(148,163,184,.07)}.faq-row p{margin:0;font-size:10px;color:#cbd5e1}.preview-home{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#07101f;min-height:230px;display:grid;place-items:center;text-align:center;padding:30px;position:relative}.preview-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 35%)}.preview-home .preview-content{position:relative}.preview-home h2{margin:10px 0;font-size:28px}.color-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-field{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.015)}.color-field span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.color-field input[type=color]{width:100%;height:42px;border:0;background:transparent}.toggle{display:flex;align-items:center;gap:8px}.toggle input{width:auto}.code-area{font-family:"JetBrains Mono"!important;min-height:220px!important;font-size:10px!important;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(760px,100%);max-height:88vh;overflow:auto;background:#0d1729;border:1px solid var(--line);border-radius:19px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-head,.modal-foot{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head{border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end}.modal-head h3{font-size:13px;margin:0}.modal-body{padding:16px}.close-btn{border:0;background:transparent;color:#94a3b8;font-size:17px}.toast-stack{position:fixed;top:84px;right:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast-msg{min-width:270px;max-width:420px;background:#111b31;border:1px solid var(--line);border-left:3px solid var(--secondary);border-radius:12px;padding:11px 13px;box-shadow:var(--shadow);font-size:11px;animation:toastIn .22s ease}.toast-msg.success{border-left-color:var(--success)}.toast-msg.error{border-left-color:var(--danger)}.toast-msg.warning{border-left-color:var(--warn)}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-modern{grid-template-columns:1fr;padding-top:120px}.hero-console{max-width:720px;transform:none}.cap-grid{grid-template-columns:repeat(2,1fr)}.analytics-section{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.provider-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.algo-list{grid-template-columns:1fr}.workflow-track{grid-template-columns:1fr;gap:10px}.wf-arrow{transform:rotate(90deg)}.floating-metrics{margin:-20px 20px 0}}
@media(max-width:760px){.topbar{height:66px;padding:0 14px}.topbar .navlinks{display:none}.topbar .nav-actions .ghost{display:none}.brand small{display:none}.hero-modern{padding:110px 20px 70px}.hero-copy h1{font-size:42px}.hero-console{padding:14px}.floating-metrics{grid-template-columns:repeat(2,1fr)}.floating-metrics>div:nth-child(2){border-right:0}.floating-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-modern{padding:76px 20px}.cap-grid{grid-template-columns:1fr}.about-card{flex-direction:column;align-items:flex-start}.footer-modern{flex-direction:column;align-items:flex-start;gap:14px}.dash-top{height:62px;padding:0 12px}.dash-top .brand small,.user-chip div:nth-child(2){display:none}.dash-layout{display:block;padding-top:62px}.sidebar{position:static;width:auto;height:auto;display:flex;overflow-x:auto;padding:8px;white-space:nowrap;border-right:0;border-bottom:1px solid var(--line)}.side-label{display:none}.side-link{width:auto}.dash-main{padding:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.three,.color-row{grid-template-columns:1fr}.result-metrics{grid-template-columns:repeat(2,1fr)}.faq-row{grid-template-columns:1fr}.dash-heading{flex-direction:column}.provider-grid{grid-template-columns:1fr}.chat-panel{right:16px;bottom:86px}.chat-launch{right:16px;bottom:16px}}

/* SENDIKO v3.1 — explicit bilingual controls */
.lang-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(8,15,29,.72);box-shadow:0 8px 24px rgba(2,6,23,.14)}
.lang-switch span{display:none}
.lang-switch a{min-width:42px;padding:7px 9px;border-radius:8px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.02em;color:#94a3b8;transition:.18s ease}
.lang-switch a:hover{color:#e2e8f0;background:rgba(148,163,184,.08)}
.lang-switch a.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 24%,transparent)}
.login-lang{position:absolute;top:22px;right:24px;z-index:6}
.side-link{position:relative;z-index:1;touch-action:manipulation}
.side-link:focus-visible,.btn:focus-visible,.lang-switch a:focus-visible{outline:2px solid color-mix(in srgb,var(--secondary) 75%,white);outline-offset:2px}
@media(max-width:760px){.lang-switch{padding:3px}.lang-switch a{min-width:38px;padding:6px 7px}.login-lang{top:14px;right:14px}}

/* SENDIKO v3.2 — proportional login, OAuth and bounded pre-footer CTA */
.login-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:86px 22px 46px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(99,102,241,.16),transparent 30%),radial-gradient(circle at 82% 72%,rgba(6,182,212,.10),transparent 28%),#08111f}
.login-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.login-orb{position:absolute;border-radius:50%;filter:blur(95px);opacity:.22;pointer-events:none}.login-orb.o1{width:360px;height:360px;background:var(--primary);left:-110px;top:70px}.login-orb.o2{width:320px;height:320px;background:var(--secondary);right:-100px;bottom:30px}
.login-wrap{width:100%;display:flex;justify-content:center;position:relative;z-index:3}.login-card{width:min(440px,100%);padding:28px 30px 24px;border:1px solid rgba(148,163,184,.17);border-radius:22px;background:linear-gradient(180deg,rgba(17,27,49,.96),rgba(9,18,34,.96));box-shadow:0 26px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(148,163,184,.11)}.brand-mark.big{width:46px;height:46px;border-radius:14px}.login-brand b{display:block;font-size:14px;letter-spacing:.02em}.login-brand small{display:block;margin-top:2px;font-size:9px;color:var(--muted);letter-spacing:.04em}
.login-heading{text-align:left;margin-bottom:19px}.login-heading h1{font-size:25px;letter-spacing:-.035em;margin:0 0 5px}.login-heading p{font-size:11px;color:#91a2b8;margin:0}.login-form .field{margin-bottom:13px}.input-icon{position:relative}.input-icon>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:12px;pointer-events:none}.input-icon input{padding-left:35px!important;height:42px}
.login-back{position:absolute;left:24px;top:22px;z-index:6;display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:700;padding:8px 10px;border-radius:10px}.login-back:hover{background:rgba(255,255,255,.04);color:#e2e8f0}.alert{display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border-radius:10px;font-size:10px;margin-bottom:13px}.alert.danger{border:1px solid rgba(239,68,68,.24);background:rgba(239,68,68,.08);color:#fecaca}
.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0 13px;color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.12)}.oauth-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.oauth-login-btn{min-height:42px;border:1px solid rgba(148,163,184,.15);background:rgba(255,255,255,.025);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:750;color:#dbeafe;transition:.18s}.oauth-login-btn:hover{transform:translateY(-1px);border-color:rgba(99,102,241,.35);background:rgba(99,102,241,.06)}.oauth-login-btn i{font-size:15px}.oauth-login-btn.google i{color:#f8fafc}.oauth-login-btn.github i{color:#f8fafc}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:#64748b;font-size:9px;text-align:center}.login-note i{color:#34d399}
.cta-band{max-width:1180px;margin:16px auto 76px;padding:30px 34px;border:1px solid rgba(99,102,241,.19);border-radius:24px;background:linear-gradient(125deg,rgba(99,102,241,.09),rgba(6,182,212,.045));display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;right:-100px;top:-120px;width:260px;height:260px;border-radius:50%;background:var(--primary);filter:blur(80px);opacity:.08;pointer-events:none}.cta-band>div{max-width:760px;position:relative;z-index:1}.cta-band h2{margin:0 0 8px;font-size:clamp(23px,2.7vw,36px);letter-spacing:-.035em;line-height:1.12}.cta-band p{margin:0;color:#93a4ba;font-size:13px;max-width:680px}.cta-band>.btn{position:relative;z-index:1;flex:0 0 auto}.footer-modern{padding:0;border-top:1px solid var(--line);display:block}.footer-inner{max-width:1280px;margin:0 auto;padding:30px 30px;color:#64748b}.footer-inner b{color:#94a3b8;font-size:12px}.footer-inner p{margin:4px 0 0;font-size:10px}
.oauth-settings-panel{margin-top:16px}.oauth-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oauth-config-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.015)}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px}.copy-field input{min-width:0}.oauth-security-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:11px 12px;border:1px solid rgba(16,185,129,.16);border-radius:12px;background:rgba(16,185,129,.045);color:#8fb9aa;font-size:10px}.oauth-security-note i{color:#34d399;margin-top:2px}
@media(max-width:760px){.login-page{padding:76px 14px 28px;align-items:start}.login-card{padding:23px 20px 20px;border-radius:18px}.login-back{left:12px;top:12px}.login-heading h1{font-size:22px}.oauth-login-grid{grid-template-columns:1fr}.cta-band{margin:8px 16px 52px;padding:24px 21px;flex-direction:column;align-items:flex-start}.footer-inner{padding:24px 20px}.oauth-config-grid{grid-template-columns:1fr}}

/* SENDIKO v3.3 — custom Agent AI and declarative Python Definition */
.advanced-box{margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015)}
.advanced-box>summary{cursor:pointer;font-size:11px;font-weight:800;color:#cbd5e1;user-select:none}.advanced-box[open]>summary{margin-bottom:12px;color:#e2e8f0}
.algo-actions{display:flex;gap:7px;align-items:center}.algo-use{padding:8px 11px;font-size:11px}.provider-card .advanced-box textarea{min-height:90px!important}