*{margin:0;padding:0;box-sizing:border-box}body{background:url(/img/bg.1bbe175e.png) top no-repeat;background-size:100%}#home[data-v-f36ce8c0]{width:100%;height:100vh;overflow:hidden}.container[data-v-f36ce8c0]{width:100%;height:100%}.main-container[data-v-f36ce8c0]{height:calc(100% - 120px)}.el-footer[data-v-f36ce8c0],.el-header[data-v-f36ce8c0]{background-color:#262f3e;color:#333;text-align:center;line-height:60px}.el-aside[data-v-f36ce8c0]{background-color:#1f2937;color:#333;text-align:center;height:100%;line-height:200px}.el-main[data-v-f36ce8c0]{background-color:#242e42;color:#333;text-align:center;height:100%;line-height:160px}.el-container[data-v-f36ce8c0]{height:100%}.user-info[data-v-f36ce8c0]{padding:20px 0;line-height:normal}.user-details[data-v-f36ce8c0]{margin-top:10px}.username[data-v-f36ce8c0]{color:#fff;font-size:16px;margin-bottom:5px}.ip-address[data-v-f36ce8c0]{color:#999;font-size:14px}.device-controls[data-v-f36ce8c0]{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;flex:1;margin:10px 20px;height:80px}.device-item[data-v-f36ce8c0]{display:flex;align-items:center;background-color:#3e4e6c;padding:8px;border-radius:8px;height:90%;cursor:pointer;transition:all .3s ease;position:relative}.device-item.active[data-v-f36ce8c0]{background-color:#4caf50}.device-icon[data-v-f36ce8c0]{width:50px;height:50px;margin-right:10px;margin-left:10px}.device-info[data-v-f36ce8c0]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.device-info span[data-v-f36ce8c0]{color:#fff;font-size:14px}.device-info span[data-v-f36ce8c0]:first-child{margin-top:15px}.status[data-v-f36ce8c0]{position:absolute;top:8px;right:8px;font-size:12px;font-weight:700}.user-header-info[data-v-f36ce8c0]{display:flex;align-items:center;gap:8px;margin-right:20px}.logout-link[data-v-f36ce8c0],.username-link[data-v-f36ce8c0]{color:#a3adc8;text-decoration:none;font-size:14px;transition:color .3s ease}.logout-link[data-v-f36ce8c0]{cursor:pointer}.logout-link[data-v-f36ce8c0]:hover,.username-link[data-v-f36ce8c0]:hover{color:#fff}.divider[data-v-f36ce8c0]{color:#a3adc8;margin:0 4px}.message-icon[data-v-f36ce8c0]{color:#a3adc8;font-size:20px;cursor:pointer;transition:color .3s ease}.message-icon[data-v-f36ce8c0]:hover{color:#fff}