.metrics-display{padding:15px;flex-shrink:0;max-height:280px;overflow-y:auto}.metric-item{margin-bottom:12px}.metric-label{display:block;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.metric-bar{width:100%;height:6px;background:#00d9ff1a;border-radius:3px;overflow:hidden;margin-bottom:4px;border:1px solid rgba(0,217,255,.2)}.metric-fill{height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-cyan-light));box-shadow:0 0 8px var(--color-cyan);border-radius:3px;transition:width .3s ease}.metric-value{display:block;font-size:10px;color:var(--color-cyan-light);font-weight:700;text-align:right}.gauge-container{display:flex;justify-content:center;margin:15px 0}.gauge{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);box-shadow:0 0 15px #00d9ff4d}.gauge-value{font-size:18px;font-weight:700;color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan)}.system-info{font-size:10px;color:var(--color-text-secondary);line-height:1.6;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,217,255,.1)}.agent-monitor{padding:15px;margin-top:15px;flex-shrink:0}.agents-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.agent-badge{padding:10px;background:#00d2ff08;border:1px solid rgba(0,210,255,.15);border-radius:6px;text-align:center;font-size:10px;transition:all .3s ease;cursor:pointer;position:relative}.agent-badge:hover{background:#00d2ff14;border-color:#00d2ff59;box-shadow:0 0 20px #00d2ff33;transform:translateY(-2px)}.agent-badge.agent-active{background:#00d2ff0f}.agent-tier{font-size:14px;font-weight:700;margin-bottom:6px;letter-spacing:1px}.agent-name{color:#00d2ff;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.agent-status{display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:6px;height:6px;border-radius:50%}.agent-hint{position:absolute;bottom:2px;right:4px;font-size:7px;color:#00d2ff40;opacity:0;transition:opacity .2s}.agent-badge:hover .agent-hint{opacity:1}.agent-status.idle{color:#00d2ff}.agent-status.waking_up{color:#fa0}.agent-status.processing{color:#00d2ff}.agent-status.submitting{color:#a8f}.agent-status.reviewing{color:#f8a}.agent-status.completed{color:#0f8}.agent-status.failed{color:#f36}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.content-tracker{padding:15px;margin-top:15px}.content-metric{margin-bottom:12px}.metric-header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.metric-header .value{color:var(--color-cyan-light);font-weight:700}.progress-bar{width:100%;height:8px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,#00ff00,var(--color-cyan));box-shadow:0 0 10px #00ff0080;transition:width .3s ease}.progress-text{font-size:9px;color:var(--color-text-secondary);text-align:right}.text-terminal{background:linear-gradient(135deg,#0a0a12,#12121f);border:1px solid rgba(0,210,255,.4);border-radius:8px;padding:16px;font-family:Courier New,monospace;color:#00d2ff;box-shadow:0 0 20px #00d2ff26,inset 0 0 40px #00d2ff08}.terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,210,255,.2)}.terminal-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:2px;color:#00d2ff}.terminal-icon{font-size:16px}.terminal-status{font-size:11px}.status-processing{color:#fa0;animation:pulse-text 1s infinite}.status-ready{color:#00d2ff}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.terminal-history{min-height:120px;max-height:200px;overflow-y:auto;margin-bottom:12px;padding:8px;background:#0000004d;border-radius:4px;border:1px solid rgba(0,210,255,.1)}.terminal-history::-webkit-scrollbar{width:6px}.terminal-history::-webkit-scrollbar-track{background:#0000004d}.terminal-history::-webkit-scrollbar-thumb{background:#00d2ff;border-radius:3px}.terminal-placeholder{color:#446;font-size:12px;text-align:center;padding:40px 0}.history-entry{padding:8px;margin-bottom:8px;border-radius:4px;font-size:13px}.history-entry.user{background:#00aaff1a;border-left:3px solid #00aaff}.history-entry.jarvis{background:#00d2ff1a;border-left:3px solid #00d2ff}.entry-label{display:block;font-size:10px;margin-bottom:4px;opacity:.7;letter-spacing:1px}.entry-text{display:block;word-wrap:break-word}.terminal-input-area{margin-bottom:12px}.input-wrapper{position:relative;background:transparent}.terminal-textarea{width:100%;padding:12px;background:transparent;border:1px solid rgba(0,210,255,.4);border-radius:4px;color:#00d2ff;caret-color:#00d2ff;font-family:Courier New,monospace;font-size:14px;resize:none;outline:none;transition:border-color .2s,box-shadow .2s}.terminal-textarea:focus{border-color:#00d2ff;box-shadow:0 0 15px #00d2ff66,inset 0 0 20px #00d2ff0d}.terminal-textarea::placeholder{color:#00d2ff66}.terminal-textarea:disabled{opacity:.4;cursor:not-allowed}.terminal-textarea::selection{background:#00d2ff4d;color:#00d2ff}.input-controls{display:flex;justify-content:flex-end;margin-top:4px}.char-count{font-size:10px;color:#00d2ff80}.terminal-actions{display:flex;gap:8px;margin-top:8px}.btn{padding:10px 16px;border:none;border-radius:4px;font-family:Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-clear{background:transparent;border:1px solid #446;color:#669}.btn-clear:hover:not(:disabled){border-color:#f36;color:#f36}.btn-submit{flex:1;background:linear-gradient(180deg,#00d2ff,#09c);color:#000;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 15px #00d2ff66}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 25px #00d2ff99}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-icon{font-size:10px}.terminal-footer{text-align:center;padding-top:8px;border-top:1px solid rgba(0,210,255,.1)}.hint-text{font-size:10px;color:#00d2ff66;letter-spacing:1px}.terminal-response{margin-top:16px;padding:12px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:4px}.response-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:1px;color:#00d2ffcc;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,210,255,.1)}.response-content{font-size:13px;line-height:1.6;color:#00d2ff;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.speech-stop-btn,.speech-mute-btn{background:transparent;border:1px solid rgba(0,210,255,.5);color:#00d2ff;padding:4px 8px;font-size:10px;font-family:Courier New,monospace;border-radius:3px;cursor:pointer;transition:all .2s}.speech-stop-btn:hover,.speech-mute-btn:hover{background:#00d2ff26;border-color:#00d2ff;box-shadow:0 0 10px #00d2ff4d}@media (max-width: 600px){.text-terminal{padding:12px}.terminal-actions{flex-direction:column}.btn{width:100%}}.enhanced-dashboard{display:grid;grid-template-columns:180px 1fr 200px;grid-template-rows:1fr 50px;height:100vh;width:100%;gap:10px;padding:10px;overflow:hidden;position:relative}.dashboard-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(0,217,255,.02) 25%,rgba(0,217,255,.02) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.02) 75%,rgba(0,217,255,.02) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,217,255,.02) 25%,rgba(0,217,255,.02) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.02) 75%,rgba(0,217,255,.02) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:1}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:2}.panel-left-enhanced,.panel-center-enhanced,.panel-right-enhanced{position:relative;z-index:10}.panel-left-enhanced{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.panel-center-enhanced{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}.panel-right-enhanced{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.status-bar-enhanced{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-around;align-items:center;padding:15px 20px;background:#151932e6;border:2px solid var(--color-cyan);border-radius:4px;box-shadow:0 0 20px #00d9ff4d;z-index:10}.panel-enhanced{background:#151932b3;border:1px solid rgba(0,217,255,.2);border-radius:6px;padding:12px;box-shadow:0 0 15px #00d9ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:block}.time-display-enhanced{padding:20px;text-align:center;border-radius:8px}.time-value{font-size:28px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.time-sub{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase}.date-circle-enhanced{width:140px;height:140px;margin:0 auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);position:relative;overflow:hidden}.date-circle-enhanced:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--color-cyan);top:0;left:0;animation:spin 25s linear infinite}.date-month{font-size:16px;text-transform:uppercase;letter-spacing:2px;z-index:2}.date-num{font-size:36px;font-weight:700;z-index:2}.storage-panel{flex-shrink:0}.metric-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px;color:var(--color-text-secondary)}.metric-row .value{color:var(--color-cyan-light);font-weight:700}.storage-bar{width:100%;height:4px;background:#00d9ff1a;border-radius:2px;overflow:hidden;margin-top:8px}.bar-fill{height:100%;background:linear-gradient(90deg,var(--color-cyan),#ff0080);box-shadow:0 0 8px var(--color-cyan)}.power-panel{flex-shrink:0;text-align:center}.power-gauge{display:flex;justify-content:center;margin:12px 0}.gauge-circle{width:100px;height:100px;border-radius:50%;border:2px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);box-shadow:0 0 20px #00d9ff4d}.gauge-value{font-size:24px;font-weight:700;color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan)}.power-status{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.control-grid{flex-shrink:0}.control-btn{width:100%;padding:10px;margin-bottom:8px;background:#00d9ff1a;border:1px solid var(--color-cyan);color:var(--color-cyan);border-radius:4px;cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;font-family:Courier New,monospace}.control-btn:hover{background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;transform:translateY(-2px)}.control-btn:last-child{margin-bottom:0}.ring-visualizer{position:relative;width:320px;height:320px}.ring-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(0,217,255,.3))}.ring{fill:none;stroke:#00d9ff26;stroke-width:1}.ring-center{fill:#00d9ff33;stroke:var(--color-cyan);stroke-width:2;box-shadow:0 0 20px #00d9ff80}.ring-text{font-size:18px;font-weight:700;fill:var(--color-cyan);text-anchor:middle;text-shadow:0 0 10px var(--color-cyan)}.vertical-nav-links{display:flex;flex-direction:column;gap:8px;padding:12px;background:#15193299;border:1px solid rgba(0,217,255,.15);border-radius:6px;min-width:160px}.nav-link-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#00d9ff0d;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.nav-link-item:hover{background:#00d9ff1a;border-color:#00d9ff4d}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:#0f0;box-shadow:0 0 6px #0f0c}.status-dot.inactive{background:#666;box-shadow:none}.nav-link-icon{font-size:14px;opacity:.9}.nav-link-name{font-size:11px;font-family:Courier New,monospace;letter-spacing:1px;color:var(--color-cyan-light);text-transform:uppercase}.ring-visualizer{display:flex;align-items:center;justify-content:center;gap:30px;position:relative}.ring-svg-container{width:280px;height:280px;flex-shrink:0}.ring-svg{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(0,217,255,.4))}.ring{fill:none;stroke:#00d9ff33;stroke-width:1;stroke-dasharray:10 5}.ring-1{animation:spin 40s linear infinite}.ring-2{animation:spin 30s linear infinite reverse}.ring-3{animation:spin 20s linear infinite}.ring-4{animation:spin 15s linear infinite reverse}.ring-center{fill:#00d9ff26;stroke:var(--color-cyan);stroke-width:2}.ring-text{font-size:16px;font-weight:700;fill:var(--color-cyan);text-anchor:middle;text-shadow:0 0 10px var(--color-cyan)}.network-panel{flex-shrink:0}.network-item{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,217,255,.1);color:var(--color-text-secondary)}.network-item:last-child{margin-bottom:0;border-bottom:none}.network-item .value{color:var(--color-cyan-light);font-weight:700;font-family:monospace}.ad-panel{flex-shrink:0}.performer-row{display:flex;align-items:center;font-size:10px;margin-bottom:6px;padding:6px;border-radius:3px}.performer-row.optimal{background:#00ff001a;border-left:2px solid #00ff00}.performer-row.weak{background:#ff00001a;border-left:2px solid #ff0000}.performer-row .label{font-weight:700;margin-right:6px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.performer-row.optimal .label{color:#0f0}.performer-row.weak .label{color:red}.performer-row .name{color:var(--color-text);font-size:9px;flex:1}.status-item{display:flex;gap:8px;align-items:center;font-size:11px}.status-item .label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-item .value{color:var(--color-cyan);font-weight:700;text-shadow:0 0 5px var(--color-cyan)}.status-item .value.online{color:#0f0;text-shadow:0 0 5px #00ff00}.status-item .value.offline{color:red;text-shadow:0 0 5px #ff0000}.panel-left-enhanced::-webkit-scrollbar,.panel-right-enhanced::-webkit-scrollbar{width:6px}.panel-left-enhanced::-webkit-scrollbar-track,.panel-right-enhanced::-webkit-scrollbar-track{background:#00d9ff0d}.panel-left-enhanced::-webkit-scrollbar-thumb,.panel-right-enhanced::-webkit-scrollbar-thumb{background:var(--color-cyan);border-radius:3px;box-shadow:0 0 5px #00d9ff80}.boot-sequence{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:linear-gradient(135deg,#0a0e27,#151932,#0a0e27);overflow:hidden;position:relative}.boot-sequence:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(0,217,255,.05) 25%,rgba(0,217,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.05) 75%,rgba(0,217,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,217,255,.05) 25%,rgba(0,217,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.05) 75%,rgba(0,217,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:1}.boot-text{position:relative;z-index:2;text-align:center;max-width:600px;padding:40px}.boot-text h1{font-size:36px;margin:0 0 20px;letter-spacing:2px;animation:pulse-glow 1.5s ease-in-out infinite}.boot-text p{font-size:14px;color:var(--color-text);margin:10px 0;font-family:Courier New,monospace}.boot-bar{width:100%;height:6px;background:#00d9ff1a;border:1px solid var(--color-cyan);border-radius:3px;overflow:hidden;margin:20px 0;box-shadow:0 0 15px #00d9ff4d}.boot-fill{height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-cyan-light));width:100%;animation:loading 2s ease-in-out;box-shadow:0 0 10px #00d9ff99}@keyframes loading{0%{width:0%}to{width:100%}}.boot-detail{font-size:11px!important;color:var(--color-text-secondary);letter-spacing:.5px;margin-top:20px!important;animation:flicker .15s infinite}*{margin:0;padding:0;box-sizing:border-box}:root{--color-cyan: #00d9ff;--color-cyan-dark: #00a8cc;--color-cyan-light: #6ff7ff;--color-bg: #0a0e27;--color-bg-secondary: #151932;--color-grid: #003d4d;--color-text: #e0e0e0;--color-text-secondary: #888888;--glow-cyan: 0 0 10px rgba(0, 217, 255, .3), 0 0 20px rgba(0, 217, 255, .2);--glow-cyan-strong: 0 0 20px rgba(0, 217, 255, .6), 0 0 40px rgba(0, 217, 255, .3)}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:Courier New,monospace;background:linear-gradient(135deg,#0a0e27,#151932,#0a0e27);background-attachment:fixed;color:var(--color-text);overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,transparent 24%,rgba(0,217,255,.05) 25%,rgba(0,217,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.05) 75%,rgba(0,217,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,217,255,.05) 25%,rgba(0,217,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.05) 75%,rgba(0,217,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:1}#root{position:relative;z-index:2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00d9ff1a}::-webkit-scrollbar-thumb{background:var(--color-cyan);border-radius:4px;box-shadow:var(--glow-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-light)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00d9ff4d,0 0 20px #00d9ff33}50%{box-shadow:0 0 20px #00d9ff99,0 0 40px #00d9ff4d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes dash-animate{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-spin{animation:spin 3s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-flicker{animation:flicker .15s infinite}.neon-border{border:2px solid var(--color-cyan);box-shadow:var(--glow-cyan-strong),inset 0 0 10px #00d9ff1a}.neon-border-light{border:1px solid var(--color-cyan);box-shadow:var(--glow-cyan)}.text-glow{text-shadow:0 0 10px var(--color-cyan),0 0 20px var(--color-cyan);color:var(--color-cyan)}.text-glow-light{text-shadow:0 0 5px var(--color-cyan);color:var(--color-cyan-light)}.panel{background:#15193299;border:1px solid rgba(0,217,255,.2);box-shadow:var(--glow-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-glow{background:#151932cc;border:2px solid var(--color-cyan);box-shadow:var(--glow-cyan-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}