:root{--bg-color:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-color:#0f172a;--text-muted:#64748b;--primary:#20a39e;--primary-hover:#1b8a86;--primary-container:#20a39e;--accent:#8b5cf6;--danger:#ef4444;--success:#10b981;--border-radius-card:1.5rem;--border-radius-btn:.75rem;--border-radius-pill:9999px;--teal-glow:0px 20px 40px #20a39e0f;--active-glow:0px 20px 40px #20a39e1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);padding:var(--border-radius-card);font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:1.6}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.logo-container{align-items:center;gap:12px;display:flex}h1{letter-spacing:-.03em;color:var(--text-color);font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.version{border-radius:var(--border-radius-pill);color:var(--text-muted);letter-spacing:.02em;background:#e6e8ea;padding:4px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.status-container{align-items:center;gap:16px;display:flex}.status-badge{background:var(--card-bg);border-radius:var(--border-radius-btn);border:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.indicator{background:var(--text-muted);border-radius:50%;width:10px;height:10px;display:inline-block}.indicator.online{background:var(--success);box-shadow:0 0 8px var(--success)}.indicator.offline{background:var(--danger);box-shadow:0 0 8px var(--danger)}.main-layout{grid-template-columns:1fr 1fr;gap:32px;max-width:1280px;margin:0 auto;display:grid}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-card);margin-bottom:32px;padding:32px;transition:box-shadow .3s,border-color .3s}.card:hover{box-shadow:var(--teal-glow);border-color:#20a39e33}.card-title{letter-spacing:-.02em;border-bottom:1px solid var(--border-color);color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;display:flex}.form-group{margin-bottom:20px}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=password],input[type=number],textarea,select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-btn);width:100%;color:var(--text-color);padding:12px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-container);outline:none;box-shadow:0 0 0 3px #20a39e26}textarea{resize:vertical;min-height:100px}.btn{border-radius:var(--border-radius-btn);cursor:pointer;color:#fff;background-color:var(--primary);border:none;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 4px #20a39e1a}.btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #20a39e33}.btn-danger{background-color:var(--danger);box-shadow:0 2px 4px #ba1a1a1a}.btn-danger:hover{background-color:#93000a;box-shadow:0 4px 12px #ba1a1a33}.btn-secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);box-shadow:none}.btn-secondary:hover{box-shadow:none;background-color:#eceef0}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.table-container{border:1px solid var(--border-color);border-radius:var(--border-radius-btn);background:var(--bg-color);max-height:600px;overflow-y:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{background:var(--card-bg);color:var(--text-muted);border-bottom:2px solid var(--border-color);z-index:10;padding:16px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--border-color);background:var(--card-bg);vertical-align:middle;padding:16px;transition:background-color .2s}tr:hover td{background-color:var(--bg-color);cursor:pointer}.badge{border-radius:var(--border-radius-pill);background:var(--bg-color);border:1px solid var(--border-color);padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-project{color:var(--primary);background-color:#20a39e14;border-color:#20a39e26}.badge-key{color:var(--accent);background-color:#95492414;border-color:#95492426;font-family:monospace}.details-panel{background:var(--bg-color);border-left:4px solid var(--primary-container);border-radius:0 var(--border-radius-btn) var(--border-radius-btn) 0;margin-top:15px;padding:20px;box-shadow:inset 0 2px 4px #00000003}.details-header{color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:500;display:flex}.details-content{white-space:pre-wrap;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-btn);max-height:250px;padding:16px;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto}.response-container{border:1px dashed var(--primary-container);border-radius:var(--border-radius-btn);background:#20a39e05;margin-top:24px;padding:20px;animation:2s infinite alternate response-glow}@keyframes response-glow{0%{box-shadow:0 0 4px #20a39e0d}to{box-shadow:0 0 16px #20a39e1f}}.response-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.answer-text{white-space:pre-wrap;color:var(--text-color);margin-bottom:20px;font-size:15px;line-height:1.6}.sources-list{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;padding-top:15px;display:flex}.source-item{background:var(--card-bg);border-radius:var(--border-radius-btn);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.source-link{color:var(--primary);font-weight:600;text-decoration:none}.source-link:hover{text-decoration:underline}.score{color:var(--success);font-family:monospace;font-weight:600}.notification{border-radius:var(--border-radius-btn);color:#fff;z-index:1000;padding:16px 24px;font-weight:600;animation:.3s slideIn;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.tabs-nav{border-bottom:1.5px solid var(--border-color);gap:8px;max-width:1280px;margin-bottom:32px;margin-left:auto;margin-right:auto;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-btn);background:0 0;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.tab-btn:hover{color:var(--primary);background-color:#20a39e0d}.tab-btn.active{color:var(--primary);background-color:#20a39e14;box-shadow:0 2px 8px #20a39e0a}.tab-content{display:none}.tab-content.active{animation:.3s cubic-bezier(.16,1,.3,1) tabFadeIn;display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.schema-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-card);box-shadow:var(--teal-glow);flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding:32px;display:flex}.schema-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.schema-block{background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:var(--border-radius-btn);text-align:center;min-width:200px;padding:16px 24px;font-size:14px;font-weight:700;transition:transform .2s,border-color .2s;position:relative;box-shadow:0 4px 10px #00000005}.schema-block:hover{border-color:var(--primary-container);box-shadow:var(--teal-glow);transform:translateY(-2px)}.schema-block.primary-block{border-color:var(--primary-container);color:var(--primary);background:#20a39e0f}.schema-block.accent-block{border-color:var(--accent);color:var(--accent);background:#9549240d}.schema-arrow{color:var(--outline);-webkit-user-select:none;user-select:none;font-size:20px}.connector-section-title{color:var(--text-color);border-bottom:2px solid var(--border-color);align-items:center;gap:12px;margin:32px 0 20px;padding-bottom:10px;font-size:1.25rem;font-weight:600;display:flex}.connector-section-title i{color:var(--primary);font-size:1.3rem}.connectors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.connector-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-card);flex-direction:column;justify-content:space-between;padding:24px;transition:all .25s;display:flex}.connector-card:hover{box-shadow:var(--teal-glow);border-color:#20a39e33;transform:translateY(-2px)}.connector-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.connector-brand{align-items:center;gap:12px;display:flex}.connector-icon{background:var(--bg-color);border-radius:var(--border-radius-btn);border:1px solid var(--border-color);justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.connector-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.connector-desc{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:13px;line-height:1.5}.connector-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.console-card{color:#84f5ef;border-radius:var(--border-radius-card);background:#191c1e;border:1px solid #3d4948;max-height:250px;margin-top:20px;padding:20px;font-family:monospace;font-size:12px;overflow-y:auto;box-shadow:inset 0 2px 8px #00000080}.console-line{margin-bottom:6px;line-height:1.4}.console-line span{color:#e0e3e5}.console-line.success-line{color:var(--success)}.console-line.error-line{color:var(--danger)}.settings-grid{grid-template-columns:1fr 1.2fr;gap:32px;max-width:1280px;margin:0 auto;display:grid}@media (max-width:1024px){.settings-grid{grid-template-columns:1fr}}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.active{background-color:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.inactive{background-color:var(--outline)}.settings-nav-btn{text-align:left;width:100%;color:var(--text-color);opacity:.85;cursor:pointer;background-color:#ffffff05;border:1px solid #ffffff08;border-radius:12px;outline:none;align-items:center;gap:16px;padding:12px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.settings-nav-btn:hover{color:var(--primary);opacity:1;background-color:#20a39e0d;border-color:#20a39e26}.settings-nav-btn.active{background-color:var(--primary);border-color:var(--primary);opacity:1;box-shadow:0 4px 12px #20a39e40;color:#fff!important}.settings-nav-btn i{text-align:center;width:24px;font-size:18px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.settings-nav-btn:hover i{transform:scale(1.15)}.settings-nav-btn.active i{color:#fff!important}:root{--shadow-float:0px 20px 40px #20a39e14;--shadow-sm:0 1px 2px #0000000d;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}body{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.onboarding-overlay{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:blur(12px)!important;background-color:#0f172acc!important}.onboarding-card{width:100%;max-width:600px;animation:.4s cubic-bezier(.16,1,.3,1) onboardingFadeIn;position:relative;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-float)!important;padding:36px!important}@keyframes onboardingFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.system-map-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;grid-column:span 2;padding:24px;display:flex;overflow:hidden}@media (max-width:1024px){.system-map-card{grid-column:span 1}}.map-wrapper{border-radius:var(--radius-lg);background:#090b0e;border:1px solid #ffffff08;justify-content:center;align-items:center;width:100%;height:380px;display:flex;position:relative;overflow:hidden}.node-circle{cursor:pointer;transition:r .3s,fill .3s,stroke .3s}.node-circle:hover{r:28px}.node-circle.active{filter:drop-shadow(0 0 10px #20a39e99)}.node-circle.core-active{filter:drop-shadow(0 0 16px #20a39ecc)}.pulse-circle{transform-origin:50%;animation:2.5s infinite svgPulse}@keyframes svgPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}.map-line{stroke-dasharray:6 6;stroke-dashoffset:0;transition:stroke .5s}.map-line.active{animation:20s linear infinite lineDash}@keyframes lineDash{to{stroke-dashoffset:-200px}}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:0 auto 32px;display:grid}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}}.bento-card-large{grid-column:span 2}@media (max-width:900px){.bento-card-large{grid-column:span 1}}.auth-wrapper{background-color:var(--bg-main,#fff);min-height:100vh;color:var(--text-color,#0f172a);font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#20a39e14 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute}.auth-orb.top-left{top:-20%;left:-10%}.auth-orb.bottom-right{bottom:-20%;right:-10%}.auth-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,24px);width:100%;max-width:460px;box-shadow:var(--shadow-float,0px 20px 40px #20a39e14);padding:40px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary));height:4px;position:absolute;top:0;left:0;right:0}.auth-logo-text{font-family:var(--font-display);color:var(--text-color,#0f172a);align-items:center;gap:8px;margin-bottom:24px;font-size:24px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.auth-logo-text:hover{opacity:.85}.auth-logo-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%}.auth-header{text-align:center;margin-bottom:32px}.auth-title{color:var(--text-color,#0f172a);letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-muted,#64748b);font-size:13px}.auth-form-group{margin-bottom:20px}.auth-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.auth-input{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--border-radius-btn,12px);width:100%;color:var(--text-color,#0f172a);font-family:var(--font-sans);background:#f8fafc;padding:14px 16px;font-size:14px;transition:all .2s}.auth-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #20a39e26}.auth-input::placeholder{color:#94a3b8}.auth-btn-primary{background:var(--primary,#20a39e);color:#fff;border-radius:var(--border-radius-btn,12px);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #20a39e26}.auth-btn-primary:hover{background:var(--primary-hover,#1b8a86);transform:translateY(-1px);box-shadow:0 6px 16px #20a39e40}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-alert{border-radius:var(--border-radius-btn,12px);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:12px;font-weight:500;display:flex}.auth-alert-danger{color:#ef4444;background:#ef44440d;border-color:#ef444426}.auth-alert-success{color:#10b981;background:#10b9810d;border-color:#10b98126}.auth-footer-links{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;gap:12px;margin-top:32px;font-size:13px;display:flex}.auth-link{color:var(--primary,#20a39e);font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--primary-hover,#1b8a86);text-decoration:underline}.auth-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-tabs{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--border-radius-btn,12px);background:#f8fafc;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:4px;display:grid}.auth-tab-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.auth-tab-btn:hover{color:var(--text-color,#0f172a)}.auth-tab-btn.active{background:var(--primary,#20a39e);color:#fff;box-shadow:0 2px 8px #20a39e40}