@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Share+Tech+Mono&display=swap";:root{--bg-deep:#06070d;--bg-card:#0e111db3;--border-glow:#00ffea26;--cyan:#00fff2;--magenta:#ff007b;--amber:#f90;--green:#39ff14;--text-primary:#e2e8f0;--text-muted:#64748b;--sans:"Outfit", system-ui, sans-serif;--mono:"Share Tech Mono", monospace;background:var(--bg-deep);color:var(--text-primary);font-family:var(--sans);box-sizing:border-box;margin:0;overflow-x:hidden}body{background-image:radial-gradient(circle at 10% 20%,#00ffea0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff007b0d 0%,#0000 40%),linear-gradient(#0a0b1466 1px,#0000 1px),linear-gradient(90deg,#0a0b1466 1px,#0000 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px;min-height:100vh;margin:0}#app{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:24px;display:flex}h1,h2,h3{letter-spacing:-.5px;margin:0;font-weight:600}.dashboard-header{background:var(--bg-card);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.dashboard-header:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--magenta), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.header-left{align-items:center;gap:20px;display:flex}.avatar-container{border:2px solid var(--cyan);background:#090b11;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #00ffea66}.avatar-img{object-fit:cover;width:100%;height:100%;animation:6s ease-in-out infinite floatAvatar}@keyframes floatAvatar{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.05)}}.title-area h1{background:linear-gradient(90deg, #fff, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px}.title-area p{color:var(--text-muted);font-size:14px;font-family:var(--mono);margin-top:4px}.header-right{align-items:center;gap:40px;display:flex}.metric-box{text-align:right}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.metric-value{font-size:24px;font-family:var(--mono);color:var(--cyan);text-shadow:0 0 10px #00ffea80;margin-top:4px}.metric-value.secure{color:var(--green);text-shadow:0 0 10px #39ff1480}.pulse-indicator{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:8px;animation:2s infinite pulseGreen;display:inline-block}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #39ff14b3}70%{transform:scale(1);box-shadow:0 0 0 10px #39ff1400}to{transform:scale(.95);box-shadow:0 0 #39ff1400}}.control-bar{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 4px 15px #0003}.tab-navigation{gap:12px;display:flex}.btn-tab{color:var(--text-muted);font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:16px;font-weight:600;transition:all .3s}.btn-tab:hover{color:var(--cyan)}.btn-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);text-shadow:0 0 8px #00ffea66}.btn-cyber{border:1px solid var(--magenta);color:#fff;font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:inline-flex;box-shadow:0 0 10px #ff007b33}.btn-cyber:hover{background:var(--magenta);transform:translateY(-2px);box-shadow:0 0 20px #ff007b99}.dashboard-grid{grid-template-columns:320px 1fr 380px;gap:24px;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}}.cyber-card{background:var(--bg-card);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;height:550px;padding:20px;display:flex;box-shadow:0 8px 32px #0000004d}.card-header{border-bottom:1px solid #00ffea1a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--cyan);align-items:center;gap:8px;font-size:16px;display:flex}.card-title:before{content:"//";font-family:var(--mono);color:var(--magenta)}.card-badge{font-family:var(--mono);color:var(--cyan);background:#00ffea1a;border:1px solid #00ffea33;border-radius:4px;padding:2px 8px;font-size:12px}.card-content{flex-direction:column;flex-grow:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.card-content::-webkit-scrollbar{width:6px}.card-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.card-content::-webkit-scrollbar-thumb{background:#00ffea33;border-radius:3px}.card-content::-webkit-scrollbar-thumb:hover{background:#00ffea66}.sentinel-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .3s;display:flex}.sentinel-item:hover{background:#00ffea08;border-color:#00ffea33}.sentinel-info{flex-direction:column;display:flex}.sentinel-name{font-size:15px;font-weight:600}.sentinel-status{font-family:var(--mono);color:var(--text-muted);margin-top:2px;font-size:12px}.sentinel-state{font-family:var(--mono);align-items:center;gap:6px;font-size:12px;display:flex}.state-dot{border-radius:50%;width:6px;height:6px}.state-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.state-dot.alert{background:var(--magenta);box-shadow:0 0 8px var(--magenta);animation:1s infinite alternate flashAlert}@keyframes flashAlert{0%{opacity:.4}to{opacity:1}}.log-item{border-left:3px solid var(--text-muted);background:#ffffff03;border-radius:0 8px 8px 0;flex-direction:column;gap:4px;padding:10px 12px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.log-item.severity-low{border-color:var(--cyan);background:#00ffea05}.log-item.severity-medium{border-color:var(--amber);background:#ff990005}.log-item.severity-high{border-color:var(--magenta);background:#ff007b05}.log-item.severity-critical{border-color:var(--magenta);background:#ff007b0d}.log-top{font-family:var(--mono);justify-content:space-between;align-items:center;font-size:12px;display:flex}.log-time{color:var(--text-muted)}.log-source{color:var(--cyan)}.log-type{font-size:14px;font-weight:600}.log-type.critical{color:var(--magenta);text-shadow:0 0 5px #ff007b4d}.log-details{color:var(--text-primary);font-size:13px;font-family:var(--mono);word-break:break-all}.countermeasure-item{background:#ff007b08;border:1px solid #ff007b26;border-radius:8px;flex-direction:column;gap:6px;padding:12px;animation:.3s cubic-bezier(.18,.89,.32,1.28) popIn;display:flex;position:relative;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.countermeasure-item:before{content:"";background:var(--magenta);width:4px;height:100%;position:absolute;top:0;left:0}.cm-header{font-family:var(--mono);color:var(--magenta);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.cm-action{font-size:14px;font-weight:700}.cm-target{font-family:var(--mono);background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;padding:2px 6px;font-size:13px}.cm-reason{color:var(--text-primary);font-size:12px}.chat-window{background:var(--bg-card);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;height:550px;display:flex;box-shadow:0 8px 32px #0000004d}.chat-messages{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message-row{gap:12px;max-width:80%;animation:.3s ease-out slideIn;display:flex}.chat-message-row.user-msg{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{border:1.5px solid var(--cyan);background:#090b11;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 0 8px #00ffea4d}.chat-message-row.user-msg .chat-avatar{border-color:var(--magenta);box-shadow:0 0 8px #ff007b4d}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-avatar-text{font-family:var(--mono);color:var(--cyan);font-size:12px}.chat-message-row.user-msg .chat-avatar-text{color:var(--magenta)}.chat-bubble{word-break:break-word;border-radius:12px;padding:12px 16px;font-size:15px;line-height:145%}.chat-message-row.kaida-msg .chat-bubble{border:1px solid var(--border-glow);color:var(--text-primary);background:#0a0e19e6;border-top-left-radius:2px;box-shadow:inset 0 0 10px #00ffea0d}.chat-message-row.user-msg .chat-bubble{color:#fff;background:linear-gradient(135deg,#ff007b26 0%,#ff007b0d 100%);border:1px solid #ff007b4d;border-top-right-radius:2px}.chat-msg-info{color:var(--text-muted);font-size:11px;font-family:var(--mono);margin-top:4px;display:block}.chat-message-row.user-msg .chat-msg-info{text-align:right}.chat-input-row{background:#0003;border-top:1px solid #00ffea1a;border-bottom-right-radius:16px;border-bottom-left-radius:16px;gap:12px;padding:16px 20px;display:flex}.chat-input{color:var(--text-primary);font-family:var(--sans);background:#090b11cc;border:1px solid #00ffea33;border-radius:8px;outline:none;flex-grow:1;padding:12px 16px;font-size:15px;transition:all .3s}.chat-input:focus{border-color:var(--cyan);box-shadow:0 0 10px #00ffea33}.btn-send{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 20px;font-size:14px;transition:all .3s;display:flex;box-shadow:0 0 10px #00ffea1a}.btn-send:hover{background:var(--cyan);color:#000;font-weight:600;box-shadow:0 0 20px #00ffea80}.backend-alert{font-family:var(--mono);color:var(--amber);background:#ff99001a;border:1px solid #ff99004d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:13px;display:flex}.mindmap-container{grid-template-columns:1fr 320px;gap:24px;min-height:500px;display:grid}.mindmap-canvas-container{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mindmap-svg-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mindmap-node{cursor:pointer;z-index:10;background:#0e111df2;border:1px solid #00ffea4d;border-radius:10px;flex-direction:column;gap:4px;min-width:130px;padding:12px 18px;transition:all .3s;display:flex;position:absolute;box-shadow:0 4px 15px #00000080}.mindmap-node:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 20px #00ffea66}.mindmap-node.active-node{border-color:var(--green);box-shadow:0 0 20px #39ff144d}.mindmap-node.alert-node{border-color:var(--magenta);animation:.4s infinite alternate nodeGlitch;box-shadow:0 0 20px #ff007b4d}@keyframes nodeGlitch{0%{transform:translate(1px)}to{transform:translate(-1px)}}.node-title{font-family:var(--mono);color:var(--text-primary);font-size:13px;font-weight:700}.node-subtitle{color:var(--text-muted);text-transform:uppercase;font-size:10px}.node-metric{font-family:var(--mono);color:var(--cyan);font-size:11px}.override-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.override-control{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:border-color .3s;display:flex;position:relative}.override-control:hover{border-color:#00ffea4d}.control-header{justify-content:space-between;align-items:center;display:flex}.control-info{flex-direction:column;gap:2px;display:flex}.control-title{font-family:var(--mono);color:var(--text-primary);font-size:14px;font-weight:700}.control-desc{color:var(--text-muted);max-width:200px;font-size:11px}.led-indicator{background:#333;border-radius:50%;width:8px;height:8px;transition:all .3s;box-shadow:inset 0 1px 3px #00000080}.led-indicator.active{background:var(--green);box-shadow:0 0 10px var(--green), 0 0 20px var(--green)}.led-indicator.alert{background:var(--magenta);box-shadow:0 0 10px var(--magenta), 0 0 20px var(--magenta)}.cyber-switch{width:50px;height:24px;display:inline-block;position:relative}.cyber-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#0f121e;border:1px solid #ffffff1a;border-radius:24px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{border-color:var(--cyan);background-color:#00ffea1a}input:checked+.switch-slider:before{background-color:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translate(26px)}.cyber-slider-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cyber-slider-label{font-family:var(--mono);color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.cyber-range{-webkit-appearance:none;background:#0f121e;border:1px solid #ffffff0d;border-radius:3px;outline:none;width:100%;height:6px}.cyber-range::-webkit-slider-thumb{appearance:none;background:var(--cyan);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--cyan);border-radius:50%;transition:transform .1s}.cyber-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.evolution-console-container{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.evolution-console-container,.mindmap-container{grid-template-columns:1fr}}.evolution-graph-card{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.graph-canvas-container{background:#05060a80;border:1px solid #ffffff0d;border-radius:8px;height:250px;position:relative;overflow:hidden}.graph-line-svg{width:100%;height:100%;position:absolute;top:0;left:0}.upgrade-progress-container{background:#090b1199;border:1px solid #ff007b26;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.progress-header{font-family:var(--mono);justify-content:space-between;font-size:13px;display:flex}.progress-bar-outer{background:#0f121e;border:1px solid #ffffff0d;border-radius:4px;height:8px;overflow:hidden}.progress-bar-inner{background:linear-gradient(90deg, var(--magenta), var(--cyan));width:0%;height:100%;box-shadow:0 0 10px var(--magenta);transition:width .5s ease-out}.lockdown-active{animation:2s infinite alternate redLockdownPulse;border-color:var(--magenta)!important}@keyframes redLockdownPulse{0%{box-shadow:0 0 20px #ff007b33}to{box-shadow:0 0 40px #ff007b99}}.footer-text{text-align:center;color:var(--text-muted);font-size:12px;font-family:var(--mono);border-top:1px solid #ffffff0d;margin-top:16px;padding-top:16px}.footer-text a{color:var(--cyan);text-decoration:none}