.modal[data-v-7f859434]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:75%;max-width:500px}h2[data-v-7f859434]{text-align:center}.modal-content[data-v-7f859434]{background-color:#2b2b2b;margin:0;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.close[data-v-7f859434]{position:absolute;top:5px;right:15px;font-size:24px;cursor:pointer}.form-group[data-v-7f859434]{margin-bottom:10px;padding-right:20px}label[data-v-7f859434]{display:block;font-weight:700;margin-bottom:4px}input[data-v-7f859434],select[data-v-7f859434],textarea[data-v-7f859434]{width:100%;padding:8px;border-radius:4px;background-color:#fff}.button-group[data-v-7f859434]{display:flex;justify-content:space-between;margin-top:20px}button[data-v-7f859434]{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;align-content:right;background-color:#fff}.cancel-button[data-v-7f859434]{background-color:#ccc;color:#fff}#select-wol[data-v-7f859434]{padding-right:0}.modal[data-v-2ac20229]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:75%;max-width:500px}h2[data-v-2ac20229]{text-align:center}.modal-content[data-v-2ac20229]{background-color:#2b2b2b;margin:0;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center}.close[data-v-2ac20229]{position:absolute;top:5px;right:15px;font-size:24px;cursor:pointer}.form-group[data-v-2ac20229]{margin-bottom:10px;padding-right:20px}label[data-v-2ac20229]{display:block;font-weight:700;margin-bottom:4px}input[data-v-2ac20229],select[data-v-2ac20229],textarea[data-v-2ac20229]{width:100%;padding:8px;border-radius:4px;background-color:#fff}.button-group[data-v-2ac20229]{display:flex;justify-content:space-between;margin-top:20px}button[data-v-2ac20229]{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;align-content:right;background-color:#fff}.cancel-button[data-v-2ac20229]{background-color:#ccc;color:#fff}#select-wol[data-v-2ac20229]{padding-right:0}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#121212;width:100%;margin-bottom:50px}.navbar-title{font-size:28px;font-weight:700;padding-left:30px}.button-updates{background-color:#282828;border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;margin-left:10px;cursor:pointer}.button-updates:hover{background-color:#fff;color:#282828}.subscribe{position:relative;padding-right:30px;text-align:right}.content{max-width:850px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}#wan,.content{padding-bottom:20px}#wan{width:100%;font-size:20px;font-weight:700;padding-top:20px;border-radius:5px}.online{background-color:#90ee90}.offline{background-color:#f08080}.unknown{background-color:#ffffe0}#wan-title{padding-left:20px}#hosts{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px}.host-card{display:flex;flex-direction:column;background-color:#1a1a1a;border-radius:5px;padding:20px;position:relative}.pill-green{background-color:#90ee90}.pill-green,.pill-red{display:inline-block;font-weight:700;padding:2px 6px;border-radius:200px}.pill-red{background-color:#f08080}.pill-yellow{display:inline-block;padding:2px 6px;border-radius:200px;background-color:#ffff54;color:#1a1a1a}#processing,.host-name,.pill-yellow{font-weight:700}#processing{margin-top:20px;font-size:20px;padding-top:20px;padding-bottom:20px;border-radius:5px;padding-left:20px;padding-right:20px}.green{background-color:#90ee90}.grey{background-color:#1a1a1a}.yellow{background-color:#ffff54;color:#1a1a1a}.red{background-color:#f08080}.delete{position:absolute;top:0;right:7px;font-size:20px;cursor:pointer;color:#fff}.delete:hover{color:#f08080}#wol{height:100%;width:100%;text-align:left}.pointer{cursor:pointer}.pointer:hover{background-color:#fff;color:#1a1a1a}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#121212;overflow:hidden}.logo-container{margin-bottom:30px;text-align:center}.logo-container img{width:80px}.form-container{max-width:350px;padding:30px;background-color:#1a1a1a;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.error{color:crimson;font-size:14px;margin-bottom:30px;margin-right:0}.error,h1{text-align:center}h1{font-size:22px;color:#fff}.form-group,h1{margin-bottom:20px}.input-field{background-color:#333}.input-field,button[type=submit]{padding:12px;font-size:16px;color:#fff;border:none;border-radius:3px}button[type=submit]{display:block;width:100%;background-color:#1fbad6;cursor:pointer}button[type=submit].loading{background-color:#b7b7b7}button[type=submit]:hover{background-color:#0fa9c0}button[type=submit].loading:hover{background-color:#b7b7b7}.forgot-password{text-align:center;margin-top:10px;font-size:14px;color:#ccc!important}.forgot-password a{color:#1fbad6;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.signup{text-align:center;margin-top:20px;font-size:14px;color:#ccc}.signup a{color:#1fbad6;text-decoration:none}.signup a:hover{text-decoration:underline}::-webkit-scrollbar{width:.5em;background-color:#1a1a1a}::-webkit-scrollbar-thumb{background-color:#333}body,html{background-color:#121212;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}