@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;600&family=Spline+Sans+Mono:wght@400;600&display=swap";:root{--bg: #222222;--bg-2: #1f1f1f;--text: #ffffff;--muted: #cfcfcf;--accent: #ff6d1f;--accent-2: #ff6d1f;--accent-3: #ff6d1f;--card: #2b2b2b;--border: rgba(255, 255, 255, .08);--parallax-x: 0;--parallax-y: 0}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}.page{position:relative;overflow:hidden;padding:24px clamp(18px,4vw,56px) 80px;max-width:100%;margin:0 auto}.ambient-orb{display:none}.orb-1{top:-120px;left:-120px;background:#6d28d9}.orb-2{top:280px;right:-200px;background:#0ea5e9}.orb-3{bottom:-240px;left:20%;background:#ec4899}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0 32px}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;display:flex;gap:10px;align-items:center}.logo[role=button]{cursor:pointer}.logo-mark{height:72px;width:auto;display:block}.logo-dot{width:10px;height:10px;background:var(--accent);border-radius:50%}.nav-links{display:flex;gap:24px;font-size:14px;color:var(--muted)}.nav-actions{display:flex;gap:12px;align-items:center}.pill{background:#2b2b2b;border:1px solid #3a3a3a;color:var(--text);padding:10px 18px;border-radius:999px;font-weight:600}.pill.ghost{background:transparent;border-color:#3a3a3a;color:#fff}.hero-band{position:relative;overflow:hidden;margin:-24px calc(-1*clamp(18px,4vw,56px)) 0;padding:24px clamp(18px,4vw,56px) 0}.hero-band>*{position:relative;z-index:2}.hero{text-align:center;padding:32px 0 0;animation:rise 1s ease both}.hero-band:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;--f: blur(7em) brightness(1.2);filter:var(--f);background-color:#1d1d1d;background-image:radial-gradient(ellipse 260px 180px at 20% 10%,rgba(255,109,31,.35) 0%,transparent 70%),radial-gradient(ellipse 320px 220px at 80% 20%,rgba(255,140,66,.28) 0%,transparent 70%),radial-gradient(ellipse 280px 240px at 60% 70%,rgba(255,109,31,.25) 0%,transparent 70%),radial-gradient(ellipse 220px 200px at 10% 70%,rgba(255,169,102,.2) 0%,transparent 70%),radial-gradient(ellipse 260px 220px at 90% 80%,rgba(255,109,31,.2) 0%,transparent 70%);background-size:900px 720px,1200px 800px,1000px 900px,820px 760px,980px 880px;animation:hero-blobs 90s linear infinite}.hero-band:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:1;pointer-events:none;background-image:radial-gradient(circle at 50% 50%,rgba(255,109,31,.08),transparent 60%),radial-gradient(circle at 20% 10%,rgba(255,109,31,.06),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,140,66,.05),transparent 60%);mix-blend-mode:screen}@keyframes hero-blobs{0%{background-position:120px 40px,800px 140px,540px 620px,80px 520px,860px 700px}to{background-position:-12000px -2600px,18000px 6400px,-15000px 9400px,9800px -3200px,-11000px 8200px}}.chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;padding:8px 14px;border-radius:999px;background:#2a2a2a;border:1px solid #3a3a3a;margin-bottom:18px}.chip.small{margin-bottom:12px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(34px,5vw,62px);margin:0 auto 16px;max-width:720px}h2{font-family:Space Grotesk,sans-serif;font-size:clamp(26px,3vw,40px);margin:0 0 14px}p{font-size:18px;line-height:1.6;color:var(--muted);margin:0 auto;max-width:680px}.hero-actions{margin-top:26px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn{background:var(--accent);color:#fff;border:none;padding:12px 22px;border-radius:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-ghost{background:transparent;color:#fff;border:1px solid #3a3a3a}.hero-note{margin-top:16px;font-family:Spline Sans Mono,monospace;font-size:12px;color:var(--muted)}.hero-frame{margin:40px auto 0;max-width:900px;padding:16px;border-radius:28px;background:#2a2a2a;border:1px solid #3a3a3a;transform:perspective(1400px) translateZ(var(--hero-z, -180px)) rotateX(var(--hero-tilt, 18deg)) translateY(calc(var(--hero-lift, 84px) + (var(--parallax-y) * -6px))) scale(var(--hero-scale, .9));transform-origin:center center;transform-style:preserve-3d;will-change:transform}.hero-frame-inner{animation:hero-dashboard-fade .9s ease .15s both;transform-style:preserve-3d}@keyframes hero-dashboard-fade{0%{opacity:0}to{opacity:1}}.dashboard{display:grid;grid-template-columns:1fr 3fr;gap:16px;background:#1c1c1c;border-radius:20px;padding:18px}.dashboard-sidebar{background:#242424;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;font-size:13px}.dot-row span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px}.sidebar-item{padding:8px 10px;border-radius:10px;color:var(--muted)}.sidebar-item.active{background:#7dd3fc26;color:var(--text)}.dashboard-main{display:flex;flex-direction:column;gap:16px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:left}.kpi h3{margin:6px 0}.kpi span{font-size:12px;color:var(--accent)}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.chart-header{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}.chart-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:140px}.chart-bars span{display:block;background:var(--accent);border-radius:8px 8px 0 0;animation:pulse 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .1s)}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mini-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:14px}.mini-card span{font-size:12px;color:var(--accent-3)}.logo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:80px 0 48px;padding:24px;border-radius:20px;border:1px solid #3a3a3a;background:#2a2a2a;text-align:center;color:var(--muted);font-size:13px;overflow:hidden}.logo-marquee{width:100%;overflow:hidden;position:relative}.logo-track{display:flex;gap:24px;white-space:nowrap;position:relative;width:max-content;margin:0 auto}.logo-marquee.static .logo-track{animation:none}.logo-track span{display:inline-flex;padding:6px 14px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);position:relative;font-size:14px}.logo-marquee.connected .logo-track span:after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:var(--accent);transform:translateY(-50%)}.logo-marquee.connected .logo-track span:last-child:after{display:none}.logo-marquee.connected:after{content:"";position:absolute;left:24px;right:24px;top:50%;height:2px;background:#ffffff14;transform:translateY(-50%);z-index:0}.logo-marquee.connected .logo-track span{z-index:1;background:#2a2a2a}.feature-block{margin-top:112px;margin-bottom:48px;display:grid;gap:40px}.feature-title{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px}.feature-card span{font-size:12px;color:var(--accent)}.panel-block{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:stretch;max-width:1200px;margin:112px auto 48px}@media (max-width: 900px){.panel-block{grid-template-columns:1fr}}.panel-left{background:#ffffff05;border-radius:22px;padding:28px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.panel-blocks{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;align-content:stretch}.panel-card{background:var(--card);border-radius:20px;border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;min-height:0}.panel-card-featured{grid-column:1;grid-row:1 / -1;padding:28px;border-radius:24px;justify-content:center}.panel-card-featured .panel-card-header{margin-bottom:12px}.panel-card-featured h4{font-size:1.15rem}.panel-card-featured p{font-size:15px;line-height:1.5;flex:1}.panel-card-sm{border-radius:18px;padding:18px}.panel-impact{font-size:12px;color:var(--accent);margin-top:auto;padding-top:10px}.panel-card p{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.45}.panel-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.panel-card-header h4{margin:0;font-size:15px;font-weight:600}.panel-icon{font-size:20px;flex-shrink:0}.float{animation:float 6s ease-in-out infinite}.float.delay-1{animation-delay:.8s}.float.delay-2{animation-delay:1.6s}@media (max-width: 600px){.panel-blocks{grid-template-columns:1fr;grid-template-rows:auto}.panel-card-featured{grid-column:1;grid-row:auto}}.metrics{margin:112px 0 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.metric-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:18px;text-align:center}.metric-card h3{font-size:28px;margin:0 0 8px}.docs{margin:40px 0 60px;padding:36px;border-radius:24px;background:#1d1d1d;border:1px solid #2d2d2d}.docs-header h2{margin:10px 0 6px}.docs-header p{margin:0;color:#fff9}.docs-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:24px;margin-top:24px}.docs-steps{display:grid;gap:14px}.docs-step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:16px;background:#232323;border:1px solid #2f2f2f}.step-index{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#ff6d1f33;color:var(--accent);font-weight:600}.docs-step h4{margin:0 0 6px;font-size:14px}.docs-step p{margin:0;font-size:12px;color:#fff9}.docs-code{display:grid;gap:14px}.docs-tabs{display:flex;gap:8px;flex-wrap:wrap}.docs-tabs button{padding:8px 14px;border-radius:999px;border:1px solid #2f2f2f;background:#1f1f1f;color:#ffffffb3;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.docs-tabs button.active{border-color:#ff6d1f99;color:var(--accent)}.code-block{background:#111;border-radius:18px;border:1px solid #2f2f2f;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;background:#1b1b1b;border-bottom:1px solid #2f2f2f;color:#ffffffb3}.code-block pre{margin:0;padding:16px;font-size:12px;line-height:1.5;color:#f4f4f4;white-space:pre-wrap}.docs-notes{padding:16px;border-radius:16px;background:#232323;border:1px solid #2f2f2f}.docs-notes h4{margin:0 0 10px;font-size:13px}.docs-notes ul{margin:0;padding-left:18px;color:#ffffffa6;font-size:12px;display:grid;gap:6px}@media (max-width: 960px){.docs-grid{grid-template-columns:1fr}}.cta{margin:80px 0;padding:48px 24px;text-align:center;border-radius:24px;background:#2a2a2a;border:1px solid #3a3a3a}.auth-page{min-height:100vh;overflow:hidden;padding:0;display:flex;flex-direction:column}.auth-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;flex:1;min-height:0}.auth-wrapper{width:min(1600px,96vw);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#2a2a2a;border-radius:28px;border:1px solid var(--border);overflow:hidden;box-shadow:0 24px 80px #05060f80;height:min(760px,100%)}.auth-page .nav{position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-header{background:#2a2a2a;border-radius:22px;padding:24px;border:1px solid var(--border)}.auth-visual{padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:#2f2f2f;color:var(--text);position:relative;min-height:100%}.auth-visual:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:24px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.auth-visual-brand{font-weight:700;display:flex;align-items:center;gap:10px}.auth-visual-brand .logo-mark{height:96px}.auth-visual-content{max-width:320px}.auth-visual-content h2{color:var(--text)}.auth-visual-content p{color:var(--muted);font-size:15px}.auth-visual-footer{display:grid;gap:6px;font-size:12px;color:var(--muted)}.auth-visual-footer strong{color:var(--text)}.auth-card{background:#2a2a2a;border-radius:0;border:none;padding:32px 32px 36px}.auth-panel{background:#252525}.auth-title{margin:0 0 6px;font-family:Space Grotesk,sans-serif}.auth-subtitle{font-size:14px;color:var(--muted);margin-bottom:16px}.auth-warning{background:#ff6d1f1f;border:1px solid rgba(255,109,31,.4);color:#ffd9c2;padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.auth-warning code{font-family:Spline Sans Mono,monospace;color:#fbcfe8}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.auth-toggle button{background:#ffffff0d;border:1px solid transparent;color:var(--muted);padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer}.auth-toggle button.active{background:#7dd3fc26;border-color:#7dd3fc66;color:var(--text)}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:14px;color:var(--muted)}.auth-form input{background:#050812cc;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px}.auth-message{font-size:13px;color:var(--accent);margin:0}.testimonials{margin:80px 0}.testimonials-header{text-align:center;margin-bottom:32px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.testimonial-card{background:var(--card);border-radius:18px;border:1px solid var(--border);padding:18px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,border .25s ease}.testimonial-card:hover{transform:translateY(-6px);border-color:#7dd3fc80}.testimonial-card span{color:var(--accent);font-size:12px;margin-top:12px}.footer{padding:56px 0 32px;margin-top:24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-links{display:flex;gap:16px;color:var(--muted);font-size:14px}@media (max-width: 900px){.dashboard{grid-template-columns:1fr}.nav-links{display:none}.auth-wrapper{grid-template-columns:1fr}}@media (max-width: 600px){.hero-frame{padding:8px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.dashboard-page{padding-bottom:64px;min-height:100vh}.dashboard-layout{display:block;margin-top:16px}.dashboard-sidebar{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;border:1px solid #3a3a3a;background:#2a2a2a;height:calc(100vh - 140px);overflow:auto}.sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:6px}.side-btn{background:transparent;border:1px solid transparent;color:var(--text);padding:10px 12px;border-radius:12px;text-align:left;font-weight:600}.side-btn.active{background:#ff6d1f33;border-color:#ff6d1f80;color:var(--text)}.side-btn.disabled{opacity:.4;cursor:not-allowed}.side-btn.logout{margin-top:auto;border:1px solid #3a3a3a}.sidebar-divider{height:1px;background:#3a3a3a;margin:8px 0}.dashboard-main{min-width:0;display:flex;flex-direction:column;gap:24px;padding-bottom:24px}.dashboard-main.full{width:min(1500px,96vw);margin:0 auto}.dashboard-nav{display:flex;align-items:center;justify-content:space-between}.dashboard-tabs{display:flex;gap:8px;align-items:center}.dashboard-tabs button{background:transparent;border:1px solid #3a3a3a;color:var(--text);padding:8px 14px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.dashboard-tabs button.active{border-color:#ff6d1fb3;color:var(--accent)}.dashboard-nav-actions{display:flex;align-items:center;gap:10px}.dashboard-loading{margin-top:80px;display:grid;place-items:center;color:var(--muted)}.llm-loading-wrap{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8}.llm-loading svg polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.llm-loading svg polyline#back{stroke:#ff6d1f38}.llm-loading svg polyline#front{stroke:var(--accent);stroke-dasharray:48,144;stroke-dashoffset:192;animation:llm-loading-dash 1.4s linear infinite}@keyframes llm-loading-dash{72.5%{opacity:0}to{stroke-dashoffset:0}}.panel-loading{min-height:140px;display:grid;place-items:center}.dashboard-hero{margin:24px 0 12px}.dashboard-hero-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.hero-title h1{margin:0}.hero-center{display:flex;justify-content:center}.dashboard-actions{display:grid;gap:12px;min-width:300px;justify-self:end}.project-switcher{display:grid;gap:6px;background:#2a2a2a;border:1px solid #3a3a3a;padding:10px 12px;border-radius:12px}.project-switcher label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.project-switcher select{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:8px 10px;border-radius:10px}.create-project{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px dashed #3a3a3a;background:#2a2a2a}.create-project label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.create-project-row{display:flex;gap:10px}.create-project-row input{flex:1;background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:10px 12px;border-radius:10px}.api-key-field{display:grid;gap:8px;background:#2a2a2a;border-radius:16px;padding:14px;border:1px solid #3a3a3a;position:relative}.api-key-field label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.api-key-field input{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:10px 12px;border-radius:10px;width:100%}.copy-pill{position:absolute;right:12px;top:12px;padding:6px 12px;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.onboarding{margin:10px 0 28px}.onboarding-card{display:grid;gap:20px;padding:24px;border-radius:22px;border:1px solid #3a3a3a;background:#2a2a2a}.onboarding-card h3{margin:8px 0}.onboarding-card p{margin:0;color:#ffffffb3}.onboarding-steps{display:grid;gap:12px}.step{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;border:1px solid #3a3a3a;background:#1f1f1f}.step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ff6d1f33;color:var(--text);font-weight:600}.step.done span{background:#ff6d1f99}.step strong{display:block}.step p{margin:4px 0 0;font-size:13px;color:#fff9}.step button{margin-left:auto}.api-keys-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}.api-keys-actions{display:flex;align-items:center;gap:10px}.api-keys-header h1{margin:10px 0 8px}.api-keys-header p{margin:0;color:#e5e7ffa6}.section-title{font-size:22px;letter-spacing:.02em}.section-subtitle{font-size:12px;color:#fff9}.api-keys-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.api-keys-search{flex:1}.api-keys-search input{width:min(520px,100%);background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:12px 14px;border-radius:14px}.api-keys-container{padding:24px;border-radius:22px;border:1px solid #3a3a3a;background:#2a2a2a;min-height:320px;flex:1;display:flex;flex-direction:column}.logs-actions{display:flex;align-items:center;gap:8px}.logs-count{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.logs-header .section-title{margin-bottom:4px}.logs-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.logs-search{flex:1 1 420px}.logs-search input{width:100%;background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:8px 12px;border-radius:10px;font-size:12px}.logs-filter-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logs-filter-inline select{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:8px 10px;border-radius:10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.filter-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:1px solid #3a3a3a;color:var(--accent);font-size:12px}.logs-table{background:#2a2a2a;border-radius:18px;border:1px solid #3a3a3a;padding:18px;display:flex;flex-direction:column;gap:10px;height:clamp(420px,78vh,78vh)}.logs-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:20px;align-items:start}.logs-split.no-detail{grid-template-columns:1fr}.logs-head-row{display:grid;grid-template-columns:170px 1.4fr .8fr .7fr .8fr .7fr .6fr;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80;padding:6px 8px}.logs-body{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:6px}.logs-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#fff9;padding:8px 4px 0}.pager{display:flex;gap:6px;align-items:center}.pager button{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:6px 10px;border-radius:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.pager button.active{border-color:#ff6d1fb3;color:var(--accent)}.pager button:disabled{opacity:.5;cursor:not-allowed}.logs-filters{display:flex;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.filter-group{display:grid;gap:6px}.filter-group span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80}.filter-group select{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:10px 14px;border-radius:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.logs-row{display:grid;grid-template-columns:170px 1.4fr .8fr .7fr .8fr .7fr .6fr;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:#1b1b1b;font-size:11px;color:#ffffffbf}.logs-button{border:1px solid transparent;text-align:left;cursor:pointer;position:relative;width:100%;background:#1b1b1b;outline:none}.logs-button:hover{border-color:#ff6d1f4d}.logs-button.active{border-color:#ff6d1fb3;box-shadow:0 0 0 1px #ff6d1f33}.logs-button.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--accent)}.logs-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-empty{padding:20px;display:grid;place-items:center;color:#fff9;min-height:140px}.logs-detail{background:#2a2a2a;border-radius:18px;border:1px solid #3a3a3a;padding:18px;display:grid;gap:16px;height:clamp(420px,78vh,78vh);overflow:auto}.logs-detail-empty{text-align:center;color:#fff9;padding:60px 20px}.logs-detail-header h3{margin:8px 0 4px}.logs-tabs{display:flex;gap:12px;align-items:center;padding:6px 0 4px}.logs-tabs button{min-width:130px;height:44px;padding:0 18px;border-radius:999px;background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.logs-tabs button.active{border-color:#ff6d1fb3;color:var(--accent);box-shadow:0 0 0 1px #ff6d1f33}.logs-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-card.full{grid-column:1 / -1}.latency-bar{width:100%;height:8px;border-radius:999px;background:#2a2a2a;border:1px solid #3a3a3a;overflow:hidden}.latency-bar span{display:block;height:100%;background:var(--accent)}.detail-card{background:#1f1f1f;border:1px solid #3a3a3a;border-radius:14px;padding:14px;display:grid;gap:6px}.detail-card span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80}.detail-card strong{font-size:18px}.detail-card p{margin:0;color:#fff9;font-size:12px}.logs-raw{display:grid;gap:12px}.logs-raw pre{margin:0;background:#1f1f1f;border:1px solid #3a3a3a;border-radius:12px;padding:14px;max-height:320px;overflow:auto;font-size:12px;color:#ffffffbf}.logs-meta{display:grid;gap:10px}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #3a3a3a;background:#1f1f1f;font-size:13px}.detail-line span{color:#fff9}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border:1px solid #3a3a3a}.status-pill.success{color:var(--accent);border-color:#ff6d1f99}.status-pill.error{color:#ff6b6b;border-color:#ff6b6b99}@media (max-width: 1100px){.logs-row{grid-template-columns:1fr 1fr;gap:8px}.logs-head-row{display:none}.logs-split,.logs-detail-grid{grid-template-columns:1fr}}.api-keys-empty{padding:48px;border-radius:18px;border:1px dashed #3a3a3a;background:#2a2a2a;text-align:center;display:grid;gap:14px}.api-keys-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.api-keys-list{display:grid;gap:12px}.api-key-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;border:1px solid #3a3a3a;background:#1f1f1f}.api-key-row strong{display:block}.api-key-row span{font-size:12px;color:#fff9}.api-key-hint{display:block;margin-top:6px;font-size:11px;color:#ff6d1fd9}.api-key-row code{background:#1f1f1f;padding:6px 10px;border-radius:10px;border:1px solid #3a3a3a}.api-key-actions{display:flex;gap:8px}.pill.danger{border-color:#ff6d1f80;color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.modal{width:min(520px,92vw);background:#2a2a2a;border-radius:20px;border:1px solid #3a3a3a;padding:22px;display:grid;gap:16px;box-shadow:0 20px 60px #00000059}.modal-subtitle{color:#ffffffa6;font-size:13px}.modal-toggle{display:flex;gap:8px;margin-bottom:10px}.modal-toggle button{flex:1;padding:10px 12px;border-radius:999px;border:1px solid #3a3a3a;background:#1f1f1f;color:var(--text)}.modal-toggle button.active{border-color:#ff6d1f99;color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.btn.danger{background:var(--accent);color:#1a1a1a}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-body{display:grid;gap:12px}.modal-body label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.modal-body input{background:#1f1f1f;border:1px solid #3a3a3a;color:var(--text);padding:10px 12px;border-radius:10px}.modal-key-row{display:flex;gap:10px;align-items:center}.modal-key-row input{flex:1}@media (max-width: 1000px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.side-btn{flex:1 1 120px;text-align:center}}.stat-card{background:#2a2a2a;border-radius:18px;border:1px solid #3a3a3a;padding:18px 52px 18px 18px;display:grid;gap:8px;position:relative}.stat-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#ff6d1f;background:#ff6d1f1f;border:1px solid rgba(255,109,31,.35);position:absolute;top:14px;right:14px}.stat-icon svg{width:18px;height:18px}.stat-card span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.stat-card strong{font-size:28px;font-family:Space Grotesk,sans-serif}.stat-card p{margin:0;font-size:13px;color:#ffffffa6}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px}.analytics-panels{margin-top:24px}.panel{background:#2a2a2a;border-radius:20px;border:1px solid #3a3a3a;padding:22px;display:grid;gap:16px}.panel.highlight{background:#2a2a2a}.panel-header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.panel-header h3{margin:0;font-size:18px;color:var(--text)}.panel-body,.insights-list{display:grid;gap:14px}.insight-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;border:1px solid #3a3a3a;background:#1f1f1f}.insight-row span{color:#ffffffb3;font-size:13px}.insight-row strong{font-size:13px;font-weight:600;text-align:right}.rec-card{border:1px solid #3a3a3a;border-radius:16px;padding:14px;display:grid;gap:12px;background:#1f1f1f}.rec-card strong{display:block;margin-bottom:6px}.rec-card p{margin:0;color:#ffffffb3;font-size:13px}.rec-meta{display:flex;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#fff9}.pulse-chart{display:flex;align-items:flex-end;gap:8px;height:160px;padding:12px 4px 0}.pulse-chart span{flex:1;border-radius:12px;background:var(--accent);box-shadow:none}.pulse-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pulse-stats strong{display:block;font-size:22px}.pulse-stats span{font-size:12px;color:#e5e7ffa6;text-transform:uppercase;letter-spacing:.16em}.muted{color:#e5e7ffa6}@media (max-width: 900px){.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-panels{grid-template-columns:1fr}.insight-row{flex-direction:column;align-items:flex-start}.insight-row strong{text-align:left}}