@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;600;700;900&display=swap";:root{--bg:#020a06;--surface:#040f08;--surface2:#071a0d;--surface3:#0a2414;--border:#0d3d1a;--border2:#145c28;--accent:#0f6;--accent2:#0c5;--accent-dim:#004d22;--accent-glow:#00ff661f;--accent-glow2:#00ff6640;--amber:#fa0;--amber-glow:#ffaa0026;--red:#f24;--red-glow:#f243;--text:#a8ffcc;--text2:#3a8c58;--text3:#1f5c38;--scanline:#00ff6608;font-family:Share Tech Mono,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Share Tech Mono,monospace;overflow-x:hidden}body:before{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scanline) 2px, var(--scanline) 4px);pointer-events:none;z-index:9999;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.hex-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V17L28 1l28 16v33L28 66zm0-6l22-13V24L28 7 6 24v23l22 13z' fill='none' stroke='%230d3d1a' stroke-width='0.5'/%3E%3Cpath d='M28 100L0 83V50l28-17 28 17v33L28 100zm0-6l22-13V57L28 40 6 57v24l22 13z' fill='none' stroke='%230d3d1a' stroke-width='0.5'/%3E%3C/svg%3E")}.login-page{background:var(--bg);background-image:radial-gradient(80% 50% at 50% 100%,#00ff660f 0%,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V17L28 1l28 16v33L28 66zm0-6l22-13V24L28 7 6 24v23l22 13z' fill='none' stroke='%230a2010' stroke-width='0.8'/%3E%3Cpath d='M28 100L0 83V50l28-17 28 17v33L28 100zm0-6l22-13V57L28 40 6 57v24l22 13z' fill='none' stroke='%230a2010' stroke-width='0.8'/%3E%3C/svg%3E");justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-page:before{content:"WEYLAND-YUTANI CORP  //  SECURE TERMINAL  //  DAVID SERIES";color:var(--text3);letter-spacing:.2em;white-space:nowrap;font-size:10px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.login-page:after{content:"CONNECTION ENCRYPTED  //  BIOMETRIC SCAN ACTIVE";color:var(--text3);letter-spacing:.15em;white-space:nowrap;font-size:10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.login-card{background:var(--surface);border:1px solid var(--border2);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));width:100%;max-width:420px;box-shadow:0 0 0 1px var(--border), 0 0 40px var(--accent-glow), inset 0 0 60px #00ff6605;padding:40px 36px;position:relative}.login-card:before{content:"";border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:40px;height:40px;position:absolute;top:-1px;right:-1px}.login-card:after{content:"";border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);width:40px;height:40px;position:absolute;bottom:-1px;left:-1px}.login-card.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.login-avatar{border:2px solid var(--border2);width:80px;height:80px;box-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow);filter:brightness(.9)saturate(.8)sepia(.2)hue-rotate(100deg);object-fit:cover;border-radius:50%;margin:0 auto 20px;display:block}.login-system-label{text-align:center;color:var(--text3);letter-spacing:.2em;margin-bottom:4px;font-size:10px}.login-title{text-align:center;color:var(--accent);text-shadow:0 0 20px var(--accent), 0 0 40px #00ff664d;letter-spacing:.15em;margin-bottom:4px;font-family:Orbitron,monospace;font-size:1.6rem;font-weight:900}.login-subtitle{text-align:center;color:var(--text2);letter-spacing:.2em;margin-bottom:32px;font-size:11px}.login-divider{border:none;border-top:1px solid var(--border);margin:20px 0;position:relative}.login-divider:after{content:"◆ AUTHENTICATION REQUIRED ◆";background:var(--surface);color:var(--text3);letter-spacing:.12em;white-space:nowrap;padding:0 10px;font-size:9px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.login-input-wrap{margin-bottom:4px;position:relative}.login-input-label{color:var(--text2);letter-spacing:.15em;margin-bottom:6px;font-size:10px;display:block}.login-input{background:var(--surface2);border:1px solid var(--border2);width:100%;color:var(--accent);letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);outline:none;padding:12px 16px;font-family:Share Tech Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim), 0 0 15px var(--accent-glow);background:var(--surface3)}.login-input::placeholder{color:var(--text3);letter-spacing:.05em}.login-error{color:var(--red);letter-spacing:.1em;min-height:16px;text-shadow:0 0 8px var(--red);margin-top:8px;font-size:11px}.login-btn{border:1px solid var(--accent);width:100%;color:var(--accent);letter-spacing:.2em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:0 0;margin-top:16px;padding:13px;font-family:Orbitron,monospace;font-size:13px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.login-btn:before{content:"";background:var(--accent);z-index:0;transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.login-btn:hover:before{transform:translate(0)}.login-btn:hover{color:var(--bg);box-shadow:0 0 20px var(--accent-glow2)}.login-btn span{z-index:1;position:relative}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-status-bar{color:var(--text3);letter-spacing:.1em;justify-content:space-between;margin-top:20px;font-size:9px;display:flex}@media (width<=480px){.login-card{padding:28px 20px}.login-page:before,.login-page:after{display:none}}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border2);background:#020a06eb;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #00ff6614}.nav-left{align-items:center;gap:14px;display:flex}.nav-avatar{border:1px solid var(--border2);width:32px;height:32px;box-shadow:0 0 10px var(--accent-glow);filter:brightness(.85)saturate(.7)sepia(.3)hue-rotate(100deg);object-fit:cover;border-radius:50%;flex-shrink:0}.nav-logo{color:var(--accent);letter-spacing:.15em;text-shadow:0 0 12px var(--accent-glow2);font-family:Orbitron,monospace;font-size:.95rem;font-weight:700}.nav-separator{color:var(--text3);font-size:12px}.nav-sub{color:var(--text2);letter-spacing:.15em;font-size:10px;display:none}@media (width>=600px){.nav-sub{display:block}}.nav-right{align-items:center;gap:20px;display:flex}.live-indicator{color:var(--text2);letter-spacing:.12em;align-items:center;gap:7px;font-size:11px;display:flex}.live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent), 0 0 16px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent), 0 0 16px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 4px var(--accent)}}.logout-btn{border:1px solid var(--border2);color:var(--text2);letter-spacing:.15em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:0 0;padding:5px 12px;font-family:Share Tech Mono,monospace;font-size:10px;transition:all .15s}.logout-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.content{max-width:1200px;margin:0 auto;padding:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);padding:18px 20px;position:relative}.stat-card:after{content:"";border-top:1px solid var(--accent);border-right:1px solid var(--accent);width:12px;height:12px;position:absolute;top:0;right:0}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px;font-size:9px}.stat-value{color:var(--accent);text-shadow:0 0 12px var(--accent-glow2);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;line-height:1}.section-header-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-header{color:var(--text2);letter-spacing:.2em;font-family:Orbitron,monospace;font-size:.8rem;font-weight:600}.section-line{background:linear-gradient(to right, var(--border2), transparent);flex:1;height:1px}.session-card{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--border2);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;padding:14px 18px;transition:all .15s;display:flex;position:relative}.session-card:hover{border-color:var(--border2);border-left-color:var(--accent);background:var(--surface2);box-shadow:0 0 15px var(--accent-glow)}.session-card:before{content:"▶";color:var(--accent);opacity:0;font-size:8px;transition:opacity .15s;position:absolute;left:-10px}.session-card:hover:before{opacity:1}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent), 0 0 16px var(--accent-glow);animation:2s infinite pulse}.status-dot.idle{background:var(--text3);border:1px solid var(--border2)}.session-id{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:200px;font-family:Share Tech Mono,monospace;font-size:11px;overflow:hidden}.session-meta{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.model-badge{background:var(--surface3);border:1px solid var(--border2);color:var(--accent2);letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);flex-shrink:0;padding:2px 8px;font-size:10px}.session-time,.session-msgs{color:var(--text3);letter-spacing:.08em;white-space:nowrap;font-size:10px}.session-actions{flex-shrink:0;gap:8px;display:flex}.btn-view{border:1px solid var(--border2);color:var(--accent2);letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:0 0;min-height:32px;padding:6px 14px;font-family:Share Tech Mono,monospace;font-size:10px;transition:all .15s}.btn-view:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 10px var(--accent-glow)}.btn-kill{color:#f249;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:0 0;border:1px solid #ff22444d;min-height:32px;padding:6px 14px;font-family:Share Tech Mono,monospace;font-size:10px;transition:all .15s}.btn-kill:hover{border-color:var(--red);color:var(--red);box-shadow:0 0 10px var(--red-glow);background:#ff224414}.empty-state{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text3);letter-spacing:.15em;padding:48px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border2);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));flex-direction:column;width:100%;max-width:860px;max-height:84vh;display:flex;position:relative;box-shadow:0 0 60px #00ff661a,0 24px 80px #000c}.modal-box:before{content:"";border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:48px;height:48px;position:absolute;top:0;right:0}.modal-box:after{content:"";border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);width:48px;height:48px;position:absolute;bottom:0;left:0}.modal-header{border-bottom:1px solid var(--border2);background:var(--surface2);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title-wrap{flex-direction:column;flex:1;gap:2px;margin-right:16px;display:flex;overflow:hidden}.modal-label{color:var(--text3);letter-spacing:.2em;font-size:9px}.modal-title{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:12px;overflow:hidden}.modal-close{border:1px solid var(--border2);color:var(--text2);cursor:pointer;letter-spacing:.1em;background:0 0;flex-shrink:0;padding:5px 10px;font-family:Share Tech Mono,monospace;font-size:14px;transition:all .15s}.modal-close:hover{border-color:var(--red);color:var(--red);box-shadow:0 0 8px var(--red-glow)}.modal-body{flex:1;padding:16px 24px;overflow-y:auto}.modal-empty{text-align:center;color:var(--text3);letter-spacing:.15em;padding:48px;font-size:11px}.tool-entry{background:var(--surface2);border:1px solid var(--border);border-left:2px solid var(--border2);margin-bottom:8px;padding:12px 16px;transition:border-left-color .15s}.tool-entry:hover{border-left-color:var(--accent2)}.tool-entry-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-badge{letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);flex-shrink:0;padding:2px 10px;font-family:Share Tech Mono,monospace;font-size:10px;font-weight:700}.tool-badge.exec{color:#60a5fa;background:#0096ff26;border:1px solid #60a5fa4d}.tool-badge.read{color:var(--accent2);border:1px solid var(--border2);background:#00ff661a}.tool-badge.write,.tool-badge.edit{color:var(--amber);background:#ffaa001a;border:1px solid #ffaa004d}.tool-badge.default{color:#a855f7;background:#a855f71a;border:1px solid #a855f74d}.tool-time{color:var(--text3);white-space:nowrap;letter-spacing:.08em;font-size:10px}.tool-args{color:#5a9a72;word-break:break-all;white-space:pre-wrap;border-left:2px solid var(--border2);margin-top:10px;padding-left:10px;font-family:Share Tech Mono,monospace;font-size:11px}.tool-divider{border:none;border-top:1px solid var(--border);margin:10px 0}.tool-result{color:var(--text2);white-space:pre-wrap;word-break:break-all;opacity:.8;max-height:80px;font-family:Share Tech Mono,monospace;font-size:11px;transition:max-height .2s;overflow:hidden}.tool-result.expanded{max-height:none}.tool-show-more{color:var(--accent2);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-family:Share Tech Mono,monospace;font-size:10px}.tool-show-more:hover{color:var(--accent)}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content{padding:16px}.nav{padding:0 16px}.session-id{max-width:130px}.session-actions{width:100%;margin-top:6px}.btn-view,.btn-kill{text-align:center;flex:1}.modal-overlay{align-items:flex-end;padding:0}.modal-box{clip-path:none;border-bottom:none;border-radius:12px 12px 0 0;max-height:92vh}.modal-box:before,.modal-box:after{display:none}}@media (width<=400px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:1.2rem}}