/* NileAgent SaaS release — responsive theme and premium account experience */
:root{color-scheme:light;--surface:#fff;--surface-muted:#f6f5fd;--surface-raised:#fff;--divider:#e9e8f1;--auth-side:#10102a}
html[data-theme="dark"]{color-scheme:dark;--navy:#f4f2ff;--ink:#eae9fa;--muted:#aaaac7;--violet:#a28bff;--purple:#ad93ff;--lav:#211d3b;--bg:#0d1021;--line:#2d3050;--surface:#181b34;--surface-muted:#171a30;--surface-raised:#1b1f39;--divider:#333653;--shadow:0 18px 60px #0004}
body{background:var(--bg);transition:background .18s ease,color .18s ease}
.site-nav{position:relative;z-index:10;gap:16px}.site-nav .logo-mark{border-radius:14px;background:transparent;box-shadow:none}.logo-mark img{border-radius:12px}.nav-actions{gap:12px}.nav-start{border-radius:12px}.nav-login{font-weight:800}.theme-toggle{display:inline-grid;place-items:center;width:41px;height:41px;min-width:41px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 15px #16132a08;cursor:pointer}.theme-toggle:hover{border-color:var(--violet)}.theme-toggle .icon{width:19px;height:19px}.theme-toggle .icon:last-child,html[data-theme="dark"] .theme-toggle .icon:first-child{display:none}html[data-theme="dark"] .theme-toggle .icon:last-child{display:block}
.hero{padding-top:87px;background:radial-gradient(ellipse 50% 76% at 85% 35%,#ddd5ff78,transparent 83%),linear-gradient(180deg,#fbfaff,transparent 70%)}.hero .hero-grid{grid-template-columns:52% 48%;gap:1px}.hero h1{max-width:700px;font-size:clamp(52px,5.7vw,80px);line-height:1.06;letter-spacing:-.075em}.hero h1 .accent{background:linear-gradient(115deg,#7f62e9,#4930cd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:540px;font-size:17px;line-height:1.85;color:var(--muted)}.hero .eyebrow{font-size:10px;letter-spacing:.11em;background:#eeeafb;color:#6a4be2}.hero .chat-mock{border:1px solid #e6e0fb;box-shadow:0 35px 100px #4533a72c}.hero .float-card{box-shadow:0 18px 50px #36315b21}.hero-ctas .btn{min-height:53px}.hero-app-note{border:1px solid var(--line)}
.value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.value-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:20px}.value-strip span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:750}.value-strip svg{color:var(--violet);width:18px;height:18px}
.showcase-section{padding:96px 0;background:var(--bg)}.showcase-layout{display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:8%}.showcase-copy h2{font-size:clamp(36px,3.6vw,51px);color:var(--navy);margin:17px 0;line-height:1.15}.showcase-copy p{line-height:1.9;color:var(--muted);font-size:15px}.showcase-bullets{display:grid;gap:12px;margin:24px 0 27px}.showcase-bullets span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--ink)}.showcase-bullets svg{color:#7a5be5;height:17px;width:17px}.showcase-preview{background:var(--surface);border:1px solid var(--line);border-radius:27px;padding:25px;box-shadow:0 22px 65px #30267016;max-width:650px}.sp-top{display:flex;align-items:center;gap:11px;padding-bottom:19px;border-bottom:1px solid var(--line)}.sp-avatar{width:43px;height:43px;border-radius:13px;overflow:hidden}.sp-avatar img{width:100%;height:100%}.sp-top>div{flex:1}.sp-top strong,.sp-top small{display:block}.sp-top strong{font-size:14px;color:var(--navy)}.sp-top small{font-size:11px;color:var(--muted);margin-top:4px}.sp-dot{width:9px;height:9px;background:#28bd8e;border-radius:100%}.sp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}.sp-metrics>div{padding:19px 17px;border-radius:16px;background:var(--surface-muted);border:1px solid var(--line)}.sp-metrics small,.sp-metrics strong,.sp-metrics em{display:block}.sp-metrics small{color:var(--muted);font-size:11px}.sp-metrics strong{font-size:16px;line-height:1.35;color:var(--navy);margin:12px 0 8px}.sp-metrics em{color:#7455e0;font-style:normal;font-weight:700;font-size:10px}.sp-conversation{border:1px solid var(--line);border-radius:17px;padding:16px;background:var(--surface-raised)}.sp-text{margin-left:auto;max-width:85%;background:#6d53de;color:white;padding:13px 15px;border-radius:17px 17px 5px 17px;font-size:12px}.sp-answer{margin-top:17px;max-width:90%;padding:13px 15px;background:var(--surface-muted);border-radius:17px 17px 17px 5px;font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:11px;color:var(--ink)}.sp-answer img{width:30px;height:30px;border-radius:9px;flex-shrink:0}.sp-foot{font-size:11px;text-align:center;color:var(--muted);margin-top:16px}
.auth-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);min-height:100dvh;background:var(--surface)}.auth-side{background:radial-gradient(ellipse at 12% 65%,#5440bb,#1a163f 47%,#0e1027);color:#fff;padding:45px clamp(32px,5vw,88px);display:flex;align-items:stretch}.auth-side-content{max-width:565px;width:100%;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}.auth-side .logo{color:white}.auth-side .logo-type span{color:white}.auth-side-hero{padding:70px 0}.auth-pill{border:1px solid #a392fc60;background:#ffffff11;color:#e2dbff;border-radius:40px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.08em;display:inline-flex;align-items:center;gap:7px}.auth-side-hero h1{font-size:clamp(39px,4vw,58px);line-height:1.18;margin:25px 0;letter-spacing:-.065em}.auth-side-hero h1 span{color:#a78bff}.auth-side-hero p{color:#c1bedc;font-size:15px;line-height:1.9;max-width:465px}.auth-side-preview{margin-top:44px;border:1px solid #ffffff33;background:#ffffff12;backdrop-filter:blur(12px);padding:20px;border-radius:19px;display:flex;align-items:center;gap:13px;max-width:430px}.auth-side-preview>span{width:49px;height:49px}.auth-side-preview img{width:100%;height:100%;border-radius:14px}.auth-side-preview strong,.auth-side-preview small{display:block}.auth-side-preview strong{font-size:13px}.auth-side-preview small{font-size:11px;margin-top:6px;color:#bab6d6}.auth-side-foot{font-size:11px;color:#b9b5d9}.auth-main{display:flex;flex-direction:column;min-width:0;padding:30px clamp(28px,5vw,78px);background:var(--surface)}.auth-top{display:flex;align-items:center;justify-content:space-between}.auth-back{font-size:12px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:750}.auth-back:hover{color:var(--violet)}.auth-card{max-width:415px;width:100%;margin:auto}.auth-robot{border-radius:19px;margin-bottom:22px;box-shadow:0 12px 34px #7259dd25}.auth-kicker{font-size:11px;letter-spacing:.12em;color:var(--violet);font-weight:850}.auth-card h1{font-size:clamp(33px,3vw,43px);margin:9px 0 12px;color:var(--navy)}.auth-sub{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:27px}.google-btn{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);width:100%;height:51px;color:var(--ink);font-size:13px;font-weight:800;cursor:pointer}.google-btn:hover{border-color:#b7a4f9;background:var(--surface-muted)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.google-g{font-size:20px;font-weight:900;color:#4285f4;text-shadow:1px 0 #34a853,-1px 0 #ea4335}.auth-divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.auth-card .form-grid{display:grid;gap:17px}.auth-card .form-grid label{display:grid;gap:7px;font-size:12px;font-weight:750;color:var(--ink)}.auth-card input{width:100%;min-height:49px;border-radius:11px;border:1px solid var(--line);padding:12px 14px;background:var(--surface-raised);color:var(--ink);font-size:14px}.auth-card input:focus{border-color:#917bff;box-shadow:0 0 0 4px #7c63ed1e}.auth-card input::placeholder{color:var(--muted)}.auth-helper{font-size:10px;color:var(--muted);margin:13px 0;line-height:1.6}.auth-submit{min-height:51px;margin-top:22px}.auth-switch{text-align:center;margin:24px 0 15px;font-size:12px;color:var(--muted)}.auth-switch a{font-weight:850;color:var(--violet)}.auth-note{text-align:center;color:var(--muted);font-size:10px}.auth-error{background:#fef1f0;color:#a73d42;padding:12px;border:1px solid #f4c9c9;border-radius:11px;font-size:12px;line-height:1.5;margin-top:13px}.auth-config-notice{display:flex;gap:10px;background:var(--surface-muted);border:1px solid var(--line);padding:13px;border-radius:14px;margin:10px 0 20px}.auth-config-notice svg{color:var(--violet);width:21px;height:21px;flex-shrink:0}.auth-config-notice strong,.auth-config-notice small{display:block}.auth-config-notice strong{font-size:12px}.auth-config-notice small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.65}.auth-loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}
/* The dark palette explicitly covers legacy panels with fixed colors. */
html[data-theme="dark"] .hero{background:radial-gradient(ellipse 58% 68% at 89% 31%,#3823655b,transparent 80%),#0d1021}html[data-theme="dark"] .hero:before{background:radial-gradient(circle,#442d7950 0,transparent 70%)}html[data-theme="dark"] .hero h1 .accent{background:linear-gradient(115deg,#c4a6ff,#9172ff);-webkit-background-clip:text;background-clip:text}html[data-theme="dark"] .hero-text,html[data-theme="dark"] .hero-notes{color:var(--muted)}html[data-theme="dark"] .site-nav,html[data-theme="dark"] .nav-links{color:var(--ink)}html[data-theme="dark"] .eyebrow{background:#251e42;border-color:#49347e;color:#c5b6ff}html[data-theme="dark"] .white-section,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .pricing-card,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .dashboard-header,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .list-card,html[data-theme="dark"] .chat-mock,html[data-theme="dark"] .float-card,html[data-theme="dark"] .product-mini,html[data-theme="dark"] .public-chat-header,html[data-theme="dark"] .public-chat-input{background:var(--surface)!important;color:var(--ink);border-color:var(--line)!important}html[data-theme="dark"] .workspace,html[data-theme="dark"] .main-area,html[data-theme="dark"] .dash-content,html[data-theme="dark"] .onboard,html[data-theme="dark"] .onboard-main{background:var(--bg)!important}html[data-theme="dark"] .mock-body,html[data-theme="dark"] .mock-foot,html[data-theme="dark"] .mock-input,html[data-theme="dark"] .feature-card.step,html[data-theme="dark"] .mobile-bottom-nav,html[data-theme="dark"] .mobile-top,html[data-theme="dark"] .onboard-buttons{background:var(--surface-muted)!important;color:var(--ink)!important}html[data-theme="dark"] .bubble.us,html[data-theme="dark"] .public-bubble.agent{background:#292c46;color:#f3f1ff}html[data-theme="dark"] .bubble.them{background:#40346a;color:#f5f1ff}html[data-theme="dark"] .mock-head,html[data-theme="dark"] .public-chat-body{background:var(--surface)!important}html[data-theme="dark"] .hero-app-note,html[data-theme="dark"] .inbox-layout,html[data-theme="dark"] .chat-window,html[data-theme="dark"] .modal,html[data-theme="dark"] .onboard-form,html[data-theme="dark"] .settings-utilities{background:var(--surface)!important;color:var(--ink)}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#23263f!important;color:#fff!important;border-color:#44445f!important}html[data-theme="dark"] .btn.white,html[data-theme="dark"] .btn.ghost{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme="dark"] .side-link.active,html[data-theme="dark"] .mobile-nav-item.active{background:#342a60!important;color:#d5c5ff!important}html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .section-head h2,html[data-theme="dark"] .price,html[data-theme="dark"] .dash-title h1,html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .metric-value{color:var(--navy)!important}html[data-theme="dark"] .mobile-bottom-nav{border-color:var(--line)!important}html[data-theme="dark"] .public-chat-shell{background:var(--bg)}html[data-theme="dark"] .onboard-buttons{background:linear-gradient(180deg,#0d102100,#0d1021 30%)!important}
@media(max-width:950px){.showcase-layout{gap:5%}.auth-layout{grid-template-columns:38% 62%}.auth-side{padding:30px}.auth-side-hero h1{font-size:36px}.auth-main{padding:24px 35px}.value-strip-inner{flex-wrap:wrap;justify-content:center;gap:18px 30px}}
@media(max-width:770px){.hero{padding:42px 0 75px}.hero .hero-grid{grid-template-columns:1fr}.showcase-section{padding:70px 0}.showcase-layout{grid-template-columns:1fr;gap:34px}.showcase-preview{max-width:none}.auth-layout{display:block}.auth-side{display:none}.auth-main{min-height:100dvh;padding:23px 22px max(38px,env(safe-area-inset-bottom))}.auth-card{margin:42px auto 20px}.nav-login{display:none!important}.site-nav .nav-actions{gap:7px}.site-nav .theme-toggle{width:38px;min-width:38px;height:38px}.nav-start{padding:11px 12px!important;font-size:11px!important}.site-nav .nav-links{display:none}.auth-card h1{font-size:34px}}
@media(max-width:490px){.hero h1{font-size:clamp(44px,11.5vw,61px)}.hero-text{font-size:14px}.showcase-copy h2{font-size:35px}.value-strip-inner{justify-content:flex-start}.value-strip span{width:calc(50% - 20px);font-size:10px;line-height:1.5}.sp-metrics{grid-template-columns:1fr}.sp-conversation{padding:11px}.auth-card{margin-top:38px}.nav-start{font-size:10px!important}.site-nav .logo-type{font-size:20px}}

@media(max-width:770px){.site-nav{padding-inline:15px;gap:5px}.site-nav .logo{gap:6px}.site-nav .logo-type{font-size:18px}.site-nav .logo-mark{width:34px;height:34px}.site-nav .nav-login{display:inline-flex!important;font-size:11px!important;padding:9px 6px!important}.site-nav .nav-actions{gap:3px}.site-nav .theme-toggle{min-width:35px;width:35px;height:35px}.site-nav .nav-start{padding:10px 9px!important}}
@media(max-width:360px){.site-nav .logo-type{font-size:16px}.site-nav .nav-start{font-size:9px!important}.site-nav .nav-login{font-size:10px!important}}

/* Founder-only workspace view. Privileged metrics are returned by a database RPC. */
.founder-panel{max-width:1120px;margin:0 auto}
.founder-heading{padding:28px 0 18px}
.founder-heading h1{font-size:clamp(30px,4vw,46px);margin:12px 0 9px;letter-spacing:-.04em;color:var(--navy)}
.founder-heading p{color:var(--muted);max-width:650px;line-height:1.8}
.founder-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.founder-kpi{background:var(--surface);border:1px solid var(--divider);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:13px;box-shadow:0 8px 30px #120e2508}
.founder-kpi small,.founder-kpi span{color:var(--muted);font-size:13px}
.founder-kpi strong{font-size:clamp(38px,5vw,60px);letter-spacing:-.05em;color:var(--navy);font-weight:850}
.founder-notice{padding:18px;border:1px solid var(--divider);border-radius:16px;background:var(--surface-muted);color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}
@media(max-width:610px){.founder-kpis{grid-template-columns:1fr}.founder-kpi{padding:20px}}