body,html{padding:0;margin:0;font-family:Work Sans,sans-serif;height:100vh}#__next{height:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}[data-nextjs-scroll-focus-boundary]{display:contents}:root{--bg-color:#002929;--bg-color-light:#4d6969;--text-color:#002929;--action-color-hover:#fab264;--action-color:#fbbe7d;--action-color-50opacity:hsla(31,94%,74%,.3);transition-duration:.25s;--input-text-color:#002929;--btn-text-color:#002929;--btn-disabled:rgba(0,41,41,.3);--input-bg:#ededed;--input-padding-y:8px;--input-padding-x:12px;--header-height:120px;--footer-height:120px;--font-size-h6:clamp(1rem,0vw + 1rem,1rem);--font-size-h5:clamp(1.15rem,0.245vw + 1.101rem,1.3rem);--font-size-h4:clamp(1.323rem,0.6vw + 1.203rem,1.69rem);--font-size-h3:clamp(1.521rem,1.104vw + 1.3rem,2.197rem);--font-size-h2:clamp(1.749rem,1.808vw + 1.388rem,2.856rem);--font-size-h1:clamp(2.011rem,2.778vw + 1.456rem,3.713rem)}input{color:var(--input-text-color);background-color:var(--input-bg);border:none;padding:var(--input-padding-y) var(--input-padding-x);min-height:50px;font-size:1em}input:focus-visible{outline-color:var(--text-color)}.grid-center{display:grid;place-items:center;height:100%}.header{display:flex;height:var(--header-height);justify-content:space-between;align-items:center;color:#fff;background-color:var(--bg-color);font-size:1.5rem;padding:10px 20px}.header-logo{--logo-height:calc(var(--header-height) - 30px);width:var(--logo-height);height:var(--logo-height);position:relative}.header-right{display:flex;gap:2rem;align-items:center}.header-right>a,.header-right>button{font-size:1.5rem;color:#fff;background-color:transparent;border:2px solid #fff;padding:.5em 1em;cursor:pointer}.header-welcome{word-break:break-all}.footer{background-color:var(--bg-color);min-height:var(--footer-height);color:#fff;display:flex;justify-content:center;align-items:center}.landing-body{display:grid;grid-template-areas:"header" "content" "footer";grid-template-rows:var(--header-height) 1fr var(--footer-height);min-height:100%}.center{display:grid;place-content:center;height:100%}.form{gap:1rem;min-width:300px}.dashboard,.form{display:flex;flex-direction:column}.dashboard{height:100%}.dashboard-left{background-color:var(--bg-color);color:#fff;font-size:var(--font-size-h4);padding:0}.dashboard-left>ul{display:flex;flex-direction:column;list-style:none;padding:0}.dashboard-left>ul>li{padding:.3rem;list-style:none;display:flex;align-items:center;gap:.5rem;cursor:copy;text-align:left;transition:background-color .4s ease}.dashboard-left>ul>li>a{text-decoration:underline;-webkit-text-decoration-color:hsla(0,0%,100%,0);text-decoration-color:hsla(0,0%,100%,0);transition:-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease;transition:text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease;width:100%;text-align:center}.dashboard-left>ul>li>a:hover{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.dashboard-left>ul>li[data-active=true]{background-color:#fff;color:var(--bg-color);width:100%}.dashboard-right{padding:2rem}.add-plus{background-color:#fff;border:none;border-radius:100%}@media (min-width:720px){.dashboard{display:grid;grid-template-areas:"nav content";grid-template-columns:200px 1fr}.dashboard-left{padding-left:1.5rem}.dashboard-left>ul>li>a{padding:1rem 0;text-align:center}}.online{background-color:green;padding:5px}.offline{padding:5px;background-color:red}.monitor-form{padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}@media (min-width:720px){.monitor-form{flex-direction:row}}table,tbody,td,tfoot,tr{display:block}.table-wrapper{background-color:var(--bg-color);color:#fff}thead{display:none}tr{padding-bottom:10px}td{padding:10px 10px 0;text-align:center;background-color:var(--bg-color-light)}td:before{content:attr(data-title);color:var(--bg-color);text-transform:uppercase;font-size:1.1em;padding-right:10px;display:block}table{width:100%}th{text-align:left;font-weight:700}thead>th{background-color:var(--bg-color);color:#fff;border:1px solid var(--bg-color)}@media (min-width:460px){td{text-align:left}td:before{display:inline-block;text-align:right;width:140px}}@media (min-width:720px){table{display:table}tr{display:table-row}tr:nth-child(2n+2)>td{background-color:var(--bg-color-light);color:#fff}td,th{display:table-cell;padding:10px}tbody{display:table-row-group}thead{display:table-header-group}tfoot{display:table-footer-group}td{border:1px solid var(--bg-color)}td:before{display:none}tfoot th{display:table-cell}}td:has(img){text-align:center}.action-btn{min-height:50px;padding:.9em 1.4em;border:none;border-radius:.25rem;cursor:pointer;text-decoration:none;line-height:1;background-color:var(--action-color);color:var(--btn-text-color);font-size:var(--font-size-h6);transition:all .25s ease}.action-btn:hover{background-color:var(--action-color-hover)}.action-btn[disabled=disabled],action-btn:disabled{background-color:var(--btn-disabled)}.table-image{max-height:100px;text-align:center}.dropzone{--border-color-outer:transparent;text-align:center;padding:20px;margin:auto;border:3px dashed var(--border-color-outer)}.dropzone-inner{--border-color-inner:var(--bg-color);border:3px dashed var(--border-color-inner);padding:20px}.dropzone-inner-active{--border-color-inner:var(--action-color);background-color:var(--action-color-50opacity)}.input-zone{background-color:red}