@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root,[data-theme=dark]{--bg-deep:#05050b;--bg-panel:#0a0a12;--bg-card:#0f121a;--bg-glass:#0a0a0f99;--bg-glass-heavy:#0a0a0fcc;--bg-input:#ffffff0d;--bg-sidebar:#020205;--surface-primary:#0a0a12;--surface-secondary:#ffffff05;--surface-elevated:#16181efa;--surface-hover:#ffffff0f;--surface-active:#ffffff14;--surface-overlay:#0000008c;--text-main:#fff;--text-muted:#94a3b8;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#fff6;--text-quaternary:#ffffff40;--text-on-accent:#000;--border-color:#ffffff1a;--border-default:#ffffff14;--border-subtle:#ffffff0a;--border-strong:#ffffff1f;--border-glass:1px solid #ffffff14;--neon-cyan:#00f0ff;--neon-blue:#06f;--neon-purple:#bd00ff;--neon-pink:#f0c;--neon-green:#00ff9d;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-subtle:#3b82f62e;--success:#22c55e;--success-subtle:#22c55e26;--danger:#ef4444;--danger-subtle:#ef444426;--danger-subtle-strong:#ef444440;--warning:#fbbf24;--warning-subtle:#fbbf2426;--gradient-primary:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));--gradient-secondary:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));--gradient-glass-btn:linear-gradient(145deg,#ffffff1a,#ffffff0d);--scrollbar-thumb:#ffffff1a;--shadow-card:0 20px 50px #0000004d;--shadow-modal:0 32px 80px #0009,0 0 1px #ffffff1a;--shadow-glow-cyan:0 0 15px #00f0ff33;--shadow-glow-text:0 0 8px #00f0ff80;--shadow-float:0 8px 32px #00000080;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-size-base:16px;--space-xs:4px;--space-sm:8px;--space-md:20px;--space-lg:40px;--space-xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:50px;--radius-circle:50%;--container-width:1200px;--nav-height:80px;--sidebar-width:64px;--body-bg:linear-gradient(135deg,#0a0a0f 0%,#12121a 50%,#0d0d14 100%);--sidebar-glass-bg:linear-gradient(180deg,#ffffff14 0%,#ffffff05 15%,transparent 30%),linear-gradient(0deg,#06b6d41f 0%,#06b6d40a 20%,transparent 40%),#0f1219d9;--toggle-bg:#ffffff1f;--toggle-knob:#fff;--toggle-active:#3b82f6}[data-theme=light]{--bg-deep:#f2f2f2;--bg-panel:#fff;--bg-card:#fff;--bg-glass:#ffffffd9;--bg-glass-heavy:#fffffff2;--bg-input:#0000000a;--bg-sidebar:#f0f0f2;--surface-primary:#fff;--surface-secondary:#f0f0f2;--surface-elevated:#fffffffa;--surface-hover:#0000000f;--surface-active:#0000001a;--surface-overlay:#00000059;--text-main:#1a1a1a;--text-muted:#6b7280;--text-primary:#1a1a1a;--text-secondary:#000000b3;--text-tertiary:#00000080;--text-quaternary:#00000059;--text-on-accent:#fff;--border-color:#00000026;--border-default:#0000001f;--border-subtle:#00000014;--border-strong:#0003;--border-glass:1px solid #0000001f;--neon-cyan:#2291f2;--neon-blue:#4e35f2;--neon-purple:#4e35f2;--neon-pink:#7c3aed;--neon-green:#16a34a;--accent-primary:#4e35f2;--accent-primary-hover:#3d28d1;--accent-primary-subtle:#4e35f21f;--success:#16a34a;--success-subtle:#16a34a1a;--danger:#dc2626;--danger-subtle:#dc262614;--danger-subtle-strong:#dc262626;--warning:#d97706;--warning-subtle:#d977061a;--gradient-primary:linear-gradient(135deg,#2291f2,#4e35f2);--gradient-secondary:linear-gradient(135deg,#4e35f2,#7c3aed);--gradient-glass-btn:linear-gradient(145deg,#f8f9fa,#f1f5f9);--scrollbar-thumb:#00000026;--shadow-card:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-modal:0 20px 60px #00000026,0 0 1px #0000001a;--shadow-glow-cyan:0 0 0 transparent;--shadow-glow-text:0 0 0 transparent;--shadow-float:0 4px 16px #0000001a;--body-bg:#f2f2f2;--sidebar-glass-bg:linear-gradient(180deg,#fffffff2 0%,#ffffffe6 100%);--toggle-bg:#0000001f;--toggle-knob:#fff;--toggle-active:#4e35f2;--aurora-bg:#e8e8ec}
[data-theme=classic]{--bg-deep:#f8fafc;--bg-card:#fff;--bg-glass:#fffc;--bg-glass-heavy:#fffffff2;--bg-input:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--neon-cyan:#0ea5e9;--neon-blue:#2563eb;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--gradient-primary:linear-gradient(135deg,#0ea5e9,#2563eb);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-glass-btn:linear-gradient(145deg,#f8fafc,#f1f5f9);--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-size-base:16px;--space-xs:4px;--space-sm:8px;--space-md:20px;--space-lg:40px;--space-xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:50px;--radius-circle:50%;--shadow-card:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-glow-cyan:0 0 0 transparent;--shadow-glow-text:0 0 0 transparent;--border-glass:1px solid #e2e8f0;--border-neon-cyan:1px solid #0ea5e9;--container-width:1200px;--nav-height:80px}

:root{--sidebar-width:64px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--body-bg);color:var(--text-main);height:100vh;display:flex;overflow:hidden}#login-overlay{background:var(--bg-deep);z-index:9999;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:30px 30px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-box{background:var(--bg-panel);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 0 50px #00000080}.login-title{background:-webkit-linear-gradient(45deg,var(--neon-cyan),var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:24px}#ora-pill-wrapper{z-index:2000;justify-content:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%,150px)}#ora-pill-bar{cursor:pointer;background:linear-gradient(#13131f,#13131f) 0 0/100% 100%,linear-gradient(90deg,#4b6cb7,#764ba2,#9d50bb,#c779d0,#4b6cb7,#764ba2,#9d50bb,#c779d0,#4b6cb7) 0 0/200% 100% border-box;-webkit-background-clip:padding-box,border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;border-radius:50px;justify-content:space-between;align-items:center;width:300px;height:54px;padding:4px 6px 4px 20px;animation:10s linear infinite borderScroll;display:flex;box-shadow:0 8px 30px #0006}@keyframes borderScroll{0%{background-position:0 0,0 0}to{background-position:0 0,-100% 0}}#ora-pill-bar:hover{transform:scale(1.02);box-shadow:0 0 25px #4b6cb74d}#ora-floating-icon{z-index:2000;cursor:pointer;width:80px;height:80px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:none;position:fixed;bottom:30px;right:30px}#ora-floating-icon:hover{transform:scale(1.15)}.ora-bar-text{color:#dedede;letter-spacing:.3px;font-size:14px;font-weight:500}.ora-bar-icon{color:#fff;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .3s;display:flex;box-shadow:inset 0 1px 1px #fff3}#ora-pill-bar:hover .ora-bar-icon{background:#ffffff26}html,body{height:100%;margin:0;overflow:hidden}.app-container{opacity:0;pointer-events:none;width:100%;height:100vh;padding-left:var(--sidebar-width);transition:opacity .5s,padding-left .25s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.app-container.active{opacity:1;pointer-events:all}.sidebar{width:calc(var(--sidebar-width) - 24px);scrollbar-width:none;-ms-overflow-style:none;background:var(--sidebar-glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-right:1px solid var(--border-default);min-width:0;height:calc(100vh - 24px);box-shadow:4px 0 24px #0000004d,inset -1px 0 0 var(--border-subtle);z-index:100;border-radius:20px;flex-direction:column;grid-column:1;margin:12px 0 12px 12px;padding:24px;transition:width .3s,background .3s;display:flex;position:relative;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.brand{color:var(--text-main);align-items:center;gap:10px;margin-bottom:40px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;display:flex}.brand span{color:var(--neon-cyan)}.nav-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{background:var(--surface-hover);color:var(--text-main)}.nav-item.active{border-left:3px solid var(--neon-cyan);background:linear-gradient(90deg,#00f0ff1a,#0000)}.nav-item i{text-align:center;min-width:24px;font-size:18px}.sidebar.collapsed{width:80px;padding:20px 10px}.sidebar.collapsed .sidebar-toggle i{transform:rotate(180deg)}.app-container.sidebar-collapsed,.app-container.sidebar-collapsed .main-content{padding-left:0}.app-container.has-unified-panel{--sidebar-width:0px}.app-container.hide-sidebar{padding-left:0!important}.sidebar.collapsed .logo span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .user-profile div{display:none}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .user-profile{justify-content:center}.sidebar-toggle{background:var(--bg-panel);border:1px solid var(--border-color);cursor:pointer;width:24px;height:24px;color:var(--text-muted);z-index:100;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-toggle:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.user-profile{border-top:1px solid var(--border-color);align-items:center;gap:12px;margin-top:auto;padding-top:21px;display:flex}.nav-submenu .nav-item{opacity:.8;margin-top:2px;padding:8px 12px;font-size:13px}.nav-submenu .nav-item:hover{opacity:1;background:var(--surface-secondary)}.rotated{transform:rotate(180deg)}.avatar{background:linear-gradient(135deg,var(--neon-purple),var(--neon-cyan));border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.main-content{background:0 0;flex-direction:column;min-width:0;height:100vh;transition:padding-left .2s;display:flex;position:relative;overflow:hidden}.view-section{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;height:100%;padding:40px;display:none;overflow:hidden auto}.view-section.active{display:flex}.view-section.edge-to-edge{align-items:stretch;padding:0;overflow:hidden}.content-container{flex-direction:column;flex:1;gap:30px;width:100%;min-width:0;max-width:none;margin:0;padding:0;display:flex}.content-container.row-layout{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:40px;max-width:100%}#view-chatbot{justify-content:flex-start!important;align-items:flex-start!important}#view-chatbot .content-container{flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%!important;max-width:none!important;margin:0!important}#view-chatbot .config-panel{margin-left:0!important;margin-right:auto!important}.view-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h2.page-title{margin-bottom:24px;font-family:Outfit,sans-serif;font-size:28px}.grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:24px}.stat-val{color:var(--text-main);margin:8px 0;font-size:32px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.builder-layout{grid-template-columns:350px 1fr;gap:24px;height:calc(100vh - 100px);display:grid}.builder-sidebar{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.builder-preview{background:#fff url(https://images.unsplash.com/photo-1481487484168-9b930d55208d?q=80&w=2400&auto=format&fit=crop) 50%/cover;border:8px solid #111;border-radius:12px;position:relative;overflow:hidden}.preview-overlay{position:absolute;bottom:20px;right:20px}input[type=text],input[type=password],textarea,select{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:6px;margin-bottom:12px;padding:10px}label{color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.tabs{border-bottom:1px solid var(--border-color);gap:16px;margin-bottom:20px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 0;font-size:14px}.tab-btn.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan)}.config-tabs{border-bottom:1px solid var(--border-color);flex-wrap:nowrap;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.config-tabs .tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:8px 12px;font-size:13px;transition:all .2s}.config-tabs .tab:hover{color:var(--text-main)}.config-tabs .tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan)}.tab-button{-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-block;pointer-events:auto!important;cursor:pointer!important;z-index:9999!important;position:relative!important}.tab-button:hover{background:var(--surface-hover);color:var(--text-main);text-decoration:none}.tab-button.active{color:#00f0ff!important;background:#00f0ff33!important;border-color:#00f0ff80!important}#config-tabs-nav{isolation:isolate;pointer-events:auto!important;z-index:9998!important;position:relative!important}.btn{background:var(--neon-cyan);color:#000;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.btn:hover{box-shadow:0 0 15px #00f0ff66}.btn-primary{background:var(--neon-cyan);color:#000;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 0 15px #00f0ff66}.btn-secondary{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--surface-active);color:var(--text-main)}.btn-outline{border:1px solid var(--border-color);color:var(--text-muted);background:0 0}.user-table{border-collapse:collapse;width:100%}.user-table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:12px;font-size:12px}.user-table td{border-bottom:1px solid var(--border-color);padding:12px;font-size:14px}.status-badge{color:var(--neon-green);background:#00ff9d1a;border-radius:4px;padding:4px 8px;font-size:11px}.hidden{display:none}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 5px 20px #0003}.config-panel{z-index:50;pointer-events:auto;flex-direction:column;gap:20px;height:700px;min-height:700px;display:flex;position:relative;overflow-y:auto}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;display:grid}.kpi-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:14px}.kpi-card .value{color:var(--text-main);font-size:36px;font-weight:700}.kpi-card .trend{color:var(--text-muted);font-size:12px}.kpi-card .trend.positive{color:var(--neon-green)}.kpi-card .trend.negative{color:#ff5f57}@keyframes typingPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.ora-chip{background:var(--surface-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.ora-chip:hover{border-color:var(--neon-cyan);color:var(--text-main);background:#00f0ff1a}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ora-greeting{background:linear-gradient(90deg,#fff 15%,#80f7ff 35%,#fff 50%,#d580ff 65%,#fff 85%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px #ffffff1a);-webkit-background-clip:text;background-clip:text;animation:12s linear infinite textShimmer}#view-ora{background:radial-gradient(circle at 50% 30%,#14142866,#0000 70%)}.billing-container{max-width:1400px;color:var(--text-main);height:100%;margin:0 auto;padding:40px;overflow-y:auto}.billing-header{text-align:center;margin-top:21px;margin-bottom:60px}.billing-title{text-transform:uppercase;letter-spacing:.2em;color:var(--text-main);text-shadow:0 0 30px #bd00ff4d;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:40px;font-weight:700}.billing-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:16px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,350px));justify-content:center;gap:40px;padding-bottom:60px;display:grid}.price-card{background:var(--bg-deep);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;min-height:550px;transition:all .3s;display:flex;position:relative;overflow:hidden}.price-card:hover{transform:translateY(-10px)}.card-top-label{text-align:center;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);padding-top:30px;padding-bottom:20px;font-size:12px;font-weight:700}.ribbon-container{justify-content:center;align-items:center;width:100%;height:50px;margin-bottom:40px;display:flex;position:relative}.ribbon-bg{clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);width:100%;height:100%;position:absolute;top:0;left:0}.ribbon-text{z-index:2;color:#000;letter-spacing:.1em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;position:relative}.price-section{text-align:center;margin-bottom:40px;padding:0 30px}.price-amount{color:var(--text-main);font-family:Outfit,sans-serif;font-size:48px;font-weight:700;line-height:1}.price-period{color:var(--text-muted);letter-spacing:1px;margin-left:5px;font-size:14px;font-weight:400}.price-setup{color:var(--text-muted);margin-top:10px;font-size:13px}.features-list{flex-direction:column;flex:1;gap:15px;margin:0;padding:0 40px 40px;list-style:none;display:flex}.feature-item{color:#e2e8f0;align-items:center;gap:15px;font-size:14px;display:flex}.action-btn{text-transform:uppercase;letter-spacing:.15em;color:#000;cursor:pointer;border:none;border-radius:50px;width:100%;margin-top:21px;padding:16px;font-size:14px;font-weight:700;transition:all .2s}.action-btn:hover{transform:scale(1.05)}.usage-bar-container{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1299;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-bottom:60px;padding:24px;display:flex}.sidebar.collapsed{opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar-floating-toggle{background:var(--surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);width:52px;height:52px;box-shadow:var(--shadow-float);cursor:pointer;z-index:1000;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:21px;left:24px}.sidebar-floating-toggle:hover{background:var(--surface-hover);transform:scale(1.05)}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.preview-gradient-bg{background:linear-gradient(-45deg,#0a0a1a,#0f1525,#151a2e,#0d1a2a,#0a0f1f,#101828) 0 0/400% 400%;animation:15s infinite gradientFlow}