@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono&display=swap";:root{--bg: #0a0a0a;--bg-image: repeating-linear-gradient(45deg, #111 0, #111 1px, transparent 0, transparent 50%);--card: #171717;--border: #262626;--text: #ededed;--text-dim: #a3a3a3;--accent: #d946ef;--accent-glow: rgba(217, 70, 239, .3);--accent-fg: #ffffff;--font-main: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .4)}[data-theme=dark]{--bg: #09090b;--bg-image: radial-gradient(circle at top right, #18181b, transparent);--card: #18181b;--border: #27272a;--text: #fafafa;--text-dim: #a1a1aa;--accent: #e7bc91;--accent-glow: rgba(231, 188, 145, .15);--accent-fg: #000000}[data-theme=light]{--bg: #ffffff;--bg-image: none;--card: #f4f4f5;--border: #e4e4e7;--text: #18181b;--text-dim: #71717a;--accent: #4f46e5;--accent-glow: rgba(79, 70, 229, .15);--accent-fg: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}[data-theme=midnight]{--bg: #020617;--bg-image: radial-gradient(circle at top right, #0f172a, transparent);--card: #0f172a;--border: #1e293b;--text: #f8fafc;--text-dim: #94a3b8;--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .2);--accent-fg: #000000}[data-theme=forest]{--bg: #022c22;--bg-image: radial-gradient(circle at top right, #064e3b, transparent);--card: #064e3b;--border: #065f46;--text: #ecfdf5;--text-dim: #6ee7b7;--accent: #34d399;--accent-glow: rgba(52, 211, 153, .2);--accent-fg: #000000}[data-theme=coffee]{--bg: #1c1917;--bg-image: radial-gradient(circle at top right, #292524, transparent);--card: #292524;--border: #44403c;--text: #f5f5f4;--text-dim: #a8a29e;--accent: #fbbf24;--accent-glow: rgba(251, 191, 36, .2);--accent-fg: #000000}[data-theme=ocean]{--bg: #f0f9ff;--bg-image: linear-gradient(to bottom, #e0f2fe, #f0f9ff);--card: #ffffff;--border: #bae6fd;--text: #0c4a6e;--text-dim: #0284c7;--accent: #0ea5e9;--accent-glow: rgba(14, 165, 233, .2);--accent-fg: #ffffff;--shadow: 0 4px 6px -1px rgba(14, 165, 233, .1)}[data-theme=sunset]{--bg: #fff7ed;--bg-image: linear-gradient(to bottom, #ffedd5, #fff7ed);--card: #ffffff;--border: #fed7aa;--text: #7c2d12;--text-dim: #ea580c;--accent: #f97316;--accent-glow: rgba(249, 115, 22, .2);--accent-fg: #ffffff;--shadow: 0 4px 6px -1px rgba(249, 115, 22, .1)}[data-theme=lavender]{--bg: #faf5ff;--bg-image: linear-gradient(to bottom, #f3e8ff, #faf5ff);--card: #ffffff;--border: #e9d5ff;--text: #581c87;--text-dim: #9333ea;--accent: #a855f7;--accent-glow: rgba(168, 85, 247, .2);--accent-fg: #ffffff;--shadow: 0 4px 6px -1px rgba(168, 85, 247, .1)}[data-theme=corporate]{--bg: #f8fafc;--bg-image: none;--card: #ffffff;--border: #cbd5e1;--text: #0f172a;--text-dim: #64748b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .2);--accent-fg: #ffffff;--shadow: 0 4px 6px -1px rgba(59, 130, 246, .1)}body{background:var(--bg);background-image:var(--bg-image);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--accent);color:var(--accent-fg)}h1,h2,h3{margin:0}.mono{font-family:var(--font-mono)}.app-container{max-width:480px;margin:0 auto;min-height:100vh;padding:1.5rem 1.5rem 6rem;position:relative}.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.logo{font-size:1.5rem;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-1px}.logo span{color:var(--accent)}.version{font-size:8px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-top:4px}.avatar{width:32px;height:32px;background:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.filters{display:flex;gap:8px;margin-bottom:2.5rem;background:transparent;padding:0;border:none;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-btn{border:none;background:var(--card);border:1px solid var(--border);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;color:var(--text-dim)}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 4px 12px -2px var(--accent-glow)}.sub-filters{display:flex;gap:8px;margin-bottom:2rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sub-filters::-webkit-scrollbar{display:none}.sub-filter-btn{font-size:12px;padding:6px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--font-mono)}.sub-filter-btn:hover{background:var(--card);color:var(--text)}.sub-filter-btn.active{background:var(--card);border-color:var(--border);color:var(--accent);font-weight:700}.node-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease;animation:fadeUp .4s ease-out;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.node-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 24px -8px #0000004d}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.badge{background:#e7bc911a;color:var(--accent);border:1px solid rgba(231,188,145,.2);padding:4px 10px;border-radius:8px;text-transform:uppercase;font-size:10px;font-weight:700}.type{font-size:12px;color:var(--text-dim)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:var(--text);line-height:1.3}.provider{font-size:.875rem;color:var(--text-dim);margin-bottom:.75rem}.specs{background:transparent;padding:0;border:none;margin-top:1rem;display:flex;flex-direction:column;gap:12px}.label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--accent);opacity:.8}.value{font-size:12px;font-weight:600}.value.highlight{color:#a5b4fc}.card-main{flex:1}.card-description{font-size:.95rem;color:var(--text);opacity:.9;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.card-price{font-size:1.1rem;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.card-actions{display:flex;gap:.5rem}.btn-action{width:100%;margin-top:1.5rem;padding:12px;background:#292524;border:1px solid #44403c;color:#eee;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:var(--accent);color:#000}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .2s;font-size:14px}.btn-icon:hover{border-color:var(--text);color:var(--text);background:var(--bg)}.btn-icon.delete:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.btn-deploy{width:100%;background:var(--accent);color:#fff;padding:1.25rem;border:none;border-radius:16px;font-size:16px;box-shadow:0 20px 25px -5px var(--accent-glow);cursor:pointer;transition:background .2s}.btn-deploy:hover{background:#4338ca}.btn-deploy.small{width:auto;padding:10px 20px;font-size:14px;box-shadow:var(--shadow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:grid;place-items:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:32px;padding:2rem;width:100%;max-width:420px;position:relative;box-shadow:0 20px 40px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#1a1a1a;border:1px solid #333;color:var(--text);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-family:var(--font-mono);transition:background .2s}.close-btn:hover{background:#333}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:1.5rem;font-weight:800;color:#fff;box-shadow:0 0 20px var(--accent-glow)}.profile-info h1{font-size:1.5rem;font-weight:800;margin-bottom:4px}.profile-info p{color:var(--text-dim);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:1.2rem 1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:6px}.stat-label{font-size:12px;color:var(--text-dim);font-weight:600}.section-title{font-size:1.2rem;color:var(--text);margin-bottom:1.5rem;font-weight:700;padding-left:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header .section-title{margin-bottom:0}.animate-in{animation:fadeUp .4s ease-out}.input-field{width:100%;background:var(--card);border:1px solid var(--border);padding:1rem;border-radius:16px;color:var(--text);font-family:var(--font-mono);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.input-field:focus{border-color:var(--accent)}select.input-field{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23eeeeee%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto;padding-right:2.5rem;padding-top:.5rem;padding-bottom:.5rem;text-overflow:ellipsis}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:.5rem;min-width:150px;z-index:50;box-shadow:0 10px 20px #00000080;animation:fadeIn .1s ease-out}.dropdown-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:var(--text);text-decoration:none;font-family:var(--font-mono);font-size:14px;border-radius:8px;transition:background .2s;background:none;border:none;cursor:pointer;box-sizing:border-box}.dropdown-item:hover{background:#ffffff0d}.lang-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:6px 10px;border-radius:8px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:700}.lang-btn:hover{border-color:var(--text);color:var(--text)}.fav-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:0;margin-left:auto;color:var(--text-dim);transition:transform .2s ease,color .2s ease;line-height:1}.fav-btn:hover{transform:scale(1.2)}.fav-btn.active{color:#fbbf24}.nav-icon{font-size:1.5rem;color:var(--text-dim);text-decoration:none;transition:color .2s;display:grid;place-items:center;line-height:1}.nav-icon:hover{color:var(--accent)}.chat-layout{display:block;height:calc(100vh - 140px);overflow:hidden}.chat-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden}.chat-list{flex:1;overflow-y:auto;padding:1rem}.conversation-item{padding:1rem;border-radius:16px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent;background:transparent}.conversation-item:hover{background:var(--bg)}.conversation-item.active{background:var(--bg);border-color:var(--accent);box-shadow:var(--shadow)}.chat-main{width:100%;height:100%;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden;position:relative}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg);z-index:10}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-image:var(--bg-image)}.message-bubble{max-width:70%;padding:.75rem 1.25rem;border-radius:20px;font-size:.95rem;line-height:1.5;position:relative;word-wrap:break-word}.message-bubble.sent{align-self:flex-end;background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:4px;box-shadow:0 4px 10px -2px var(--accent-glow)}.message-bubble.received{align-self:flex-start;background:var(--bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.chat-input-area{padding:1rem;border-top:1px solid var(--border);background:var(--bg);display:flex;gap:.75rem;align-items:center}.empty-chat-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;padding:2rem}.date-separator{display:flex;justify-content:center;margin:1.5rem 0 1rem}.date-separator span{background:var(--card);border:1px solid var(--border);padding:4px 12px;border-radius:12px;font-size:11px;color:var(--text-dim);font-weight:500}