:root{--bg:#07111f;--bg2:#0d1b2f;--panel:#0f1d31e0;--panel2:#14243beb;--border:#94a3b83d;--text:#f8fafc;--muted:#cbd5e1;--blue:#38bdf8;--purple:#8b5cf6;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#7c3aed38,#0000 28%),radial-gradient(circle at 84% 12%,#0ea5e926,#0000 26%),linear-gradient(135deg,#020617 0%,#07111f 48%,#0b1220 100%);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}.appShell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:#030712d1;justify-content:space-between;align-items:center;height:86px;padding:0 22px;display:flex;box-shadow:0 10px 35px #00000038}.brand{align-items:center;gap:14px;display:flex}.brandLogo{color:#d8b4fe;border:1px solid #a855f78c;border-radius:18px;place-items:center;width:48px;height:48px;font-size:30px;display:grid;box-shadow:0 0 22px #a855f759}.brand h1{letter-spacing:.02em;margin:0;font-size:21px}.brand p{color:var(--muted);margin:4px 0 0}.topbarCenter{align-items:center;gap:18px;display:flex}.betaPill{background:linear-gradient(135deg,#4c1d95,#7e22ce);border:1px solid #9333ea;border-radius:8px;padding:11px 20px;font-weight:700;box-shadow:0 0 18px #9333ea4d}.version{color:var(--muted);font-weight:700}.topbarActions{align-items:center;gap:16px;display:flex}.healthChip{white-space:nowrap;font-weight:700}.healthChip.up{color:#86efac}.healthChip.down{color:#fca5a5}.linkBtn,.resetTop,.smallBtn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#1e293bdb;border-radius:9px;padding:10px 14px}.resetTop:hover,.linkBtn:hover,.smallBtn:hover{background:#334155f2}.layout{flex:1;grid-template-columns:334px 1fr;min-height:calc(100vh - 138px);display:grid}.sidebar{border-right:1px solid var(--border);background:#0206176b;padding:26px 18px}.sidePanel{background:linear-gradient(145deg,#1e293bc7,#0f172ad1);border:1px solid #94a3b838;border-radius:13px;margin-bottom:18px;overflow:hidden;box-shadow:0 10px 30px #00000024}.panelTitle{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:13px;width:100%;min-height:84px;padding:0 20px;font-size:19px;font-weight:800;display:flex}.chevron{font-size:20px}.panelBody{gap:10px;padding:0 18px 18px;display:grid}.panelBody button,.panelBody select{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #94a3b840;border-radius:9px;width:100%;padding:11px;font-weight:700}.panelBody select{color:#fff;background:#0f172a}.check{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.purpleBtn{background:linear-gradient(135deg,#7e22ce,#9333ea)!important;border:1px solid #a855f7!important}.greenBtn{background:linear-gradient(135deg,#15803d,#16a34a)!important;border:1px solid #22c55e!important}.main{padding:18px 30px 24px;overflow:auto}.infoBanner{background:linear-gradient(135deg,#0f365cb3,#0f172ab8);border:1px solid #38bdf847;border-radius:9px;grid-template-columns:48px 1fr 34px;align-items:start;gap:14px;margin-bottom:38px;padding:22px;display:grid;box-shadow:0 12px 35px #0000002b}.infoIcon{background:#2563eb;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.infoBanner strong{font-size:18px}.infoBanner p{color:#dbeafe;margin:8px 0 0;line-height:1.5}.closeBanner{color:#dbeafe;background:0 0;border:none;font-size:28px}.welcome{max-width:920px;margin:0 auto 22px}.welcome h2{margin:0;font-size:30px}.accentLine{background:linear-gradient(90deg,#a855f7,#60a5fa);width:220px;height:4px;margin:14px 0 30px}.welcome>p{color:var(--muted);margin-bottom:22px;font-size:16px}.actionGrid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:24px;display:grid}.actionCard{text-align:center;background:#0f172aa1;border:1px solid #94a3b838;border-radius:10px;place-items:center;min-height:320px;padding:30px;display:grid;box-shadow:0 20px 50px #00000029}.circle{border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:8px;font-size:32px;display:grid}.circle.purple{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 0 22px #9333ea73}.circle.green{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 0 22px #22c55e61}.actionCard h3{margin:6px 0;font-size:22px}.actionCard p{color:var(--muted);line-height:1.45}.actionCard button{color:#fff;cursor:pointer;border-radius:8px;width:170px;padding:13px 18px;font-weight:800}.securityNote{color:#dbeafe;background:#082f498c;border:1px solid #0ea5e940;border-radius:9px;gap:14px;padding:18px;display:flex}.securityNote span{font-size:28px}.securityNote p{color:#dbeafe;margin:6px 0 0}.workbench{grid-template-columns:minmax(640px,1fr) 360px;gap:18px;margin-top:26px;display:grid}.graphPanel,.rightPanel{background:#0f172ab8;border:1px solid #94a3b838;border-radius:13px;overflow:hidden;box-shadow:0 20px 50px #00000030}.panelHeader{border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.panelHeader h3{margin:0;font-size:19px}.panelHeader small{color:var(--muted)}.cy{background-color:#0000;background-image:linear-gradient(#94a3b80e 1px,#0000 1px),linear-gradient(90deg,#94a3b80e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:620px}.rightPanel{max-height:700px;padding:18px;overflow-y:auto}.rightPanel h3{margin:0 0 12px}.muted{color:var(--muted)}.summaryCard{background:#0f365c73;border:1px solid #38bdf840;border-radius:10px;gap:7px;margin-bottom:14px;padding:12px;display:grid}.summaryCard span{color:#dbeafe;font-size:13px}.kv{gap:8px;margin-bottom:18px;display:grid}.kv div{background:#0f172a8f;border:1px solid #94a3b82e;border-radius:8px;padding:8px}.kv strong{color:#93c5fd;font-size:12px;display:block}.kv span{color:#e2e8f0;word-break:break-word}.steps{gap:8px;padding-left:18px;display:grid}.steps li{background:#0f172a8f;border:1px solid #94a3b82e;border-radius:8px;padding:8px}.steps li.error{background:#7f1d1d80;border-color:#f8717166}.steps li.warning{background:#78350f80;border-color:#fbbf2466}.steps li.success{background:#14532d73;border-color:#86efac59}.steps span,.steps small{color:#d1d5db;margin-top:3px;font-size:12px;display:block}.alertMode{color:var(--muted);background:#1e293bd9;border-radius:8px;margin-bottom:8px;padding:8px;font-size:12px}.alert{text-align:left;color:#fee2e2;cursor:pointer;background:#7f1d1d8f;border:1px solid #f8717159;border-radius:10px;gap:4px;width:100%;margin-bottom:8px;padding:10px;display:grid}.alert.major{color:#fef3c7;background:#78350f8f;border-color:#fbbf2459}.alert span,.alert small{color:#e5e7eb;font-size:12px}.footer{border-top:1px solid var(--border);min-height:62px;color:var(--muted);background:#030712c7;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.toast{color:#064e3b;background:#ecfdf5;border:1px solid #86efac;padding:14px 22px;font-weight:700;position:fixed;bottom:0;left:0;right:0}@media (width<=1180px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.workbench,.actionGrid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:16px}}.layout.focusMode .main{padding-top:18px}.layout.focusMode .workbench{max-width:1220px;margin:0 auto 24px}.layout.focusMode .graphPanel .cy{height:760px}.layout.focusMode .graphPanel,.layout.focusMode .rightPanel{min-height:845px}.topbarActions.compact{margin-left:auto}.closeBanner{cursor:pointer}.datasetChip{color:#cbd5e1;background:#1e293bf2;border:1px solid #94a3b840;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px}.realFileInput{opacity:.01;pointer-events:none;width:1px;height:1px;position:fixed;top:-10000px;left:-10000px}.uploadDisclaimer{color:#dbeafe;background:#082f49a6;border:1px solid #38bdf840;border-radius:9px;padding:10px;font-size:12px;line-height:1.4}.switchRow{color:#dbeafe;align-items:center;gap:10px;font-size:13px;display:flex}.switchRow input{width:18px;height:18px}.secondaryMini{font-size:12px;color:#e2e8f0!important;background:#1e293bf2!important;border:1px solid #94a3b840!important}.modalOverlay{z-index:50;background:#020617c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{color:#f8fafc;background:#0f172a;border:1px solid #94a3b847;border-radius:16px;width:min(760px,92vw);max-height:86vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #00000073}.modal h2{margin-top:0}.modal p,.modal li{color:#cbd5e1;line-height:1.55}.modalClose{color:#e2e8f0;cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:12px;right:16px}.modalActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.modalActions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:10px 14px}.analyticsGrid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.analyticsGrid div{background:#1e293be6;border:1px solid #94a3b833;border-radius:10px;gap:5px;padding:12px;display:grid}.analyticsGrid strong{color:#93c5fd;font-size:12px}.analyticsGrid span{color:#f8fafc;font-weight:700}.modal pre{color:#dbeafe;background:#020617;border:1px solid #94a3b833;border-radius:10px;padding:12px;overflow-x:auto}.exportGroup{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.loadingOverlay{color:#dbeafe;z-index:5;pointer-events:none;background:#02061773;place-items:center;font-weight:800;display:grid;position:absolute;inset:55px 0 0}.graphPanel{position:relative}.warningBox{color:#fef3c7;background:#78350f80;border:1px solid #fbbf2473;border-radius:10px;margin-bottom:12px;padding:10px;font-size:12px}.warningBox ul{margin:6px 0 0 18px;padding:0}.hint{color:#cbd5e1;margin-top:6px;font-size:11px;line-height:1.35;display:block}.venaraTopbar{background:#020617f5;border-bottom:1px solid #22d3ee38;gap:18px;height:auto;min-height:84px;padding:10px 18px}.venaraBrand{min-width:270px}.venaraLogoMark{color:#22d3ee;text-shadow:0 0 20px #22d3ee61;border-bottom:4px solid #22d3ee;place-items:center;width:44px;height:44px;font-size:34px;font-weight:950;line-height:1;display:grid}.brandCopy{gap:1px;display:grid}.venaraLabsName{color:#f8fafc;letter-spacing:.02em;font-size:13px;font-weight:900}.venaraBrand h1{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:18px}.venaraBrand p{color:#22d3ee;margin:0;font-size:11px;font-weight:800}.backToVenara{color:#f8fafc;background:#0f172aeb;border:1px solid #94a3b840;border-radius:12px;gap:2px;min-width:170px;padding:10px 14px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 10px 26px #0000002e}.backToVenara small{color:#22d3ee;font-size:10px;font-weight:800}.topNav{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.navBtn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:18px 10px 15px;font-size:13px;font-weight:900}.navBtn:hover,.navBtn.active{color:#22d3ee;background:#22d3ee0f;border-bottom-color:#22d3ee}.adminLoginBtn{font-weight:900}.venaraFooter{color:#cbd5e1;background:#020617f2;border-top:1px solid #22d3ee29;justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.venaraFooter>div:first-child{gap:2px;display:grid}.venaraFooter strong{color:#f8fafc}.venaraFooter span{color:#94a3b8;font-size:12px}.footerLinks{align-items:center;gap:8px;display:flex}.footerLinks button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:9px;padding:8px 10px;font-weight:800}.footerLinks button:hover{color:#22d3ee;background:#22d3ee0f;border-color:#22d3ee4d}@media (width<=1120px){.venaraTopbar{flex-wrap:wrap}.topNav{flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}.backToVenara{min-width:145px}}@media (width<=760px){.venaraBrand{min-width:auto}.backToVenara,.topbarActions{width:100%}.venaraFooter{flex-direction:column;align-items:flex-start}.footerLinks{flex-wrap:wrap}}.contactModal{max-width:760px}.docsModal{max-width:860px}.eyebrow{color:#22d3ee;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.formIntro{color:#cbd5e1;margin-bottom:18px}.venaraContactForm{gap:14px;display:grid}.formRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.venaraContactForm label{color:#dbeafe;gap:6px;font-size:13px;font-weight:800;display:grid}.venaraContactForm input,.venaraContactForm select,.venaraContactForm textarea{color:#f8fafc;background:#020617c2;border:1px solid #94a3b842;border-radius:12px;width:100%;padding:11px 12px}.venaraContactForm textarea{resize:vertical;min-height:110px}.checkboxRow{align-items:start;line-height:1.4;color:#cbd5e1!important;grid-template-columns:20px 1fr!important;font-weight:500!important}.checkboxRow input{width:16px;height:16px;margin-top:2px}.formStatus{color:#a5f3fc;background:#082f498c;border:1px solid #22d3ee40;border-radius:12px;margin:0;padding:10px 12px}.faqList{gap:12px;margin-top:18px;display:grid}.faqItem{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:14px;padding:14px}.faqItem h3{color:#f8fafc;margin:0 0 6px;font-size:15px}.faqItem p{color:#cbd5e1;margin:0;line-height:1.5}.pipStyleFooter{background:#020617;border-top:1px solid #22d3ee29;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:10px 20px;display:grid}.footerBrand{color:#f8fafc;align-items:center;gap:8px;display:flex}.footerLogoMark{color:#22d3ee;border-bottom:3px solid #22d3ee;font-size:26px;font-weight:950;line-height:1}.footerCopyright{color:#94a3b8;font-size:12px}.pipStyleFooter .footerLinks{justify-content:flex-end}.pipStyleFooter .footerLinks button{color:#22d3ee;background:0 0;border:none;font-weight:800}.pipStyleFooter .footerLinks button:hover{color:#67e8f9;background:#22d3ee0f}@media (width<=760px){.formRow{grid-template-columns:1fr}.pipStyleFooter{text-align:left;grid-template-columns:1fr;gap:10px}.pipStyleFooter .footerLinks{flex-wrap:wrap;justify-content:flex-start}}.venaraLogoImage{object-fit:contain;border-radius:14px;width:74px;height:74px}.vriHeroHeader{align-items:center}.venaraBrand h1 span{color:#cbd5e1;font-size:.72em}.footerLogoImage{object-fit:contain;border-radius:10px;width:50px;height:50px}.adminLogo{object-fit:contain;width:96px;height:96px;margin:0 auto 8px}.vriLandingDashboard{background:radial-gradient(circle at 20% 0,#22d3ee1a,#0000 32%),linear-gradient(145deg,#020617f5,#071426eb);border:1px solid #94a3b833;border-radius:22px;gap:20px;padding:22px;display:grid;box-shadow:0 20px 50px #0000004d}.landingHero{grid-template-columns:1fr 280px;align-items:start;gap:18px;display:grid}.landingHero h2{color:#f8fafc;letter-spacing:-.04em;margin:0 0 10px;font-size:32px}.landingHero p{color:#cbd5e1;max-width:760px;line-height:1.55}.privacyMiniCard{background:#0f172ac2;border:1px solid #22d3ee2e;border-radius:16px;gap:7px;padding:14px;display:grid}.privacyDot{background:#22c55e;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #22c55e8c}.privacyMiniCard strong{color:#f8fafc}.privacyMiniCard span{color:#94a3b8;font-size:13px}.landingStats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;display:grid}.landingStat{background:#0f172ab8;border:1px solid #94a3b833;border-radius:16px;padding:16px}.landingStat span{color:#94a3b8;font-size:12px}.landingStat strong{color:#f8fafc;margin-top:4px;font-size:24px;display:block}.landingStat.live strong{color:#22d3ee}.landingGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.landingPanel{background:#02061785;border:1px solid #94a3b82e;border-radius:18px;padding:18px}.landingPanel h3{color:#f8fafc;margin:0 0 14px}.stepList{gap:12px;display:grid}.stepList div{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.stepList b{color:#fff;background:linear-gradient(135deg,#0891b2,#2563eb);border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.stepList span{gap:3px;display:grid}.stepList strong{color:#f8fafc}.stepList small{color:#94a3b8}.docCta{margin-top:18px}.datasetCards{gap:10px;margin-top:12px;display:grid}.datasetCards button{text-align:left;color:#e0f2fe;cursor:pointer;background:#0f172abd;border:1px solid #94a3b82e;border-radius:14px;gap:4px;padding:13px 14px;display:grid}.datasetCards button:hover{background:#082f496b;border-color:#22d3ee57}.datasetCards span{color:#94a3b8;font-size:12px}@media (width<=960px){.landingHero,.landingGrid{grid-template-columns:1fr}.landingStats{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=640px){.landingStats{grid-template-columns:1fr}.venaraLogoImage{width:58px;height:58px}}.adminModal{text-align:center;max-width:420px}.adminLogo{object-fit:contain;border-radius:14px;width:96px;height:96px;margin:0 auto 8px}.adminLoginForm{text-align:left;gap:14px;margin-top:16px;display:grid}.adminLoginForm label{color:#dbeafe;gap:6px;font-weight:800;display:grid}.adminLoginForm input{color:#f8fafc;background:#020617c2;border:1px solid #94a3b842;border-radius:12px;width:100%;padding:11px 12px}.adminActions{justify-content:center;gap:10px;display:flex}.secondaryBtn{color:#f8fafc;cursor:pointer;background:#1e293bdb;border:1px solid #94a3b83d;border-radius:9px;padding:10px 14px;font-weight:800}
