:root{--black:#080808;--panel:#0e0e0f;--panel2:#121213;--line:#252527;--line2:#303033;--white:#f6f6f4;--muted:#96969a;--dim:#69696d;--soft:#d8d8d5}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.auth-shell{min-height:100vh;background:radial-gradient(circle at 50% 20%,#181819 0,#080808 48%);position:relative;overflow:hidden}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.auth-topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:relative;z-index:1}.brand{font-weight:900;letter-spacing:.18em;font-size:15px}.top-actions{display:flex;gap:20px;align-items:center;font-size:12px}.muted{color:var(--muted)}.icon-button{border:1px solid var(--line);background:#111;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.auth-stage{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:48px 20px}.auth-card{width:min(480px,100%);border:1px solid var(--line);background:rgba(13,13,14,.88);border-radius:24px;padding:34px;box-shadow:0 30px 100px #000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--dim);font-weight:800;margin-bottom:12px}.auth-card h1{font-size:32px;line-height:1.08;margin:0 0 12px;letter-spacing:-.035em}.subcopy{color:var(--muted);line-height:1.55;font-size:14px;margin:0 0 28px}.login-options,.selection-list{display:grid;grid-gap:10px;gap:10px}.provider-card,.selection-row{width:100%;border:1px solid var(--line);background:#111112;border-radius:14px;display:flex;align-items:center;gap:14px;text-align:left;padding:14px;cursor:pointer;transition:.2s}.provider-card:hover,.selection-row:hover{border-color:#4a4a4c;background:#151516;transform:translateY(-1px)}.provider-card>span:nth-child(2),.selection-copy{display:grid;grid-gap:4px;gap:4px;flex:1 1}.provider-card b,.selection-row b{font-size:14px}.provider-card small,.selection-row small{color:var(--muted);font-size:12px}.mini-avatar,.provider-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:#f2f2ef;color:#080808}.compact{padding:16px}.or{height:22px;display:flex;align-items:center;gap:10px;color:var(--dim);font-size:11px}.or:after,.or:before{content:"";height:1px;background:var(--line);flex:1 1}.or span{padding:0 4px}.primary-wide,.secondary-wide{height:46px;border-radius:12px;border:1px solid var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:750}.primary-wide{background:var(--white);color:#090909}.secondary-wide{background:transparent;border-color:var(--line)}.selection-row.selected{border-color:#aaa;background:#191919}.check{width:23px;height:23px;border:1px solid #777;border-radius:7px;display:grid;place-items:center}.connection-card,.selection-note{border:1px solid var(--line);background:#101011;padding:12px 13px;border-radius:12px;color:var(--muted);font-size:12px;display:flex;gap:9px;align-items:center}.connection-card{color:var(--white)}.connection-card div:nth-child(2){display:grid;grid-gap:3px;gap:3px}.connection-card small{color:var(--muted)}.status-dot{width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #fff1}.tiny{color:var(--dim);font-size:11px;line-height:1.5}.auth-footer{display:flex;gap:16px;color:#555;font-size:10px;margin-top:28px}.notice{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#9b9b9b;font-size:11px;letter-spacing:.02em}.app-shell{min-height:100vh;background:#080808}.app-frame{display:flex;min-height:calc(100vh - 36px)}.sidebar{width:248px;border-right:1px solid var(--line);background:#0b0b0c;padding:16px 12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:8px 8px 17px;border-bottom:1px solid var(--line);margin-bottom:8px}.workspace-switcher>div:nth-child(2){flex:1 1;display:grid;grid-gap:2px;gap:2px}.workspace-switcher b{font-size:13px}.workspace-switcher small{font-size:8px;color:var(--dim);letter-spacing:.16em}.workspace-avatar{width:32px;height:32px;border-radius:9px;background:#f2f2ef;color:#090909;display:grid;place-items:center;font-weight:900}.side-search{border:1px solid var(--line);border-radius:9px;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--dim);font-size:11px;margin-bottom:12px}.side-search span{flex:1 1}.side-search kbd{border:1px solid var(--line2);padding:2px 5px;border-radius:4px;font-size:9px}.nav-label{font-size:9px;letter-spacing:.16em;color:#555;margin:14px 8px 5px}.nav-item{height:36px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#888;cursor:pointer;font-size:12px;text-align:left}.nav-item:hover{background:#131314;color:#ddd}.nav-item.active{background:#f2f2ef;color:#080808}.pill{margin-left:auto;border:1px solid #444;border-radius:999px;padding:2px 5px;font-size:7px;letter-spacing:.12em}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.profile{display:flex;align-items:center;gap:9px;padding:7px}.profile>div{flex:1 1;display:grid;grid-gap:2px;gap:2px}.profile b{font-size:11px}.profile small{font-size:9px;color:var(--dim)}.profile-avatar{width:29px;height:29px;border-radius:50%;background:#f2f2ef;color:#080808;display:grid;place-items:center;font-weight:800}.main-panel{flex:1 1;min-width:0}.content{max-width:1380px;margin:0 auto;padding:44px 46px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h2{font-size:30px;letter-spacing:-.035em;margin:0 0 8px}.page-head p{margin:0;color:var(--muted);font-size:13px}.head-actions{display:flex;gap:8px}.ghost-button,.primary-button,.secondary-button{border-radius:9px;height:38px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;cursor:pointer}.primary-button{background:var(--white);color:#080808;border:1px solid var(--white)}.ghost-button,.secondary-button{background:#111112;border:1px solid var(--line);color:#ddd}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.chart-card,.empty-card,.settings-card,.source-card,.stat-card,.table-card{border:1px solid var(--line);background:#0e0e0f;border-radius:14px}.stat-card{padding:18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.stat-top small{font-size:9px;letter-spacing:.12em}.stat-card strong{display:block;font-size:30px;letter-spacing:-.04em;margin:13px 0 7px}.delta{font-size:10px;color:#bcbcbc}.stat-icon{width:31px;height:31px;border:1px solid var(--line2);border-radius:9px;display:grid;place-items:center;color:#bbb}.source-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.source-card{padding:15px;display:flex;align-items:center;gap:11px}.source-icon{width:34px;height:34px;border:1px solid var(--line2);border-radius:9px;display:grid;place-items:center;font-weight:900}.source-card>div{flex:1 1;display:grid;grid-gap:4px;gap:4px}.source-card small{font-size:8px;letter-spacing:.14em;color:#666}.source-card b{font-size:12px}.connected{font-size:9px;color:#aaa;border:1px solid var(--line2);padding:4px 7px;border-radius:999px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 13px}.section-title span{font-size:9px;color:#555;letter-spacing:.17em}.section-title h3{font-size:17px;margin:6px 0 0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.chart-card{padding:18px}.chart-head{display:flex;justify-content:space-between}.chart-head h3{margin:0;font-size:13px}.chart-head p{margin:5px 0 0;color:#707075;font-size:10px}.chart{height:180px;position:relative;margin-top:22px}.chart-lines{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr)}.chart-lines i{border-top:1px dashed #222}.bars{position:absolute;inset:5px 0 0;display:flex;align-items:flex-end;gap:7px}.bars span{flex:1 1;background:#e7e7e4;border-radius:4px 4px 1px 1px;min-width:3px;opacity:.88}.chart-foot{display:flex;justify-content:space-between;color:#555;font-size:9px;margin-top:8px}.table-card{overflow:hidden}.table-row{display:grid;grid-template-columns:1.5fr 1fr 80px;grid-gap:16px;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}.table-row:last-child{border:0}.table-row div{display:grid;grid-gap:4px;gap:4px}.table-row b{font-size:11px}.table-row small,.table-row time{font-size:10px;color:#666}.table-row>span{font-size:10px;color:#aaa}.settings-card{overflow:hidden}.settings-tabs{display:flex;gap:2px;overflow:auto;padding:8px;border-bottom:1px solid var(--line);background:#0b0b0c}.settings-tabs button{border:0;background:transparent;color:#777;padding:9px 12px;border-radius:8px;white-space:nowrap;font-size:10px;cursor:pointer}.settings-tabs button.active{background:#f1f1ee;color:#080808;font-weight:800}.settings-body{padding:6px 18px 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row>div:first-child{max-width:600px}.setting-row b{font-size:12px}.setting-row p{font-size:10px;color:#666;margin:6px 0 0}.setting-row input,.setting-row select{height:35px;min-width:250px;color:#ddd;padding:0 10px;outline:none}.input-prefix,.setting-row input,.setting-row select{background:#111;border:1px solid var(--line2);border-radius:8px;font-size:11px}.input-prefix{display:flex;align-items:center;padding-left:10px;color:#555}.input-prefix input{min-width:170px;border:0}.status-badge{display:flex;align-items:center;gap:6px;border:1px solid #3b3b3d;padding:7px 9px;border-radius:8px;font-size:10px}.empty-card,.settings-placeholder{padding:70px 20px;text-align:center;display:grid;place-items:center;color:#666}.empty-card h3,.settings-placeholder h3{color:#ddd;margin:10px 0 0;font-size:16px}.empty-card p,.settings-placeholder p{max-width:460px;font-size:11px;line-height:1.5}.empty-icon{width:42px;height:42px;border:1px solid var(--line2);border-radius:12px;display:grid;place-items:center;color:#bbb}.mobile-bar{display:none}@media(max-width:900px){.sidebar{position:fixed;z-index:20;left:-270px;top:36px;bottom:0;transition:.2s}.sidebar.open{left:0}.mobile-bar{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;letter-spacing:.15em;font-weight:900}.content{padding:28px 18px 60px}.stat-grid{grid-template-columns:1fr 1fr}.chart-grid,.source-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions button{flex:1 1;justify-content:center}.top-actions .muted{display:none}}@media(max-width:560px){.auth-topbar{padding:0 18px}.auth-card{padding:25px 18px;border-radius:18px}.auth-card h1{font-size:27px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:25px}.table-row{grid-template-columns:1fr}.table-row time,.table-row>span{display:none}.setting-row{align-items:flex-start;flex-direction:column}.setting-row input,.setting-row select{width:100%;min-width:0}.notice{padding:0 15px;text-align:center;font-size:9px}.content{padding:24px 14px 50px}}html{scroll-behavior:smooth}a,button{font:inherit}.brand-button{border:0;background:transparent;color:var(--white);cursor:pointer;padding:0}.page-transition{animation:klyro-in .34s cubic-bezier(.2,.75,.2,1)}@keyframes klyro-in{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(25px,-18px,0)}}@keyframes float-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(-20px,20px,0)}}.landing-shell{min-height:100vh;background:#070707;color:var(--white);overflow:hidden;position:relative}.landing-nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:relative;z-index:2;background:rgba(7,7,7,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-nav .brand{font-size:15px;font-weight:900;letter-spacing:.22em}.landing-links{display:flex;gap:30px}.landing-links a{color:#777;text-decoration:none;font-size:11px;transition:.2s}.landing-links a:hover{color:#eee}.landing-login{border:1px solid #303032;background:#101011;color:#eee;border-radius:9px;height:36px;padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:7vw;gap:7vw;align-items:center;max-width:1280px;margin:auto;padding:80px 6vw 110px;position:relative;z-index:1}.hero-copy{max-width:700px}.hero-badge,.section-kicker{font-size:9px;letter-spacing:.18em;color:#777}.hero-badge{display:flex;align-items:center;gap:8px;margin-bottom:20px}.hero-badge span{width:6px;height:6px;border-radius:50%;background:#eee}.hero h1{font-size:clamp(48px,6.2vw,84px);line-height:.96;letter-spacing:-.06em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#888}.hero p{font-size:16px;line-height:1.7;color:#949498;max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-primary,.hero-secondary{height:46px;border-radius:10px;padding:0 16px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:800;font-size:11px}.hero-primary{border:1px solid #eee;background:#eee;color:#090909}.hero-secondary{border:1px solid #303032;background:#0e0e0f;color:#ddd}.hero-note{display:flex;align-items:center;gap:8px;color:#555;font-size:10px;margin-top:20px}.hero-preview{border:1px solid #29292b;background:linear-gradient(145deg,#101011,#090909);border-radius:20px;padding:18px;box-shadow:0 35px 100px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(-4deg);transition:.5s}.hero-preview:hover{transform:perspective(1000px) rotateY(0deg) translateY(-4px)}.preview-top{display:flex;justify-content:space-between;color:#555;font-size:8px;letter-spacing:.15em;border-bottom:1px solid #242426;padding-bottom:14px}.preview-top span:last-child{color:#aaa}.preview-title{font-size:30px;letter-spacing:-.04em;line-height:1.05;margin:35px 0}.preview-title b{color:#888}.preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.preview-grid div{border:1px solid #242426;border-radius:11px;padding:14px;display:grid;grid-gap:6px;gap:6px}.preview-grid small{color:#555;font-size:8px;letter-spacing:.12em}.preview-grid strong{font-size:25px}.preview-grid span{color:#666;font-size:9px}.preview-bars{height:100px;display:flex;align-items:end;gap:7px;padding-top:18px}.preview-bars i{flex:1 1;border-radius:4px 4px 1px 1px;background:#eee;opacity:.8}.preview-bars i:first-child{height:25%}.preview-bars i:nth-child(2){height:35%}.preview-bars i:nth-child(3){height:30%}.preview-bars i:nth-child(4){height:47%}.preview-bars i:nth-child(5){height:41%}.preview-bars i:nth-child(6){height:58%}.preview-bars i:nth-child(7){height:50%}.preview-bars i:nth-child(8){height:66%}.preview-bars i:nth-child(9){height:60%}.preview-bars i:nth-child(10){height:74%}.preview-bars i:nth-child(11){height:70%}.preview-bars i:nth-child(12){height:87%}.landing-orb{position:absolute;border:1px solid #202022;border-radius:50%;filter:blur(.2px);opacity:.55;pointer-events:none}.orb-a{width:600px;height:600px;right:-280px;top:140px;animation:float-a 9s ease-in-out infinite}.orb-b{width:400px;height:400px;left:-250px;top:700px;animation:float-b 11s ease-in-out infinite}.landing-section{max-width:1280px;margin:auto;padding:110px 6vw}.landing-section h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 48px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.feature-card{border:1px solid #242426;background:#0b0b0c;border-radius:14px;padding:22px;min-height:185px;transition:.25s}.feature-card:hover{border-color:#4a4a4c;transform:translateY(-3px)}.feature-icon{width:36px;height:36px;border:1px solid #2b2b2d;border-radius:10px;display:grid;place-items:center;color:#ccc}.feature-icon svg{width:16px}.feature-card h3{font-size:14px;margin:25px 0 8px}.feature-card p{font-size:11px;color:#737377;line-height:1.6;margin:0;max-width:290px}.landing-quote{max-width:1280px;margin:auto;padding:0 6vw 110px}.quote-card{border:1px solid #29292b;background:#0b0b0c;border-radius:18px;padding:38px;display:grid;grid-template-columns:40px 1fr;grid-gap:20px;gap:20px}.quote-card h3{font-size:27px;letter-spacing:-.035em;margin:10px 0}.quote-card p{color:#777;font-size:12px;line-height:1.7;max-width:700px;margin:0}.landing-cta{border-top:1px solid #202022;max-width:1280px;margin:auto;padding:90px 6vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.landing-cta h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;line-height:1;margin:12px 0 0}.landing-footer{border-top:1px solid #202022;display:flex;justify-content:space-between;color:#4e4e51;font-size:9px;letter-spacing:.08em;padding:25px 6vw}.workspace-shell{min-height:100vh;background:#080808}.workspace-head{height:70px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}.workspace-head .brand{font-size:14px;letter-spacing:.2em;font-weight:900;justify-self:start}.workspace-head>span{font-size:9px;color:#666;letter-spacing:.18em}.ghost-icon{justify-self:end;width:34px;height:34px;border:1px solid var(--line);background:#111;color:#aaa;border-radius:9px;display:grid;place-items:center;cursor:pointer}.workspace-picker{max-width:940px;margin:auto;padding:90px 24px}.workspace-picker h1{font-size:42px;letter-spacing:-.05em;margin:10px 0}.workspace-picker>p{color:#777;font-size:13px;line-height:1.6;max-width:600px;margin-bottom:35px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.workspace-create,.workspace-tile{border:1px solid #29292b;background:#0d0d0e;color:#eee;border-radius:15px;padding:18px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:.22s}.workspace-create:hover,.workspace-tile:hover{border-color:#555;transform:translateY(-2px);background:#111}.workspace-tile-copy{display:grid;grid-gap:5px;gap:5px;flex:1 1}.workspace-tile-copy b{font-size:13px}.workspace-tile-copy small{font-size:10px;color:#666}.workspace-avatar.large{width:46px;height:46px;border-radius:13px}.workspace-create{background:#0a0a0b;border-style:dashed;display:grid;grid-template-columns:46px 1fr auto}.workspace-create>span{width:46px;height:46px;border:1px solid #303032;border-radius:13px;display:grid;place-items:center}.workspace-create b{font-size:13px}.workspace-create small{font-size:10px;color:#666;grid-column:2}.workspace-create svg{grid-column:3;grid-row:1/3}@media(max-width:900px){.landing-links{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-preview{max-width:620px}.feature-grid{grid-template-columns:1fr 1fr}.landing-cta{align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:1fr}}@media(max-width:560px){.landing-nav{padding:0 18px}.hero{padding:55px 18px 80px}.hero h1{font-size:49px}.hero p{font-size:14px}.landing-section{padding:75px 18px}.feature-grid{grid-template-columns:1fr}.landing-quote{padding:0 18px 75px}.quote-card{padding:25px;grid-template-columns:1fr}.landing-cta{padding:70px 18px}.landing-footer{padding:20px 18px;gap:8px;flex-direction:column}.workspace-head{padding:0 18px}.workspace-picker{padding:65px 18px}.workspace-picker h1{font-size:35px}}