@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.logout-btn{color:#000;cursor:"pointer";margin-right:30px;border-radius:100%;transition:all .3s}.logout-btn:hover{color:#000;background-color:#0001;border-color:#000;transition:all .1s}.upload-btn{color:#fff;background-color:#06f;border:none;outline:none;height:32px;width:32px}.upload-btn:hover{background-color:#3385ff}.client-tile-container{max-height:250px;overflow-y:auto}.client-tile{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #000;color:#000;font-weight:500;border-radius:10px;margin:10px;transition:all .3s ease}.client-tile-selected{color:#fff;background:#1677ffcc;border:1px solid #fff}.client-tile:hover{cursor:pointer;color:#fff;background:#1677ff;border:1px solid #fff;transition:all .2s ease}.modal-title{text-align:center;color:red}.login-content{margin:24px auto 0;height:100px;border-radius:12px;width:70%}.login-container{height:calc(100vh - 48px);display:flex;justify-content:space-around;align-items:center;min-height:500px}.login-box{background:#fff;width:500px;height:350px;border:1px solid #ccc;padding:40px;border-radius:8px;box-shadow:5px 5px 9px #0000001a;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (max-width: 768px){.login-box{width:100%;height:auto;flex-direction:column;border-radius:12px}.logo{margin:auto auto 20px}}.logo-container{width:100%;height:100%;padding:0}.logo{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-logo-image{max-height:70px;max-width:160px;margin-left:20px}.logo-image{max-height:120px;max-width:180px;margin:0;padding:0}.login-title{color:#d83a3acc;margin-bottom:0;display:inline;margin-top:0;text-align:center}.login-form{width:100%;height:100%;margin:auto}.login-form-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login-input{margin-bottom:0;padding:10px;border-radius:7px}.google-text{width:100%;color:gray;text-align:center}.login-next-btn{margin-bottom:0;border:1px solid #1677ff;width:120px;align-self:end;border-radius:7px}.live-data-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:5px;transition:all .3s ease}.live-data-icon:hover{background-color:#0003;transition:all .3s ease}:root{--border-color: #EAEAEA;--shadow-color: #eeeeee}.content{padding:24px;margin:0;min-height:280px}.scrollContainer{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);border-radius:10px;padding:15px 20px;margin-bottom:10px;overflow-x:auto}.infoContainer{min-width:200px}.label{display:inline;margin:0}.inlineText{display:inline}.flexContainer{width:60%}.device-container{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px}.device-container .device-card{background-color:#f5f5f5;width:100%;min-width:180px;max-width:fit-content;padding-top:20px;justify-content:space-between;align-items:center;position:relative;border:1px solid #00000011;border-radius:15px}.device-card-favorite{position:absolute;top:10px;right:10px;border-radius:30%;border:1px solid transparent;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.7}.device-card-controller-favorite{position:absolute;top:15px;left:24px;background-color:#1677ffaa;border-radius:30%;border:1px solid #1677ff;padding:5px;display:flex;align-items:center;justify-content:center;scale:1.1;cursor:pointer;transition:all .3s ease}.device-card-favorite:hover{background-color:#fff;border:1px solid #00000033;scale:1.3;transition:all .1s ease}.device-card-controller-favorite:hover{background-color:#1677ff;border:1px solid #00000033;scale:1.3;transition:all .1s ease}.device-card:hover .device-card-favorite{opacity:1}.card{width:100%;min-width:180px;height:120px;max-width:250px;box-shadow:2px 3px 5px var(--shadow-color);display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-radius:10px;border:1px solid var(--border-color)}.cardTitle{text-align:center;margin:0}.btn{background-color:#000;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-btn{color:#fff;background-color:#fc0;border:none;outline:none;height:32px;width:32px;box-shadow:0 2px #fc02}.edit-btn:hover{background-color:#fd5}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}.font-inter{font-family:Inter,sans-serif}.select-none{-webkit-user-select:none;user-select:none}.icon{border:1px solid transparent;transition:.1s all}.icon:hover{transition:.1s all;background-color:#f002;border:1px solid #ff0000;color:red}.center-items{display:flex;justify-content:center;align-items:center}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.small-scrollbar::-webkit-scrollbar{height:8px}.small-scrollbar::-webkit-scrollbar-thumb{background:#1677ff;border-radius:2px}.small-scrollbar::-webkit-scrollbar-track{background:#0001}