*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Courier New',monospace;background:#0a0a0a;color:#00ff88;height:100vh;overflow:hidden}.screen{display:flex;align-items:center;justify-content:center;height:100vh}.hidden{display:none!important}.login-box{background:#111;padding:40px;border-radius:10px;border:1px solid #00ff88;text-align:center;width:380px;box-shadow:0 0 30px rgba(0,255,136,0.1)}.logo{font-size:60px;margin-bottom:10px}.login-box h1{font-size:20px;margin-bottom:5px;color:#00ff88}.login-box p{font-size:12px;color:#666;margin-bottom:20px}.login-box input{width:100%;padding:12px;margin-bottom:10px;background:#0a0a0a;border:1px solid #333;color:#00ff88;font-family:'Courier New',monospace;font-size:14px;border-radius:5px;outline:none}.login-box input:focus{border-color:#00ff88}.login-box button{width:100%;padding:12px;background:#00ff88;color:#000;border:none;border-radius:5px;font-weight:700;cursor:pointer;font-family:'Courier New',monospace;font-size:14px}.login-box button:hover{background:#00cc66}.error{color:#ff4444;font-size:12px;margin-top:10px}.demo{color:#555!important;margin-top:15px!important;font-size:11px!important}.terminal-header{background:#1a1a1a;padding:10px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #333}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.title{color:#888;font-size:12px;flex:1}.logout-btn{background:transparent;border:1px solid #ff4444;color:#ff4444;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:'Courier New',monospace}.logout-btn:hover{background:#ff4444;color:#fff}#terminalScreen{flex-direction:column;justify-content:flex-start}.terminal-body{flex:1;width:100%;padding:15px;overflow-y:auto;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.terminal-body .line{margin-bottom:2px}.terminal-body .ai{color:#00ff88}.terminal-body .user{color:#ffcc00}.terminal-body .error{color:#ff4444}.terminal-body .info{color:#00ccff}.terminal-body .success{color:#28c840}.terminal-body .table{border:1px solid #333;border-collapse:collapse;width:100%;margin:10px 0}.terminal-body .table td,.terminal-body .table th{border:1px solid #333;padding:5px 10px;font-size:12px;text-align:left}.terminal-body .table th{background:#1a1a1a;color:#00ff88}.terminal-input-line{display:flex;align-items:center;padding:10px 15px;background:#0a0a0a;border-top:1px solid #333;width:100%}.prompt{color:#00ff88;margin-right:8px;font-weight:700;font-size:13px;white-space:nowrap}#cliInput{flex:1;background:transparent;border:none;color:#00ff88;font-family:'Courier New',monospace;font-size:13px;outline:none;caret-color:#00ff88}#cliInput::placeholder{color:#333}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}