@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#f6f5f0;--secondary-background:#fff;--panel-background:#fef08a;--foreground:#000;--main-foreground:#000;--main:#fcd34d;--border:#000;--ring:#000;--overlay:#000c;--shadow:0px 4px 0px 0px var(--border);--shadow-sm:0px 2px 0px 0px var(--border);--shadow-lg:0px 6px 0px 0px var(--border);--bg-base:#f6f5f0;--bg-surface:#fff;--bg-card:#fff;--bg-hover:#f0ede9;--bg-input:#fff;--text-primary:#000;--text-secondary:#4a4a4a;--text-muted:#8a8a8a;--accent-blue:#06f;--accent-purple:#7c3aed;--accent-cyan:#0891b2;--accent-yellow:#fcd34d;--accent-red:#dc2626;--log-info:#06f;--log-warn:#f59e0b;--log-error:#dc2626;--log-success:#16a34a;--log-debug:#7c3aed;--incident-crit:#dc2626;--incident-warn:#f59e0b;--incident-ok:#16a34a;--font-ui:"Inter", sans-serif;--font-mono:"Monaco", monospace;--font-display:"Inter", sans-serif;--radius-sm:10px;--radius:10px;--radius-lg:14px;--transition:0s ease;--border-width:3px}html,body{background:var(--background);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:auto;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.6}#root{flex-direction:column;width:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--border)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{letter-spacing:.05em;text-transform:uppercase;border:2px solid;border-radius:10px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-info{color:var(--log-info);border:2px solid var(--log-info);background:#e0e7ff}.badge-warn{color:#b45309;background:#fef3c7;border:2px solid #b45309}.badge-error{color:var(--log-error);border:2px solid var(--log-error);background:#fee2e2}.badge-success{color:var(--log-success);border:2px solid var(--log-success);background:#dcfce7}.badge-purple{color:var(--log-debug);border:2px solid var(--log-debug);background:#ede9fe}button{font-family:var(--font-ui);cursor:pointer;transition:all var(--transition);letter-spacing:.03em;text-transform:uppercase;border:none;outline:none;font-size:11px;font-weight:700}.btn{letter-spacing:.04em;border:3px solid var(--border);background:var(--secondary-background);color:var(--foreground);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex;position:relative;transform:translate(0)}.btn:hover{background:var(--main);transform:translate(2px,2px);box-shadow:2px 2px #0000001a}.btn:active{transform:translate(4px,4px);box-shadow:0 0 #0000000d}.btn-primary{background:var(--accent-blue);color:#fff;border:3px solid #003d99}.btn-primary:hover{background:#0052cc;transform:translate(2px,2px)}.btn-primary:active{transform:translate(4px,4px)}.btn-danger{background:var(--accent-red);color:#fff;border:3px solid #991f1f}.btn-danger:hover{background:#991f1f;transform:translate(2px,2px)}.btn-success{background:var(--log-success);color:#fff;border:3px solid #15803d}.btn-success:hover{background:#15803d;transform:translate(2px,2px)}.btn-ghost{background:var(--secondary-background);color:var(--foreground);border:3px solid var(--border)}.btn-ghost:hover{background:var(--main);transform:translate(2px,2px)}.btn-sm{border:2px solid var(--border);padding:8px 12px;font-size:11px}.btn-sm:hover{transform:translate(1px,1px);box-shadow:1px 1px #0000001a}.btn-sm:active{transform:translate(2px,2px);box-shadow:0 0 #0000000d}.card{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px}.card-header{border-bottom:3px solid var(--border);background:var(--secondary-background);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--foreground);letter-spacing:.05em;text-transform:uppercase;text-transform:uppercase;font-size:14px;font-weight:700}.card-body{padding:12px 16px}input,select,textarea{font-family:var(--font-ui);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%;padding:8px 12px;font-size:13px}input:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4f8ef726}input::placeholder{color:var(--text-muted)}select{appearance:none;cursor:pointer}select option{background:var(--bg-card)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes thinking-dots{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px #10b98166}50%{box-shadow:0 0 14px #10b981cc}}@keyframes bar-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.login-container{background:var(--background);width:100vw;height:100vh;display:flex;overflow:hidden}.login-wrapper{grid-template-columns:1fr 1fr;gap:0;width:100%;height:100%;display:grid}.login-brand{background:var(--main);border:3px solid var(--border);border-right:none;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative}.brand-content{text-align:center;max-width:500px}.brand-title{color:var(--foreground);letter-spacing:-1px;margin-bottom:24px;font-size:72px;font-weight:700}.brand-subtitle{color:var(--foreground);margin-bottom:20px;font-size:24px;font-weight:600}.brand-description{color:var(--foreground);margin-bottom:40px;font-size:16px;line-height:1.6}.login-form-wrapper{background:var(--secondary-background);border:3px solid var(--border);border-left:none;justify-content:center;align-items:center;padding:40px 60px;display:flex}.login-form-container{width:100%;max-width:420px}.login-form-container h2{color:var(--foreground);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.form-group input{border:3px solid var(--border);background:var(--secondary-background);color:var(--foreground);font-size:14px;font-family:var(--font-ui);border-radius:10px;padding:14px 16px;font-weight:500;transition:all .2s}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{box-shadow:var(--shadow-sm);border-color:var(--main);background:#fef8e7;outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{border:3px solid var(--incident-crit);color:var(--incident-crit);background:#fee2e2;border-radius:10px;margin:-8px 0 16px;padding:12px 16px;font-size:13px;font-weight:600}.login-button{background:var(--main);color:var(--foreground);border:3px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:10px;padding:16px 24px;font-size:15px;font-weight:700;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-2px)}.login-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.demo-credentials{border:2px dashed var(--border);background:#f0ede9;border-radius:10px;padding:20px;font-size:12px}.demo-title{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:700}.demo-credentials p{color:var(--text-secondary);margin:6px 0}.demo-credentials code{font-family:var(--font-mono);color:var(--foreground);font-weight:600}.demo-credentials span{color:var(--accent-blue);font-family:var(--font-mono);margin-left:8px}@media (width<=1024px){.login-wrapper{grid-template-columns:1fr}.login-brand{border-right:3px solid var(--border);border-bottom:none;min-height:200px;padding:40px 30px}.brand-title{font-size:48px}.brand-subtitle{font-size:18px}.login-form-wrapper{border-left:3px solid var(--border);border-top:none}}@media (width<=640px){.login-wrapper{grid-template-columns:1fr}.login-brand{min-height:150px;padding:30px 20px}.brand-title{margin-bottom:16px;font-size:36px}.brand-subtitle{font-size:16px}.login-form-wrapper{padding:30px 20px}.login-form-container{max-width:100%}.login-form-container h2{font-size:24px}}.landing-container{background:var(--background);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden auto}.landing-nav{background:var(--secondary-background);border:3px solid var(--border);border-bottom:6px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.nav-brand{flex-direction:column;align-items:flex-start;display:flex}.nav-brand h1{color:var(--foreground);margin:0;font-size:28px;font-weight:700}.nav-tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding-bottom:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{border-bottom-color:var(--main);color:var(--main)}.nav-link.nav-button{background:var(--main);color:var(--foreground);border:2px solid var(--border);border-bottom:2px solid var(--border);border-radius:6px;padding:6px 14px}.nav-link.nav-button:hover{border-bottom-color:var(--border);background:#fbbf24}.user-menu{border-left:2px solid var(--border);align-items:center;gap:16px;padding-left:24px;display:flex}.user-email{color:var(--text-secondary);font-size:12px;font-weight:500}.logout-btn{background:var(--main);color:var(--foreground);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.logout-btn:hover{box-shadow:0px 2px 0px 0px var(--border);transform:translateY(-1px)}.hero-section{background:var(--secondary-background);border:3px solid var(--border);border-top:none;flex:1;justify-content:center;align-items:center;margin:0 0 20px;padding:80px 40px;display:flex}.hero-content{text-align:center;max-width:700px}.hero-title{color:var(--foreground);letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:18px;line-height:1.6}.hero-cta{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.cta-primary,.cta-secondary{text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--border);border-radius:10px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.cta-primary{background:var(--main);color:var(--foreground);box-shadow:var(--shadow-sm)}.cta-primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cta-secondary{background:var(--secondary-background);color:var(--foreground);box-shadow:var(--shadow-sm)}.cta-secondary:hover{box-shadow:var(--shadow);background:#f8f7f3;transform:translateY(-2px)}.hero-stats{border-top:2px dashed var(--border);grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;padding-top:48px;display:grid}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--main);font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:12px}.features-section{background:var(--panel-background);border:3px solid var(--border);margin-bottom:20px;padding:80px 40px}.section-title{color:var(--foreground);text-align:center;letter-spacing:-.5px;margin-bottom:60px;font-size:40px;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1400px;margin:0 auto;display:grid}.feature-card{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;border-radius:10px;flex-direction:column;align-items:center;padding:32px;transition:all .3s;display:flex}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:48px}.feature-card h4{color:var(--foreground);margin-bottom:12px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.tech-section{background:var(--secondary-background);border:3px solid var(--border);margin-bottom:20px;padding:80px 40px}.tech-stack{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1400px;margin:0 auto;display:grid}.tech-item{background:var(--panel-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:28px}.tech-item h4{color:var(--foreground);margin-bottom:12px;font-size:16px;font-weight:700}.tech-item p{color:var(--text-secondary);font-size:13px;line-height:1.6}.cta-section{background:var(--main);border:3px solid var(--border);text-align:center;margin-bottom:20px;padding:60px 40px}.cta-section h3{color:var(--foreground);margin-bottom:16px;font-size:36px;font-weight:700}.cta-section p{color:var(--foreground);margin-bottom:32px;font-size:16px}.cta-button{background:var(--secondary-background);color:var(--foreground);border:3px solid var(--border);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:10px;padding:16px 40px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.cta-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.landing-footer{background:var(--secondary-background);border:3px solid var(--border);border-top:6px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:32px 40px;font-size:12px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--foreground);font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--main)}@media (width<=768px){.landing-nav{flex-direction:column;gap:16px;padding:16px 20px}.nav-links{justify-content:space-between;width:100%}.hero-section{padding:40px 20px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.hero-stats{grid-template-columns:1fr;gap:16px}.features-section,.tech-section,.cta-section{padding:40px 20px}.section-title{margin-bottom:32px;font-size:28px}.landing-footer{flex-direction:column;gap:16px}}.topbar{background:var(--secondary-background);border-bottom:3px solid var(--border);z-index:10;height:70px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:0 20px;display:flex;position:relative}.topbar-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.topbar-logo{border:3px solid var(--border);background:var(--main);cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex;transform:rotate(-2deg)}.topbar-logo:hover{box-shadow:var(--shadow-sm);transform:rotate(-2deg)scale(1.05)}.topbar-logo:active{transform:rotate(-2deg)scale(.98)}.topbar-logo:focus{outline:none}.topbar-logo svg{filter:saturate(0%);stroke-width:2.5px!important}.topbar-brand{letter-spacing:.08em;color:var(--foreground);font-size:18px;font-weight:900;font-family:var(--font-ui);text-transform:uppercase}.topbar-sep{background:var(--border);width:3px;height:30px}.topbar-subtitle{color:var(--foreground);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.topbar-center{flex:1;justify-content:center;display:flex}.topbar-stats{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);gap:8px;padding:8px;display:flex}.topbar-stat{border:2px solid var(--border);background:var(--main);flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:8px 16px;font-weight:700;display:flex}.topbar-stat--blue{border-color:var(--border);color:var(--accent-blue)}.topbar-stat--red{border-color:var(--border);color:var(--accent-red)}.topbar-stat--warn{border-color:var(--border);color:#b45309}.topbar-stat--green{border-color:var(--border);color:var(--log-success)}.topbar-stat-val{font-size:16px;font-weight:900;font-family:var(--font-mono);letter-spacing:.03em}.topbar-stat--red .topbar-stat-val{color:var(--log-error)}.topbar-stat--warn .topbar-stat-val{color:var(--log-warn)}.topbar-stat--green .topbar-stat-val{color:var(--log-success)}.topbar-stat-lbl{color:var(--foreground);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.thinking-pill{background:var(--accent-purple);color:#fff;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-sm);border:3px solid #6d28d9;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;animation:.3s fade-in;display:flex}.thinking-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:0%;width:12px;height:12px;animation:.8s linear infinite spin}.thinking-dots{align-items:center;gap:3px;display:flex}.thinking-dots span{background:#fff;border-radius:0%;width:4px;height:4px;animation:1.2s infinite thinking-dots}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.topbar-time{font-family:var(--font-mono);color:var(--foreground);background:var(--secondary-background);border:2px solid var(--border);text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700}.topbar-avatar{background:var(--accent-blue);color:#fff;letter-spacing:.05em;width:42px;height:42px;font-size:12px;font-weight:900;font-family:var(--font-ui);text-transform:uppercase;box-shadow:var(--shadow-sm);cursor:pointer;border:3px solid #003d99;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.log-panel{background:var(--panel-background);border:3px solid var(--border);height:100%;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.log-panel__header{background:var(--panel-background);border-bottom:3px solid var(--border);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.log-panel__title-row{justify-content:space-between;align-items:center;display:flex}.log-panel__title{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.log-panel__counters{gap:12px;display:flex}.counter{background:var(--bg-card);border:2px solid var(--border);text-transform:uppercase;letter-spacing:.03em;border-radius:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.counter-dot{border-radius:0%;width:8px;height:8px}.counter--error{color:var(--log-error);border-color:var(--log-error)}.counter--error .counter-dot{background:var(--log-error)}.counter--warn{color:var(--log-warn);border-color:var(--log-warn)}.counter--warn .counter-dot{background:var(--log-warn)}.log-panel__actions{align-items:center;gap:8px;display:flex}.status-badge{border:2px solid var(--border);background:var(--bg-card);text-transform:uppercase;letter-spacing:.03em;border-radius:0;align-items:center;gap:8px;margin-right:auto;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.status-badge--connected{color:var(--log-success);border-color:var(--log-success);background:#dcfce7}.status-badge--disconnected{color:var(--log-error);border-color:var(--log-error);background:#fee2e2}.status-dot{background:currentColor;border-radius:0%;width:8px;height:8px}.status-badge--connected .status-dot{animation:2s infinite pulse-dot}.log-panel__live-bar{background:var(--border);width:100%;height:4px;position:relative;overflow:hidden}.log-panel__live-fill{background:var(--accent-blue);transform-origin:0;width:30%;height:100%;animation:1.5s linear infinite bar-slide;position:absolute;top:0;left:0}.log-panel__stream{background:var(--bg-card);font-family:var(--font-mono);flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.log-entry{cursor:pointer;white-space:pre-wrap;word-break:break-all;border-bottom:1px solid #00000014;border-left:4px solid #0000;align-items:flex-start;gap:12px;padding:8px 16px;font-size:12px;line-height:1.5;transition:background 50ms;display:flex}.log-entry:hover{background:#f0ede9}.log-entry--highlighted{border-left-color:var(--accent-blue);background:#e0e7ff!important}.log-entry--new{animation:.3s ease-out fade-in}.log-ts{color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;width:140px;font-weight:600}.log-level-tag{text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:60px;font-size:10px;font-weight:700}.log-level-tag--info{color:var(--log-info)}.log-level-tag--warn{color:var(--log-warn)}.log-level-tag--error{color:var(--log-error)}.log-level-tag--debug{color:var(--log-debug)}.log-service{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:11px;font-weight:700}.log-msg{color:var(--text-primary);flex:1;font-weight:500}.log-entry.log-error .log-msg{color:var(--log-error);font-weight:600}.log-entry.log-warn .log-msg{color:var(--log-warn);font-weight:600}.log-sim{color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;margin-left:12px;font-size:10px;display:flex}.sim-bar{background:var(--border);border-radius:0;width:40px;height:4px;overflow:hidden}.sim-bar__fill{border-radius:0;height:100%}.log-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-style:italic;font-weight:600;display:flex}.log-cursor{background:var(--accent-blue);width:2px;height:16px;animation:1s infinite blink-cursor}.log-panel__paused-bar{background:var(--accent-yellow);border-top:3px solid var(--border);color:var(--log-warn);align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:600;animation:.3s slide-in-up;display:flex}.upload-section{background:var(--panel-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.upload-zone{border:3px dashed var(--border);cursor:pointer;min-height:140px;transition:all var(--transition);background:var(--panel-background);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:20px;padding:20px;display:flex}.upload-zone:hover,.upload-zone--dragging{border-color:var(--accent-blue);background:#e0e7ff;border-style:solid}.upload-zone--dragging{transform:scale(.98)}.upload-icon{color:var(--foreground);transition:color var(--transition);margin-bottom:12px;font-size:32px}.upload-zone:hover .upload-icon{color:var(--accent-blue)}.upload-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px;font-weight:700}.upload-subtext{color:var(--text-muted);font-size:11px;font-weight:600}.upload-zone--uploading{border-color:var(--accent-blue);cursor:not-allowed;opacity:.9;background:#e0e7ff;border-style:solid}.upload-error{border:2px solid var(--log-error);color:var(--log-error);background:#fee2e2;border-radius:0;align-items:center;gap:8px;margin:0 20px 20px;padding:14px 16px;font-size:12px;font-weight:700;display:flex}.error-icon{flex-shrink:0;font-size:16px}.error-message{word-break:break-word;flex:1}.right-panel{flex-direction:column;gap:20px;height:100%;display:flex}.incident-section{background:var(--secondary-background);border:3px solid var(--border);min-height:0;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden}.section-header{border-bottom:3px solid var(--border);background:var(--secondary-background);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;font-weight:700;display:flex}.incident-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.incident-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.success-icon{background:var(--accent-yellow);width:64px;height:64px;color:var(--text-primary);border:3px solid var(--border);border-radius:0;justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;animation:3s ease-in-out infinite glow-pulse;display:flex}.incident-empty__title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:14px;font-weight:700}.incident-empty__subtitle{opacity:.7;font-size:12px;font-weight:600}.incident-card{background:var(--bg-surface);border:2px solid var(--border);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-offset);border-radius:0;padding:14px;position:relative}.incident-card:hover{background:var(--bg-hover);border-color:var(--accent-blue);transform:translate(2px,2px);box-shadow:1px 1px #0000001a}.incident-card:active{transform:translate(4px,4px);box-shadow:0 0 #0000000d}.incident-card__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.incident-dot{border-radius:0%;flex-shrink:0;width:10px;height:10px}.incident-card--critical .incident-dot{background:var(--incident-crit)}.incident-card--warning .incident-dot{background:var(--incident-warn)}.incident-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:12px;font-weight:700}.incident-count{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;font-size:11px;font-weight:700}.incident-card__footer{justify-content:space-between;align-items:center;font-size:10px;display:flex}.incident-service{background:var(--accent-purple);color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:0;padding:4px 8px;font-weight:700}.incident-time{color:var(--text-muted);font-weight:600}.summary-panel{background:var(--bg-card);border:3px solid var(--border);min-height:200px;box-shadow:var(--shadow-offset);border-radius:0;flex-direction:column;padding:20px;animation:.3s ease-out slideIn;display:flex}.summary-panel.is-loading{border-color:var(--accent-blue);background:linear-gradient(135deg, var(--bg-card), #0066ff0d)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.search-panel{padding-bottom:0}.search-container{background:var(--panel-background);flex-direction:column;gap:16px;padding:20px;display:flex}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--border);stroke-width:3px;position:absolute;left:16px}.search-input{color:var(--foreground);width:100%;font-size:13px;font-weight:600;font-family:var(--font-ui);background:var(--secondary-background)!important;border:3px solid var(--border)!important;border-radius:10px!important;padding:14px 16px 14px 48px!important}.search-input::placeholder{color:var(--text-muted);font-weight:600}.search-input:focus{box-shadow:inset 0 0 0 1px var(--accent-blue);outline:none;border-color:var(--accent-blue)!important}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-btn{background:var(--accent-blue);color:#fff;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.03em;height:38px;box-shadow:var(--shadow-sm);border:2px solid #003d99;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:flex;position:absolute;right:4px}.search-btn:hover{background:#0052cc;transform:translate(1px,1px);box-shadow:1px 1px #0000001a}.search-btn:active{transform:translate(2px,2px);box-shadow:0 0 #0000000d}.filters-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.filter-select{color:var(--foreground);cursor:pointer;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.03em;background:var(--secondary-background)!important;border:2px solid var(--border)!important;border-radius:10px!important;padding:12px 14px!important;font-size:12px!important;font-weight:700!important}.filter-select:focus{outline:none;border-color:var(--accent-blue)!important}.filter-input{color:var(--foreground);font-family:var(--font-ui);background:var(--secondary-background)!important;border:2px solid var(--border)!important;border-radius:10px!important;padding:12px 14px!important;font-size:12px!important;font-weight:700!important}.filter-input::placeholder{color:var(--text-muted);font-weight:700}.filter-input:focus{outline:none;border-color:var(--accent-blue)!important}.search-btn:hover:not(:disabled){background:#0052cc;transform:translate(1px,1px)}.search-btn:disabled{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border);cursor:not-allowed}.search-btn svg{stroke-width:2.5px;display:block}.spinner{animation:.8s linear infinite spin}.search-results-panel{background:var(--secondary-background);border:3px solid var(--border);height:100%;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.search-results-stream{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.results-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.no-results-icon{opacity:1;margin-bottom:16px;font-size:48px}.results-empty__text{color:var(--foreground);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:14px;font-weight:700}.results-empty__subtitle{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.results-summary{gap:8px;margin-bottom:8px;padding:0 8px;display:flex}.summary-badge{background:var(--bg-surface);border:2px solid var(--accent-blue);text-transform:uppercase;letter-spacing:.03em;border-radius:0;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-label{color:var(--text-muted);font-weight:700}.badge-value{color:var(--accent-blue);font-weight:900}.search-result-entry{background:var(--bg-surface);border:2px solid var(--border);transition:all var(--transition);box-shadow:var(--shadow-offset);border-radius:0;gap:12px;padding:14px;display:flex}.search-result-entry:hover{border-color:var(--accent-blue);background:#f0ede9;transform:translate(2px,2px);box-shadow:1px 1px #0000001a}.result-rank{background:var(--accent-blue);color:#fff;text-transform:uppercase;letter-spacing:.03em;border:2px solid #003d99;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:flex}.result-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.result-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-score{border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b98133;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.score-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.score-value{color:#10b981;font-size:14px;font-weight:700}.score-bar{background:#10b98133;border-radius:1px;width:100%;height:2px;overflow:hidden}.score-bar-fill{border-radius:1px;height:100%;transition:all .3s}.result-text{color:var(--text-primary);word-break:break-word;border-radius:var(--radius-sm);border-left:2px solid var(--accent-blue);background:#ffffff05;padding:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.search-query-info{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.query-text{color:var(--accent-blue);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-style:italic;font-weight:600;overflow:hidden}.summary-panel{border-radius:var(--radius-md);background:linear-gradient(135deg,#4f8ef71a,#9333ea0d);border:1px solid #4f8ef733;margin-top:24px;padding:20px;animation:.4s ease-out slideUp}.summary-panel h3{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.summary-panel h3:before{content:"✨";font-size:16px}.summary-panel p{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-panel.is-loading{min-height:120px}.summary-loading{flex-direction:column;gap:12px;display:flex}.shimmer-line{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s linear infinite shimmer}.shimmer-line.shorter{width:60%}.incident-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fade-in;display:flex;position:fixed;top:0;left:0}.incident-details{background:var(--secondary-background);border:4px solid var(--border);border-radius:10px;flex-direction:column;width:90%;max-width:860px;height:min-content;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slide-in-up;display:flex;overflow:hidden;box-shadow:12px 12px #00000040}.incident-details__header{background:var(--secondary-background);border-bottom:4px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.header-info{align-items:center;gap:16px;display:flex}.severity-tag{letter-spacing:.05em;text-transform:uppercase;border:2px solid;border-radius:0;padding:8px 14px;font-size:11px;font-weight:700}.severity-tag--critical{color:var(--log-error);border-color:var(--log-error);background:#fee2e2}.severity-tag--warning{color:#b45309;background:#fef3c7;border-color:#b45309}.header-title{color:var(--text-primary);letter-spacing:.01em;text-transform:uppercase;font-size:18px;font-weight:900}.header-id{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.close-btn{background:var(--accent-red);color:#fff;cursor:pointer;transition:all var(--transition);width:40px;height:40px;box-shadow:var(--shadow-offset);border:2px solid #991f1f;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:18px;font-weight:700;display:flex}.close-btn:hover{background:#991f1f;transform:translate(2px,2px);box-shadow:1px 1px #0000001a}.close-btn:active{transform:translate(4px,4px);box-shadow:0 0 #0000000d}.incident-details__content{flex:1;padding:24px;overflow-y:auto}.details-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.details-section{flex-direction:column;gap:12px;display:flex}.details-section__header{color:var(--accent-blue);align-items:center;gap:8px;display:flex}.details-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);font-size:13px;font-weight:600}.details-section__body{color:var(--text-secondary);font-size:13px;line-height:1.6}.insight-card{border-radius:var(--radius);background:#8b5cf60d;border:1px solid #8b5cf626;flex-direction:column;gap:16px;padding:16px;display:flex}.insight-lbl{color:var(--log-debug);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.insight-val{color:var(--text-primary)}.similar-logs{border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--font-mono);background:#090b10;flex-direction:column;gap:8px;padding:12px;font-size:11px;display:flex}.similar-log-item{border-bottom:1px solid #ffffff08;padding:4px 0}.similar-log-item:last-child{border:none}.fix-list{flex-direction:column;gap:10px;list-style:none;display:flex}.fix-item{align-items:flex-start;gap:10px;font-size:12px;display:flex}.fix-bullet{background:var(--log-success);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.incident-details__footer{background:var(--bg-card);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.footer-actions{gap:8px;display:flex}@media (width<=800px){.details-grid{grid-template-columns:1fr}}.app-container{background:var(--background);border:3px solid var(--border);border-bottom:none;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-main{background:var(--background);flex:1;padding:20px;position:relative;overflow:hidden}.layout-grid{grid-template-columns:7fr 3fr;gap:20px;height:100%;display:grid}.panel-main-column{flex-direction:column;gap:20px;height:100%;display:flex;position:relative;overflow:hidden}.panel-main-column .search-panel{flex-shrink:0}.panel-main-column .log-panel--main,.panel-main-column .search-results-panel{flex:1;min-height:0}.panel-side-column{flex-direction:column;gap:20px;height:100%;display:flex;overflow:hidden}.panel-side-column .upload-section{flex-shrink:0}.panel-side-column .incident-section--sidebar{flex-direction:column;flex:1;min-height:0;display:flex}.section-header--sticky{z-index:2;background:var(--secondary-background);border:3px solid var(--border);border-bottom:6px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:12px 16px;position:sticky;top:0}.status-bar{background:var(--secondary-background);border-top:3px solid var(--border);height:40px;color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;align-items:center;gap:30px;padding:0 20px;font-size:11px;font-weight:700;display:flex}.status-bar__left,.status-bar__right{align-items:center;gap:30px;display:flex}.status-item{background:var(--secondary-background);border:2px solid var(--border);align-items:center;gap:8px;padding:4px 12px;display:flex}.status-label{color:var(--text-muted);font-weight:700}.status-value{color:var(--foreground);font-weight:700}.status-value--ready{color:var(--log-success)}.search-clear-banner{background:var(--main);border:3px solid var(--border);height:48px;color:var(--foreground);z-index:10;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:12px;font-weight:700;animation:.3s slideUp;display:flex;position:absolute;bottom:10px;left:0;right:0}.search-clear-banner .btn{border:2px solid var(--border);margin-left:auto;padding:8px 12px;font-size:11px}.search-clear-banner .btn:hover{background:var(--bg-hover);transform:translate(1px,1px)}@media (width<=1200px){.layout-grid{grid-template-rows:auto;grid-template-columns:1fr;overflow-y:auto}.panel-main-column,.panel-side-column{height:auto;min-height:600px}}.live-logs-container{background:var(--background);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden auto}.live-logs-nav{background:var(--secondary-background);border:3px solid var(--border);border-bottom:6px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.live-logs-nav .nav-brand{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:0;display:flex}.live-logs-nav .nav-brand h1{color:var(--foreground);margin:0;font-size:24px;font-weight:700}.live-logs-nav .nav-tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.live-logs-nav .nav-links{align-items:center;gap:32px;display:flex}.live-logs-nav .nav-link{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.live-logs-nav .nav-link:hover,.live-logs-nav .nav-link.active{color:var(--main);border-bottom:2px solid var(--main);padding-bottom:2px}.live-logs-nav .user-menu{border-left:2px solid var(--border);align-items:center;gap:16px;padding-left:24px;display:flex}.live-logs-nav .user-email{color:var(--text-secondary);font-size:12px;font-weight:500}.live-logs-nav .logout-btn{background:var(--main);color:var(--foreground);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s}.live-logs-nav .logout-btn:hover{box-shadow:0px 2px 0px 0px var(--border);transform:translateY(-1px)}.live-logs-main{flex:1;padding:20px;overflow:hidden}.three-panel-layout{grid-template-columns:3fr 2fr 2fr;gap:20px;height:100%;display:grid}.panel{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.panel-header{background:var(--panel-background);border-bottom:3px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h3{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14px;font-weight:700}.status-badge,.thinking-badge,.action-count{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600}.status-badge.live{color:#16a34a;background:#dcfce7;border:1px solid #16a34a}.thinking-badge{color:#f59e0b;background:#fef3c7;border:1px solid #f59e0b}.action-count{background:var(--main);color:var(--foreground);border:1px solid var(--border)}.panel-content{flex:1;padding:16px;font-family:Monaco,monospace;font-size:12px;line-height:1.6;overflow:hidden auto}.log-stream{color:#0f0;background:#1a1a1a}.log-line{word-break:break-word;margin-bottom:8px;font-weight:500}.log-line.typing{animation:1s infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}.thought-stream{background:var(--secondary-background)}.thought-step{border:2px solid var(--border);background:#f9fafb;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;display:flex}.thought-icon{color:var(--main);flex-shrink:0;font-size:14px;font-weight:700}.thought-text{color:var(--foreground);font-size:12px;font-family:var(--font-ui);line-height:1.5}.thought-step.thinking{border-color:var(--main);background:#fef3c7}.thought-spinner{color:var(--main);font-weight:700;animation:2s linear infinite spin}.actions-stream{background:var(--secondary-background)}.action-item{border:2px solid var(--border);background:#f9fafb;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px;transition:all .2s;display:flex}.action-item.status-completed{background:#dcfce7;border-color:#16a34a}.action-item.status-running{background:#dbeafe;border-color:#06f}.action-item.status-queued{background:#f3e8ff;border-color:#7c3aed}.action-info{justify-content:space-between;align-items:center;display:flex}.action-title{color:var(--foreground);font-size:12px;font-weight:600;font-family:var(--font-ui)}.action-status{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10px;font-weight:700}.action-progress{align-items:center;gap:8px;display:flex}.progress-bar{border:1px solid var(--border);background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--main), #fbbf24);height:100%;transition:width .3s}.progress-text{color:var(--foreground);text-align:right;min-width:30px;font-size:10px;font-weight:600}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (width<=1400px){.three-panel-layout{grid-template-columns:2fr 1.5fr 1.5fr}}@media (width<=1024px){.three-panel-layout{grid-template-columns:1fr;gap:16px}.panel-header{padding:12px 16px}.panel-content{padding:12px}.live-logs-nav{flex-direction:column;gap:12px;padding:12px 20px}.live-logs-nav .nav-links{justify-content:space-between;gap:16px;width:100%}.live-logs-nav .user-menu{border-left:none;border-top:2px solid var(--border);width:100%;padding-top:12px;padding-left:0}}.mcp-container{background:var(--background);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden auto}.mcp-nav{background:var(--secondary-background);border:3px solid var(--border);border-bottom:6px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.mcp-nav .nav-brand{flex-direction:column;align-items:flex-start;display:flex}.mcp-nav .nav-brand h1{color:var(--foreground);margin:0;font-size:28px;font-weight:700}.mcp-nav .nav-tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.mcp-nav .nav-links{align-items:center;gap:32px;display:flex}.mcp-nav .nav-link{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:none}.mcp-nav .nav-button{background:var(--main);color:var(--foreground);border-radius:6px;padding:6px 14px;border:2px solid var(--border)!important}.mcp-nav .nav-button-active{background:var(--foreground);color:var(--background)}.mcp-nav .user-menu{border-left:2px solid var(--border);align-items:center;gap:16px;padding-left:24px;display:flex}.mcp-nav .user-email{color:var(--text-secondary);font-size:12px;font-weight:500}.mcp-hero{background:var(--secondary-background);border:3px solid var(--border);text-align:center;border-top:none;margin-bottom:20px;padding:80px 40px}.mcp-hero-badge{text-transform:uppercase;letter-spacing:.1em;background:var(--main);border:2px solid var(--border);border-radius:4px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.mcp-hero-title{color:var(--foreground);letter-spacing:-2px;margin-bottom:20px;font-size:64px;font-weight:700;line-height:1.1}.mcp-hero-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto 40px;font-size:18px;line-height:1.7}.mcp-hero-actions{justify-content:center;gap:16px;margin-bottom:60px;display:flex}.mcp-cta-primary{background:var(--main);color:var(--foreground);border:3px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:10px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.mcp-cta-primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mcp-cta-secondary{background:var(--secondary-background);color:var(--foreground);border:3px solid var(--border);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:10px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.mcp-cta-secondary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mcp-hero-stats{border-top:2px dashed var(--border);grid-template-columns:repeat(3,1fr);gap:32px;max-width:500px;margin:48px auto 0;padding-top:48px;display:grid}.mcp-stat{flex-direction:column;align-items:center;display:flex}.mcp-stat-value{color:var(--main);font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700}.mcp-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px}.mcp-section{background:var(--secondary-background);border:3px solid var(--border);margin-bottom:20px;padding:80px 40px}.mcp-section-alt{background:var(--panel-background)}.mcp-section-title{color:var(--foreground);text-align:center;letter-spacing:-.5px;margin-bottom:16px;font-size:40px;font-weight:700}.mcp-section-desc{color:var(--text-secondary);text-align:center;max-width:680px;margin:0 auto 48px;font-size:16px;line-height:1.7}.mcp-arch-diagram{background:var(--panel-background);border:3px solid var(--border);max-width:1000px;box-shadow:var(--shadow-sm);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:0 auto;padding:40px;display:flex}.mcp-arch-node{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;border-radius:10px;flex-direction:column;align-items:center;min-width:180px;padding:24px 32px;display:flex}.mcp-arch-icon{margin-bottom:8px;font-size:36px}.mcp-arch-label{color:var(--foreground);font-size:14px;font-weight:700}.mcp-arch-sub{color:var(--text-secondary);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.mcp-arch-arrow{flex-direction:column;align-items:center;gap:6px;padding:0 12px;display:flex}.mcp-arch-arrow-line{background:var(--border);width:60px;height:3px;display:block;position:relative}.mcp-arch-arrow-line:after{content:"▶";color:var(--border);font-size:12px;position:absolute;top:-8px;right:-8px}.mcp-arch-arrow-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px;font-weight:600}.mcp-arch-agent{border-top:4px solid #60a5fa}.mcp-arch-server{border-top:4px solid var(--main)}.mcp-arch-store{border-top:4px solid #34d399}.mcp-tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.mcp-tool-card{background:var(--secondary-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:32px;transition:all .2s}.mcp-tool-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.mcp-tool-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mcp-tool-icon{font-size:28px}.mcp-tool-name{background:var(--panel-background);border:2px solid var(--border);border-radius:4px;flex:1;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.mcp-tool-badge{text-transform:uppercase;background:var(--main);border:2px solid var(--border);letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.mcp-tool-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.mcp-tool-params{flex-direction:column;gap:8px;display:flex}.mcp-param{background:var(--panel-background);border:2px solid var(--border);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.mcp-param code{color:var(--foreground);white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700}.mcp-param span{color:var(--text-secondary)}.mcp-steps{flex-direction:column;gap:32px;max-width:860px;margin:0 auto;display:flex}.mcp-step{align-items:flex-start;gap:24px;display:flex}.mcp-step-num{background:var(--main);border:3px solid var(--border);width:48px;height:48px;color:var(--foreground);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.mcp-step-content{flex:1}.mcp-step-content h4{color:var(--foreground);margin-bottom:8px;font-size:18px;font-weight:700}.mcp-step-content p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.mcp-code-block{border:3px solid var(--border);box-shadow:var(--shadow-sm);background:#1a1a1a;border-radius:8px;overflow:hidden}.mcp-code-header{background:#111;border-bottom:2px solid #333;align-items:center;gap:8px;padding:8px 16px;display:flex}.mcp-code-lang{color:#888;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.mcp-code-block pre{margin:0;padding:20px;overflow-x:auto}.mcp-code-block code{color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7}.mcp-agent-section{padding:60px 40px}.mcp-agent-header{flex-wrap:wrap;align-items:flex-start;gap:40px;margin-bottom:48px;display:flex}.mcp-agent-logo{border:3px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-shrink:0;align-items:center;gap:16px;min-width:220px;padding:24px 32px;display:flex}.openclaw-logo{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#e65100}.hermes-logo{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#2e7d32}.mcp-agent-logo-emoji{font-size:56px;line-height:1}.mcp-agent-logo-text{flex-direction:column;display:flex}.mcp-agent-logo-name{color:var(--foreground);font-size:22px;font-weight:700;line-height:1.2}.mcp-agent-logo-tagline{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:600}.mcp-agent-info{flex:1;min-width:280px}.mcp-agent-badge{text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--border);border-radius:4px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.mcp-badge-openclaw{color:#e65100;background:#fff3e0}.mcp-badge-hermes{color:#2e7d32;background:#e8f5e9}.mcp-agent-title{color:var(--foreground);margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3}.mcp-agent-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.mcp-agent-body{grid-template-columns:1fr 2fr;align-items:start;gap:40px;display:grid}@media (width<=1024px){.mcp-agent-body{grid-template-columns:1fr}}.mcp-agent-setup h4{color:var(--foreground);margin-bottom:16px;font-size:18px;font-weight:700}.mcp-loop-diagram{background:var(--panel-background);border:3px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:28px}.mcp-loop-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:14px;font-weight:700}.mcp-loop-steps{flex-direction:column;align-items:center;gap:0;display:flex}.mcp-loop-step{background:var(--secondary-background);border:2px solid var(--border);border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.mcp-loop-step-agent{border-left:4px solid var(--main)}.mcp-loop-step-hermes{border-left:4px solid #34d399}.mcp-loop-step-tool{border-left:4px solid #60a5fa}.mcp-loop-step-done{border-left:4px solid #a78bfa}.mcp-loop-connector{color:var(--text-secondary);align-self:center;padding:4px 0;font-size:18px}.mcp-loop-icon{flex-shrink:0;font-size:22px}.mcp-loop-text{flex-direction:column;gap:2px;display:flex}.mcp-loop-text strong{color:var(--foreground);font-size:13px;font-weight:700}.mcp-loop-text span{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:11px}.mcp-loop-text code{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.mcp-agent-tip{border:3px solid var(--border);border-left:6px solid var(--main);color:var(--foreground);background:#fffbeb;border-radius:8px;align-items:flex-start;gap:12px;margin-top:32px;padding:20px 24px;font-size:14px;line-height:1.6;display:flex}.mcp-tip-hermes{background:#f0fdf4;border-left-color:#34d399}.mcp-tip-icon{flex-shrink:0;margin-top:2px;font-size:20px}.mcp-comparison-table{border:3px solid var(--border);max-width:900px;box-shadow:var(--shadow-sm);border-radius:10px;margin:0 auto;overflow:hidden}.mcp-table-header{background:var(--foreground);color:var(--background);grid-template-columns:1.5fr 2fr 2fr;display:grid}.mcp-table-row{border-top:2px solid var(--border);grid-template-columns:1.5fr 2fr 2fr;transition:background .15s;display:grid}.mcp-table-row:hover{background:var(--panel-background)}.mcp-table-row:nth-child(2n){background:var(--secondary-background)}.mcp-table-row:nth-child(2n):hover{background:var(--panel-background)}.mcp-table-col{border-right:2px solid var(--border);align-items:center;padding:16px 20px;font-size:13px;display:flex}.mcp-table-col:last-child{border-right:none}.mcp-table-header .mcp-table-col{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.mcp-table-feature{color:var(--foreground);font-weight:600}.mcp-table-openclaw{color:#c2410c}.mcp-table-hermes{color:#15803d}.mcp-table-header .mcp-table-openclaw,.mcp-table-header .mcp-table-hermes,.mcp-table-header .mcp-table-feature{color:var(--background)}.mcp-cta-section{background:var(--main);border:3px solid var(--border);text-align:center;margin-bottom:20px;padding:80px 40px}.mcp-cta-section h3{color:var(--foreground);margin-bottom:16px;font-size:36px;font-weight:700}.mcp-cta-section p{color:var(--foreground);margin-bottom:32px;font-size:16px}.mcp-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.mcp-cta-buttons .mcp-cta-primary{background:var(--foreground);color:var(--background)}.mcp-cta-buttons .mcp-cta-secondary{border-color:var(--foreground);color:var(--foreground);background:0 0}.mcp-footer{background:var(--secondary-background);border:3px solid var(--border);border-top:6px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:32px 40px;font-size:12px;display:flex}.mcp-footer .footer-links{gap:24px;display:flex}@media (width<=768px){.mcp-nav{flex-direction:column;gap:16px;padding:16px 20px}.mcp-nav .nav-links{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.mcp-hero{padding:48px 20px}.mcp-hero-title{letter-spacing:-1px;font-size:40px}.mcp-hero-actions{flex-direction:column;align-items:center}.mcp-hero-stats{grid-template-columns:1fr;gap:16px}.mcp-section{padding:48px 20px}.mcp-section-title{font-size:28px}.mcp-arch-diagram{flex-direction:column;padding:24px}.mcp-arch-arrow{transform:rotate(90deg)}.mcp-step,.mcp-agent-header{flex-direction:column}.mcp-agent-logo{align-self:flex-start}.mcp-table-header,.mcp-table-row{grid-template-columns:1fr 1fr}.mcp-table-feature{background:var(--panel-background);text-transform:uppercase;letter-spacing:.05em;grid-column:1/-1;font-size:11px}.mcp-cta-section{padding:48px 20px}.mcp-cta-section h3{font-size:24px}.mcp-footer{text-align:center;flex-direction:column;gap:16px}}