*{box-sizing:border-box}body{background:#000;color:#0f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.loading{color:#0f6;font-size:1.2rem}.loading,.login-page{align-items:center;display:flex;height:100vh;justify-content:center}.login-page{flex-direction:column;padding:20px;text-align:center}.login-logo{height:auto;margin-bottom:30px;max-width:400px;width:90%}.login-page h1{color:#0f6;font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 5px #0f6,0 0 15px #0f6}.login-page p{color:#0f6;margin-bottom:30px;opacity:.7}.login-btn{background:#0000;border:2px solid #0f6;color:#0f6;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.1em;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.login-btn:hover{background:#0f6;box-shadow:0 0 10px #0f6,0 0 30px #0f6;color:#000}.header{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:15px 20px}.header h1{color:#0f6;font-size:1.2rem;margin:0;text-shadow:0 0 5px #0f6}.header .user-info{align-items:center;display:flex;gap:10px}.header .user-info img{border:1px solid #0f6;border-radius:50%;height:32px;width:32px}.header .logout-btn{background:#0000;border:1px solid #0f6;color:#0f6;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.85rem;padding:8px 15px}.header .logout-btn:hover{background:#0f6;color:#000}.device-list{margin:0 auto;max-width:800px;padding:20px}.device-list h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.device-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.device-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.device-card:hover{border-color:#00d4ff4d;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.device-card .thumbnail{align-items:center;aspect-ratio:16/9;background:#000;color:#444;display:flex;font-size:.9rem;justify-content:center;width:100%}.device-card .thumbnail img{height:100%;object-fit:cover;width:100%}.device-card .info{padding:15px}.device-card .name{font-size:1.1rem;font-weight:600;margin:0 0 5px}.device-card .status{align-items:center;display:flex;font-size:.85rem;gap:5px}.device-card .status.online{color:#0f8}.device-card .status.offline{color:#f44}.device-card .status:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.teleop-view{display:flex;flex-direction:column;height:100vh;overflow:hidden}.teleop-header{align-items:center;background:#00000080;display:flex;flex-shrink:0;gap:10px;padding:5px 15px}.teleop-header .back-btn{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:1.5rem;padding:5px}.teleop-header .device-name{font-size:1.1rem;font-weight:600}.teleop-header .telemetry{color:#888;font-size:.85rem;margin-left:auto}.video-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;max-height:calc(100vh - 120px);min-height:0;overflow:hidden;position:relative}.video-container img{max-height:100%;max-width:100%;object-fit:contain}.video-container .no-video{color:#444;font-size:1.2rem}.controls-bar{align-items:center;background:#1a1e25;border:1px solid #262c33;border-radius:8px;display:flex;flex-shrink:0;gap:15px;justify-content:center;margin:0 auto 10px;padding:8px 15px;width:-webkit-fit-content;width:fit-content}.tilt-controls{display:flex;flex-direction:column;gap:8px}.btn{align-items:center;background:#1a1e25;border:1px solid #51575b;border-radius:4px;color:#c4c8ca;cursor:pointer;display:flex;font-family:Barlow Condensed,sans-serif;font-size:14px;justify-content:center;letter-spacing:.08em;padding:12px 24px;text-transform:uppercase;transition:all .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary,.btn-tilt{background:#2ea84a;border-color:#63ff7e;color:#0c0e11;font-variant-emoji:text;font-weight:600}.btn-primary:active,.btn-tilt:active{background:#36c35c}.btn-stop{background:#e84545;border-color:#e84545;color:#fff;font-weight:600}.btn-stop:active{background:#ff6b6b}.control-grid .btn{aspect-ratio:1;font-size:1.5rem;padding:0}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#888;margin-bottom:10px}.site-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;overflow-x:auto;padding:15px 20px}.site-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#888;cursor:pointer;font-size:.9rem;padding:8px 20px;white-space:nowrap}.site-tab.active{background:#00d4ff33;border-color:#00d4ff80;color:#00d4ff}.team-btn{background:#0000;border:1px solid #0f6;color:#0f6;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:.85rem;padding:8px 15px}.team-btn:hover{background:#0f6;color:#000}.modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#111;border:1px solid #0f6;border-radius:10px;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #0f6;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h2{color:#0f6;font-size:1.2rem;margin:0}.close-btn{background:none;border:none;color:#0f6;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-body{padding:20px}.modal-body h3{border-bottom:1px solid #00ff664d;color:#0f6;font-size:1rem;margin:20px 0 10px;padding-bottom:5px}.modal-body h3:first-child{margin-top:0}.invite-form{display:flex;flex-wrap:wrap;gap:10px}.invite-form input{background:#000;border:1px solid #0f6;color:#0f6;flex:1 1;font-family:Courier New,Courier,monospace;min-width:150px;padding:10px}.invite-form input::placeholder{color:#00ff6680}.invite-form select{background:#000;border:1px solid #0f6;color:#0f6;padding:10px}.invite-form button,.invite-form select{font-family:Courier New,Courier,monospace}.invite-form button{background:#0f6;border:none;color:#000;cursor:pointer;font-weight:700;padding:10px 20px}.invite-form button:disabled{cursor:not-allowed;opacity:.5}.error-msg{color:#f44;font-size:.9rem;margin-top:10px}.invite-list,.member-list{display:flex;flex-direction:column;gap:10px}.invite-row,.member-row{align-items:center;background:#00ff660d;border:1px solid #0f63;display:flex;gap:10px;padding:10px}.invite-email,.member-email{flex:1 1;font-size:.9rem}.invite-role{color:#00ff66b3;font-size:.85rem;text-transform:uppercase}.member-row select{background:#000;border:1px solid #0f6;color:#0f6}.cancel-btn,.member-row select,.remove-btn{font-family:Courier New,Courier,monospace;font-size:.8rem;padding:5px 10px}.cancel-btn,.remove-btn{background:#0000;border:1px solid #f44;color:#f44;cursor:pointer}.cancel-btn:hover,.remove-btn:hover{background:#f44;color:#000}
/*# sourceMappingURL=main.cae31881.css.map*/