:root{--brand-green: #009B4D;--brand-green-hover: #008140;--brand-green-soft: rgba(0, 155, 77, .1);--brand-blue: #00338D;--brand-blue-hover: #00266b;--brand-blue-soft: rgba(0, 51, 141, .03);--bg-main: #ffffff;--bg-panel: #ffffff;--bg-panel-hover: #f9fafb;--bg-sidebar: #ffffff;--bg-menubar: #ffffff;--bg-active: #f1f5f9;--border-color: #e2e8f0;--border-subtle: #f8fafc;--border-light: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-bright: #020617}.dark{--bg-main: #0B0E14;--bg-panel: #12161F;--bg-panel-hover: #1C222D;--bg-sidebar: #0F1218;--bg-menubar: #12161F;--bg-active: #1E2431;--border-color: #1E2533;--border-subtle: #141A26;--border-light: #2D3748;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-muted: #5E6D82;--text-bright: #F8FAFC}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);overflow:hidden;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased}.technical-font{font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px;transition:all .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--brand-blue)}.transition-standard{transition:all .2s cubic-bezier(.4,0,.2,1)}.bg-white{background-color:var(--bg-panel)!important}.bg-gray-50,.bg-slate-900{background-color:var(--bg-main)!important}.text-gray-900,.text-slate-900{color:var(--text-bright)!important}.text-gray-700,.text-slate-700{color:var(--text-primary)!important}.text-gray-500,.text-slate-500{color:var(--text-muted)!important}.border-gray-100,.border-gray-200,.border-slate-800{border-color:var(--border-color)!important}.bg-Technical-Header{background:linear-gradient(to bottom,var(--bg-panel),var(--bg-main));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .bg-Technical-Header{background:linear-gradient(180deg,#1a1f2b,#0b0e14);border-bottom:1px solid rgba(255,255,255,.05)}.bg-technical-grid{background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:24px 24px}.dark .bg-technical-grid{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px)}input,select,textarea{background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s}input:focus{border-color:var(--brand-blue)!important;box-shadow:0 0 0 3px var(--brand-blue-soft)}.overlay-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}.dark .overlay-blur{background:#0009}.search-autocomplete-wrapper{position:relative;width:100%}.search-input-container{position:relative;display:flex;align-items:center}.search-main-input{width:100%;background:transparent;caret-color:var(--color-primary);position:relative;z-index:2}.ghost-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:inherit;pointer-events:none;z-index:1;font:inherit;white-space:nowrap;overflow:hidden}.ghost-typed{opacity:0}.ghost-completion{color:var(--text-muted);opacity:.4}.ghost-hint{font-size:10px;padding:1px 5px;border:1px solid var(--border-color);border-radius:3px;margin-left:6px;color:var(--text-muted);opacity:.6;font-family:inherit}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #00000059;overflow:hidden;animation:dropdownFadeIn .12s ease;list-style:none;margin:0;padding:4px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:grid;grid-template-columns:24px 88px 1fr 56px 24px;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .1s ease}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-active)}.suggestion-badge{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.suggestion-badge[data-type=comp]{background:#3b82f61f;color:#3b82f6}.suggestion-badge[data-type=inp]{background:#22c55e1f;color:#22c55e}.suggestion-code{font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.suggestion-db{font-size:10px;color:var(--text-muted);text-align:right}.suggestion-tab-hint{font-size:10px;padding:1px 4px;border:1px solid var(--border-color);border-radius:3px;color:var(--text-muted);font-family:inherit;justify-self:center}.search-spinner{position:absolute;right:10px;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--brand-blue);border-radius:50%;animation:spin .6s linear infinite;z-index:3}@keyframes spin{to{transform:rotate(360deg)}}