@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:#111;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.glass-panel{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#1e1e1e99;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d}.overlay-container{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.main-camera{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.top-left{flex-direction:column;gap:8px;padding:12px 20px;display:flex;position:absolute;top:24px;left:24px}.status-item{align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.top-right{flex-direction:column;gap:8px;padding:12px 20px;display:flex;position:absolute;top:24px;right:24px}.bottom-left{border-radius:20px;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:absolute;bottom:24px;left:24px;overflow:hidden}.minimap-header{z-index:2;cursor:pointer;color:#fff;background:#00000080;border-radius:8px;padding:6px;position:absolute;top:12px;right:12px}.minimap-img{object-fit:cover;opacity:.8;width:100%;height:100%}.bottom-center{border-radius:40px 40px 0 0;justify-content:space-around;align-items:center;width:400px;height:120px;padding:20px 40px 0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dash-column{flex-direction:column;align-items:center;gap:5px;display:flex}.dash-label{color:#aaa;font-size:14px}.dash-value{align-items:baseline;gap:5px;font-size:24px;font-weight:600;display:flex}.dash-unit{color:#aaa;font-size:14px;font-weight:400}.dash-divider{background-color:#fff3;width:1px;height:40px}.status-dot{background-color:#4caf50;border-radius:50%;width:12px;height:12px;margin-left:8px}.pulsing{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.bottom-right{gap:20px;padding:15px 30px;display:flex;position:absolute;bottom:24px;right:24px}.action-btn{cursor:pointer;flex-direction:column;align-items:center;gap:10px;display:flex}.btn-circle{border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex}.btn-circle.active{color:#4c84ff;border-color:#4c84ff;box-shadow:0 0 15px #4c84ff80}.action-btn span{color:#ccc;font-size:13px}.center-right{flex-direction:column;width:380px;height:450px;display:flex;position:absolute;bottom:140px;right:24px;overflow:hidden}.chat-header{border-bottom:1px solid #ffffff1a;padding:15px 20px}.chat-header h3{font-size:16px;font-weight:500}.chat-messages{flex-direction:column;flex:1;gap:15px;padding:15px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.message{flex-direction:column;max-width:85%;display:flex}.msg-time{color:#888;text-align:right;margin-top:5px;font-size:11px}.user-message{align-self:flex-end}.user-message .msg-content{background-color:#4c84ff;border-radius:18px 18px 4px;padding:12px 16px;font-size:14px;line-height:1.4}.bot-message{flex-direction:row;align-self:flex-start;gap:10px;max-width:90%;display:flex}.bot-avatar{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.bot-message .msg-content{background-color:#ffffff1a;border-radius:4px 18px 18px;padding:12px 16px;font-size:14px;line-height:1.5}.bot-message .msg-time{text-align:left}.chat-input-area{border-top:1px solid #ffffff1a;gap:10px;padding:15px;display:flex}.chat-input-area input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:20px;outline:none;flex:1;padding:10px 15px;font-size:14px}.chat-input-area input::placeholder{color:#888}.chat-input-area button{color:#fff;cursor:pointer;background:#4c84ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chat-input-area button:hover{background:#3a6bcc}.chat-input-area button:disabled{cursor:not-allowed;background:#555}