@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg-base:#0b0f19;--bg-surface:#111726;--bg-surface-elevated:#182033;--bg-card:rgba(17,23,38,0.85);--bg-card-hover:rgba(24,32,51,0.95);--border-subtle:rgba(255,255,255,0.08);--border-focus:#ef4444;--border-glow:rgba(239,68,68,0.3);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--hdv-hope:#ef4444;--hdv-hope-surface:rgba(239,68,68,0.08);--hdv-hope-border:rgba(239,68,68,0.28);--hdv-hope-glow:0 0 25px rgba(239,68,68,0.3);--hdv-dream:#a855f7;--hdv-dream-surface:rgba(168,85,247,0.08);--hdv-dream-border:rgba(168,85,247,0.28);--hdv-dream-glow:0 0 25px rgba(168,85,247,0.3);--hdv-vision:#f59e0b;--hdv-vision-surface:rgba(245,158,11,0.08);--hdv-vision-border:rgba(245,158,11,0.28);--hdv-vision-glow:0 0 25px rgba(245,158,11,0.3);--hdv-knoll:#94a3b8;--hdv-knoll-bg:#1e293b;--hdv-knoll-surface:rgba(148,163,184,0.08);--hdv-knoll-border:rgba(148,163,184,0.28);--hdv-apex:#38bdf8;--hdv-apex-surface:rgba(56,189,248,0.08);--hdv-apex-border:rgba(56,189,248,0.28);--hdv-apex-glow:0 0 25px rgba(56,189,248,0.3);--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--badge-verified-bg:rgba(16,185,129,0.15);--badge-verified-text:#34d399;--badge-verified-border:rgba(16,185,129,0.3);--badge-source-bg:rgba(59,130,246,0.15);--badge-source-text:#60a5fa;--badge-source-border:rgba(59,130,246,0.3);--shadow-card:0 4px 20px -2px rgba(0,0,0,0.5);--shadow-glow:0 0 25px -5px rgba(239,68,68,0.2);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--safe-bottom:env(safe-area-inset-bottom,16px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);color:var(--text-main);min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}code,pre{font-family:JetBrains Mono,monospace}.app-container{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:50;transition:transform .25s cubic-bezier(.16,1,.3,1),width .2s ease}.sidebar-header{padding:16px 18px;gap:12px;border-bottom:1px solid var(--border-subtle);position:relative}.brand-badge,.sidebar-header{display:flex;align-items:center}.brand-badge{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ef4444,#a855f7 50%,#f59e0b);justify-content:center;font-weight:900;font-size:14px;color:#ffffff;box-shadow:0 2px 10px rgba(239,68,68,.4);letter-spacing:1px;flex-shrink:0}.brand-title{font-size:16px;font-weight:800;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:6px}.brand-subtitle{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.mobile-close-btn{display:none;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;margin-left:auto;line-height:1}.sidebar-backdrop{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);font-weight:700;margin:14px 8px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease}.nav-link:hover{background:var(--bg-surface-elevated);color:var(--text-main)}.nav-link.active{background:var(--hdv-hope-surface);color:#ffffff;border:1px solid var(--hdv-hope-border);font-weight:600}.nav-counter{margin-left:auto;font-size:11px;background:var(--bg-surface-elevated);padding:2px 7px;border-radius:12px;color:var(--text-dim);border:1px solid var(--border-subtle)}.main-content{flex:1 1;display:flex;flex-direction:column;min-width:0;max-width:100vw;min-height:100vh;position:relative;overflow-x:hidden}.ecosystem-bar{background:linear-gradient(90deg,rgba(16,185,129,.12),rgba(14,165,233,.08),rgba(245,158,11,.08));border-bottom:1px solid rgba(255,255,255,.08);padding:6px 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;overflow-x:auto;white-space:nowrap;gap:10px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.ecosystem-bar::-webkit-scrollbar{display:none}.top-bar{height:58px;background:rgba(11,15,25,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:40;max-width:100vw;box-sizing:border-box}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:12px;flex-shrink:0}.search-container{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 14px;width:420px;max-width:100%;transition:border-color .2s ease}.search-container:hover{border-color:var(--border-focus)}.search-input{background:transparent;border:none;color:var(--text-main);font-size:13.5px;outline:none;width:100%}.top-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:7px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:5px 10px;border-radius:20px;font-size:11.5px;color:var(--text-muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.page-body{flex:1 1;padding:24px 28px 60px;max-width:1540px;width:100%;margin:0 auto;box-sizing:border-box}.subsystem-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.subsystem-hope{background:var(--hdv-hope-surface);color:var(--hdv-hope);border:1px solid var(--hdv-hope-border)}.subsystem-dream{background:var(--hdv-dream-surface);color:var(--hdv-dream);border:1px solid var(--hdv-dream-border)}.subsystem-vision{background:var(--hdv-vision-surface);color:var(--hdv-vision);border:1px solid var(--hdv-vision-border)}.subsystem-knoll{background:var(--hdv-knoll-surface);color:#e2e8f0;border:1px solid var(--hdv-knoll-border)}.subsystem-apex{background:var(--hdv-apex-surface);color:var(--hdv-apex);border:1px solid var(--hdv-apex-border)}.activity-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;box-shadow:var(--shadow-card);animation:fadeIn .25s ease-out}.activity-bar-subsystem{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.activity-bar-text{font-size:13px;font-weight:500;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-pulse{width:9px;height:9px;border-radius:50%;flex-shrink:0;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none;white-space:nowrap;line-height:1.2}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px rgba(239,68,68,.4)}.btn-primary:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 18px rgba(239,68,68,.5)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-dim)}.composer-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:14px 18px;box-shadow:var(--shadow-card);position:-webkit-sticky;position:sticky;bottom:16px;z-index:30;transition:all .2s ease}.composer-textarea{width:100%;background:transparent;border:none;color:var(--text-main);font-size:15px;line-height:1.5;outline:none;resize:none;font-family:inherit}.composer-toolbar{justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-subtle);margin-top:8px}.composer-context,.composer-toolbar{display:flex;align-items:center;gap:10px}.composer-context{min-width:0}.quick-actions-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:720px;margin:0 auto;width:100%}.quick-action-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:24px;padding:8px 16px;font-size:13px;color:var(--text-main);cursor:pointer;transition:all .15s ease;font-weight:500;display:inline-flex;align-items:center;gap:6px}.quick-action-btn:hover{border-color:var(--hdv-hope-border);background:var(--bg-card-hover)}.msg-bubble{border-radius:var(--radius-lg);padding:16px 20px;max-width:85%;color:var(--text-main);line-height:1.65;font-size:14.5px;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.msg-tools-bar{margin-top:14px;padding-top:10px;border-top:1px solid var(--border-subtle);gap:8px}.msg-tools-bar,.page-header{display:flex;flex-wrap:wrap;align-items:center}.page-header{justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-size:26px;font-weight:900;color:#fff;letter-spacing:-.5px}.page-desc{font-size:13.5px;color:var(--text-muted);margin-top:4px}.custom-table{min-width:600px}.custom-table th{padding:12px 16px;color:var(--text-dim);font-size:11.5px;text-transform:uppercase;letter-spacing:1px;font-weight:700;background:var(--bg-surface-elevated)}.custom-table td,.custom-table th{border-bottom:1px solid var(--border-subtle)}.custom-table td{padding:14px 16px;color:var(--text-main)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-card)}.mobile-nav-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:rgba(11,15,25,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);padding:4px 8px;padding-bottom:max(6px,var(--safe-bottom));z-index:100;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,.6)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:10.5px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s;min-width:52px}.mobile-nav-item.active{color:#ef4444;background:rgba(239,68,68,.1)}@media (max-width:900px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:0;width:290px;z-index:120;box-shadow:0 0 50px rgba(0,0,0,.9);animation:slideInLeft .25s cubic-bezier(.16,1,.3,1)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:110;animation:fadeIn .2s ease-out}.mobile-close-btn{display:block}.mobile-nav-bar{display:flex}.page-body{padding:16px 16px calc(64px + var(--safe-bottom) + 110px);max-width:100vw;box-sizing:border-box}.top-bar{height:56px;padding:0 14px}.search-container{display:none}.top-bar-actions{gap:6px}.btn-label-desktop{display:none}.composer-container{position:-webkit-sticky;position:sticky;bottom:calc(60px + var(--safe-bottom) + 8px);z-index:85;padding:10px 14px;border-radius:var(--radius-lg);background:rgba(17,23,38,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -4px 20px rgba(0,0,0,.6)}.composer-textarea{font-size:14.5px}.msg-bubble{max-width:92%;padding:12px 14px;font-size:14px}}@media (max-width:640px){.page-body{padding:12px 12px calc(64px + var(--safe-bottom) + 120px)}.top-bar{padding:0 10px}.top-bar-actions{gap:4px}.hide-on-mobile-xs{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:22px}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.quick-action-btn{width:100%;font-size:12px;padding:10px;justify-content:center;text-align:center;border-radius:var(--radius-md)}.stat-grid{grid-template-columns:1fr;gap:12px}.composer-toolbar{flex-direction:column;align-items:stretch;gap:8px}.composer-context{justify-content:space-between;width:100%}.composer-context select{flex:1 1;max-width:180px}.composer-send-btn{width:100%;padding:9px 16px;justify-content:center}.msg-bubble{max-width:96%;padding:12px}}.table-card{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px;min-width:680px}.custom-table thead th{padding:12px 16px;background:rgba(255,255,255,.03);color:var(--text-dim);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.custom-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-main);vertical-align:middle}.custom-table tbody tr:hover{background:rgba(255,255,255,.02)}.intel-wrapper{max-width:1400px;margin:0 auto;padding-bottom:24px;width:100%}.intel-grid{display:grid;grid-gap:16px;gap:16px;align-items:stretch}@media (min-width:901px){.intel-grid.with-sidebar{grid-template-columns:290px 1fr}.intel-grid.no-sidebar{grid-template-columns:1fr}.intel-history-desktop{display:flex;flex-direction:column;height:760px}.intel-history-mobile{display:none}.intel-chat-pane{height:760px}}@media (max-width:900px){.intel-grid{grid-template-columns:1fr!important}.intel-history-desktop{display:none!important}.intel-history-mobile{display:block;margin-bottom:12px}.intel-chat-pane{height:auto;min-height:calc(100vh - 240px);max-height:none}}.intel-chat-pane{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4)}.intel-stream{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 22px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}@media (max-width:640px){.intel-stream{padding:14px 12px;gap:14px}}.intel-msg-bubble{max-width:88%;padding:16px 20px;border-radius:14px;font-size:15.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}@media (max-width:640px){.intel-msg-bubble{max-width:98%;padding:14px 15px;font-size:15px;line-height:1.6;border-radius:12px}}.intel-msg-user{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#ffffff;box-shadow:0 4px 16px rgba(37,99,235,.35);border:none}.intel-msg-assistant{background:rgba(15,23,42,.95);border:1px solid rgba(56,189,248,.28);color:#f1f5f9;box-shadow:0 4px 20px rgba(0,0,0,.3)}.intel-composer-form{padding:14px 18px;border-top:1px solid var(--border-subtle);background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:10px;align-items:center}@media (max-width:640px){.intel-composer-form{padding:10px 12px;gap:8px}}.intel-input{flex:1 1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-size:16px!important;outline:none;min-height:48px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.intel-input:focus{border-color:rgba(56,189,248,.6);box-shadow:0 0 12px rgba(56,189,248,.2)}.intel-send-btn{padding:12px 22px;font-size:14.5px;font-weight:700;min-height:48px;background:linear-gradient(135deg,#a855f7,#2563eb);box-shadow:0 4px 16px rgba(168,85,247,.35);border-radius:var(--radius-md);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;flex-shrink:0;transition:all .2s}@media (max-width:640px){.intel-send-btn{padding:10px 16px;font-size:14px}}.intel-dropdown-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.intel-dropdown-header{padding:10px 14px;background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;font-weight:700;color:var(--text-main);transition:background .15s}.intel-dropdown-header:hover{background:rgba(255,255,255,.05)}.intel-dropdown-body{padding:12px 14px;border-top:1px solid var(--border-subtle);background:rgba(0,0,0,.15)}.responsive-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width:768px){.responsive-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.responsive-filter-bar>*{width:100%!important;min-width:0!important;flex:none!important}.responsive-filter-bar a,.responsive-filter-bar button,.responsive-filter-bar input,.responsive-filter-bar select{min-height:44px;font-size:15px}.responsive-filter-bar input{font-size:16px!important}.responsive-filter-bar a,.responsive-filter-bar button{justify-content:center;text-align:center;display:flex;align-items:center}}@media (max-width:640px){.responsive-node-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px 16px!important}}