*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--obsidian-deep: #050505;--obsidian-surface: #0E0E10;--obsidian-border: rgba(255, 255, 255, .12);--emerald-aura: #10B981;--emerald-glow: rgba(16, 185, 129, .15);--emerald-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);--white-pure: #FFFFFF;--white-ghost: #A1A1AA;--white-faint: #3F3F46;--bg-base: var(--obsidian-deep);--bg-surface: var(--obsidian-surface);--text-main: var(--white-pure);--text-dim: var(--white-ghost);--text-secondary: var(--white-ghost);--accent: var(--emerald-aura);--accent-gradient: var(--emerald-gradient);--gradient-primary: var(--emerald-gradient);--gradient-ai: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--bg-card: var(--obsidian-surface);--radius-lg: 16px;--shadow-md: 0 10px 30px rgba(0, 0, 0, .5);--glass-bg: rgba(14, 14, 16, .7);--glass-border: rgba(255, 255, 255, .05);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(16, 185, 129, .2);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}body{background:var(--bg-obsidian);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glow-btn,.btn-primary,.btn-ai{background:var(--accent-gradient)!important;color:var(--white-pure)!important;border:none!important;padding:14px 32px!important;border-radius:14px!important;font-weight:700!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .3s var(--ease-out);box-shadow:var(--shadow-glow)}.glow-btn:hover,.btn-primary:hover,.btn-ai:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 40px #10b98166}.btn-secondary{background:transparent!important;color:var(--white-pure)!important;border:1px solid var(--obsidian-border)!important;padding:12px 28px!important;border-radius:12px!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .3s}.btn-secondary:hover{background:var(--obsidian-surface)!important;border-color:var(--accent)!important;color:var(--accent)!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.15;font-weight:700;letter-spacing:-.03em}input,textarea,select{width:100%;background:#0e0e1099;border:1px solid rgba(255,255,255,.12);color:var(--white-pure);padding:16px 20px;border-radius:14px;font-family:inherit;font-size:1rem;transition:all .3s ease;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:#0e0e10e6;box-shadow:0 0 0 4px #10b98126}.glass{background:#0e0e10a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;transition:all .3s ease}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.workspace-canvas{display:flex;min-height:100vh;background:var(--bg-base)}.sidebar-navigation-v2{width:260px;background:#0e0e10;border-right:1px solid rgba(255,255,255,.1);display:flex!important;flex-direction:column;height:100vh;position:fixed;top:0;left:0;z-index:1000!important;box-shadow:4px 0 24px #0006}.sidebar-logo-v2{padding:32px 24px;display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar-logo-v2 img{height:32px;width:auto}.sidebar-logo-v2 span{font-family:var(--font-heading);font-weight:800;font-size:1.4rem;letter-spacing:-.02em}.sidebar-items{display:flex;flex-direction:column;gap:4px;flex:1;padding:0 12px}.sidebar-item{height:48px;padding:0 16px;border-radius:12px;display:flex;align-items:center;gap:14px;color:var(--text-dim);text-decoration:none;transition:all .2s;font-size:.95rem;font-weight:500}.sidebar-item i{width:20px;text-align:center;font-size:1.1rem}.sidebar-item:hover{background:#ffffff0d;color:var(--white-pure)}.sidebar-item.active{background:var(--emerald-glow);color:var(--accent)}.workspace-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;background:#050505}.global-command-bar{height:64px;border-bottom:1px solid var(--obsidian-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.command-input-wrapper{display:flex;align-items:center;gap:12px;color:var(--text-dim);flex:1;max-width:400px}.command-input-wrapper input{border:none;background:transparent;font-family:var(--font-body);font-size:.95rem;color:var(--text-main);width:100%;outline:none}.command-hints{display:flex;gap:8px}.hint-pill{font-size:.75rem;background:var(--bg-base);border:1px solid var(--glass-border);padding:4px 10px;border-radius:100px;color:var(--text-secondary);font-weight:500;cursor:pointer}.workspace-content{padding:48px;max-width:1200px;margin:0 auto;width:100%;flex:1}.card-glass{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out)}.card-glass:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.onboarding-card{background:var(--bg-surface);border:1px solid var(--obsidian-border);border-radius:40px;width:100%;max-width:640px;padding:64px;box-shadow:var(--shadow-premium)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:slideUpFade .6s var(--ease-out) forwards}:root{--bg-obsidian: #010205;--bg-node: #05060B;--bg-panel: #0A0C16;--accent-gold: #D4AF37;--accent-gold-soft: rgba(212, 175, 55, .15);--accent-gold-glow: rgba(212, 175, 55, .4);--accent-neural: #06D6A0;--accent-void: #7B61FF;--text-main: #FFFFFF;--text-dim: rgba(255, 255, 255, .5);--text-ghost: rgba(255, 255, 255, .2);--border-glass: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .02);--shadow-elite: 0 20px 60px rgba(0, 0, 0, .8);--font-serif: "Playfair Display", serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-obsidian);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-obsidian);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--accent-gold-soft);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.container-main{max-width:1400px;margin:0 auto;padding:0 40px}.glass-card{background:#ffffff05;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.05);border-radius:32px;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 80px #00000080}.neural-card{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.05)}.neural-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-gold-soft) 0%,transparent 70%);opacity:0;transition:opacity .8s ease;pointer-events:none}.neural-card:hover:after{opacity:1}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:var(--accent-gold);color:#000;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.1em;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #d4af3733}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #d4af374d;background:#e5c354}.btn-ghost{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.1em;border-radius:14px;transition:all .3s}.btn-ghost:hover{background:#ffffff0d;border-color:var(--accent-gold)}.gradient-text{background:linear-gradient(135deg,#FFFFFF 0%,var(--accent-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(212,175,55,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(123,97,255,.04) 0%,transparent 40%),#010205}@keyframes shardScan{0%{transform:translateY(-100%) skewY(-20deg);opacity:0}50%{opacity:.1}to{transform:translateY(200%) skewY(-20deg);opacity:0}}.neural-shard{position:fixed;width:100%;height:200px;background:linear-gradient(180deg,transparent,var(--accent-gold),transparent);filter:blur(80px);z-index:-1;animation:shardScan 8s infinite linear;pointer-events:none}.input-glass,.textarea-glass{width:100%;padding:18px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;font-size:15px;font-family:var(--font-sans);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-glass:focus,.textarea-glass:focus{border-color:var(--accent-gold);background:#d4af370a;box-shadow:0 0 40px #d4af370d;outline:none}.input-glass::placeholder,.textarea-glass::placeholder{color:var(--text-ghost);letter-spacing:.02em}.nav-link{color:var(--text-dim);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;position:relative;padding:10px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-gold);transition:width .3s}.nav-link:hover{color:#fff;text-shadow:0 0 10px var(--accent-gold-glow)}.nav-link:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{display:inline-block;animation:spin 1s infinite linear}.animate-fade-in{animation:fadeIn .8s ease forwards}