:root{--background-color-dark:#121212;--background-color-medium:#1E1E1E;--background-color-light:#E0E0E0;--background-color-medium-light:#555555;--text-color-light:#E0E0E0;--text-color-muted:#B0B0B0;--icon-color-hover:#8a8a8a;--text-color-white:#fafafa;--border-color-gray:#7f7f7f;--button-color-primary:#3F51B5;--button-color-hover:#303F9F;--error-color:#FF5252;--warning-color:#FF9800;--success-color:#4CAF50;--link-color:#3F51B5;--link-hover-color:#303F9F;--bar-used-color:#EF4444;--bar-free-color:#3B82F6;--logout-button-color:#F44336;--logout-button-hover-color:#D32F2F;--widget-hover-background-color:#2C2C2C;--widget-hover-background-color-alt:#3A3A3A}@font-face{font-family:Sen;src:url(/_next/static/media/Sen-Regular.86e54e5b.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sen;src:url(/_next/static/media/Sen-Bold.898d3279.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sen;src:url(/_next/static/media/Sen-ExtraBold.ede64084.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}body{font-family:Sen,sans-serif;background-color:var(--background-color-dark);color:var(--text-color-light);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.page-container{width:calc(100% - 40px);height:calc(100% - 80px - 3.34em);padding:20px;background-color:var(--background-color-medium);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3)}h1,h2{color:var(--text-color-white)}h1,h2,p{text-align:center}p{color:var(--text-color-muted)}input{width:100%;min-height:2em;background:transparent;border:none;border-bottom:2px solid var(--border-color-gray);color:var(--text-color-white)}textarea{font-family:Sen,sans-serif;border:2px solid var(--border-color-gray);border-radius:5px;resize:none}select,textarea{color:var(--text-color-white);font-size:1rem;width:100%;background:transparent}select{min-height:2em;max-height:10em;border:none;border-bottom:2px solid var(--border-color-gray)}textarea:focus,textarea:focus-visible{border:2px solid var(--button-color-primary);outline:none}input:focus,input:focus-visible,select:focus,select:focus-visible{border-bottom:2px solid var(--button-color-primary);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=date]{font-family:Sen,sans-serif}input[type=checkbox]{font-size:8px;width:auto;accent-color:var(--button-color-primary)}input[type=number]{-moz-appearance:textfield}.input-span,form{display:flex}form{flex-direction:column}form div{margin-bottom:15px}.login-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}label{margin-bottom:5px;font-weight:700}.login input,label{color:var(--text-color-light)}.login input{padding:10px;font-size:16px;border-radius:4px;border:1px solid #333;background-color:#333;box-sizing:border-box;width:100%}.login .logo-container{text-align:center;margin-bottom:20px}.login .logo-container img{width:100px;height:auto}.login{background-color:rgba(30,30,30,.8);border-radius:8px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.7)}button{padding:10px;font-size:16px;background-color:var(--button-color-primary);color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--button-color-hover)}button:disabled{background-color:#2C2F4A;color:#E0E0E0;cursor:not-allowed}.error{color:var(--error-color);text-align:center}a{color:var(--link-color);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}.home-container{display:flex;height:100vh;width:100vw;color:var(--text-color-light)}.main-content{flex:1 1;padding:20px;background:var(--background-color-dark);width:100%}.widget-row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.widget{background-color:var(--background-color-medium);color:var(--text-color-light);padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);flex:1 1;min-width:200px;max-height:280px;box-sizing:border-box;position:relative}.widget-wide{flex:3 1}.widget .center-relative{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;margin:15px 0 0}.widget-title{margin-top:0;margin-bottom:10px;font-size:18px}.number-widget .widget-value{display:flex;justify-content:center;align-items:center;margin:0;font-size:4rem;font-weight:700}.number-widget .widget-value,.widget .scrollable{height:calc(100% - 18px - 15px)}.box .scrollable,.box-content{height:calc(100% - 70px)}.bar-container{width:100%;height:20px;border-radius:10px;overflow:hidden;display:flex;padding-bottom:20px}.center-items{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.bar{height:100%}.used{background-color:var(--bar-used-color);border-top-left-radius:10px;border-bottom-left-radius:10px}.free{background-color:var(--bar-free-color);border-top-right-radius:10px;border-bottom-right-radius:10px}.storage-info td{width:auto}.scrollable{height:100%;padding:0 10px;max-height:100%;overflow-y:auto;overflow-x:hidden}.listTable{width:100%;border-collapse:collapse}.scrollable .listTable thead{position:-webkit-sticky;position:sticky;top:0;background-color:var(--background-color-medium)}.listTable td,.listTable th{padding:10px;text-align:left;border-bottom:1px solid var(--border-color-gray)}.listTable th{border-bottom:2px solid var(--border-color-gray)}.listTable td{color:var(--text-color-muted)}.listTable tbody.clickable tr:hover{background:var(--widget-hover-background-color);cursor:pointer}.side-menu{display:flex;flex-direction:column;width:80px;background:var(--background-color-medium);padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.3);height:100vh;box-sizing:border-box}.side-menu .spacer{flex:1 1}.side-menu ul{list-style-type:none;padding:0;margin:0}.settings-icon,.side-menu ul li{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.logout-button{display:flex;justify-content:center;background-color:var(--logout-button-color);color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:auto;padding:5px}.logout-button:hover{background-color:var(--logout-button-hover-color)}.tabs{display:flex;border-bottom:1px solid #444;margin-bottom:20px}.tab{padding:10px 20px;color:var(--text-color-light);border-bottom:2px solid transparent;transition:background-color .3s ease,color .3s ease}.tab,.tab:hover{text-decoration:none}.tab:hover{background-color:var(--background-color-medium);cursor:pointer}.active-tab{border-bottom:2px solid var(--button-color-primary);color:var(--button-color-primary)}.tab-content{padding:20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;height:75vh;background-color:var(--background-color-medium);border-radius:4px;color:var(--text-color-light)}.loader{position:fixed;top:20px;left:110px;width:30px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--button-color-primary) 94%,#0000) top/4px 4px no-repeat,conic-gradient(#0000 30%,var(--button-color-primary));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);animation:l13 1s linear infinite}@keyframes l13{to{transform:rotate(1turn)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.error-message,.success-message{max-width:80vw;font-weight:700;color:var(--text-color-white);padding:10px;border-radius:5px;position:fixed;top:20px;right:20px;opacity:1;transition:opacity 2s ease-out;z-index:1000;cursor:default;box-shadow:0 2px 10px rgba(0,0,0,.2)}.success-message{background-color:var(--success-color)}.error-message{background-color:var(--error-color)}.error-message.fade-out,.success-message.fade-out{animation:fadeOut 1s ease-out forwards}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.popup-content{background-color:var(--background-color-medium);padding:20px;border-radius:8px;width:400px;text-align:center}.form-table tr{height:3rem}.form-table tr td{width:200px;text-align:left}.form-table tr td:nth-child(2){color:#B0B0B0}.form-table tr td input{font-size:1rem}.form-table button{margin-right:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:var(--background-color-medium);padding:20px;border-radius:8px;max-height:60dvh;width:90%;box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative}.modal-content .scrollable{height:calc(60dvh - 40px - 1.33em - 18px);max-height:calc(60dvh - 40px - 1.33em - 18px)}.modal-content h4{margin-top:0}.ipMap{height:100%;width:100%;background-color:#121212!important;border-radius:5px}.ipMap-container{height:222px;width:100%}.button-header{margin-bottom:10px}.button-footer,.button-header{display:flex;justify-content:flex-end;gap:1rem}.button-footer{margin-top:10px}.tab-container{height:calc(100% - 100px - 3.34em);display:flex;gap:1.5rem}.flex-column{flex-direction:column}.flex-column,.flex-row{display:flex;gap:1.5rem}.flex-row{flex-direction:row}.todo-header{display:flex;justify-content:space-between;align-items:center}.todo-header h3{margin:0}.todo-content{padding:10px;color:var(--text-color-light)}.todo-content p,.todo-content ul{margin:8px 0;text-align:start;color:var(--text-color-light)}.todo-footer{display:flex;justify-content:space-between;align-items:center;color:var(--text-color-muted)}.dnd-draggable{padding:10px;border-radius:4px;background-color:var(--button-color-primary);box-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:15px;margin-bottom:15px}.trash-icon:hover{cursor:pointer;color:var(--error-color)}.icon:hover{cursor:pointer;color:var(--icon-color-hover)}.icon-span svg{padding-right:10px}.icon-span:last-child{padding-right:0}.box{height:calc(100% - 40px);width:calc(100% - 40px);border-radius:8px;background-color:var(--background-color-medium);padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.3)}.box h2{text-align:start;margin-top:0}.flex-container-column{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem}.flex-1{flex:1 1;overflow:hidden}.flex-2{flex:2 2;overflow:hidden}.editor-container{display:flex;flex-direction:column;height:calc(50vh - 3.34em - 96px);width:calc(50vw - 122px)}.cm-editor{max-height:calc(50vh - 3.34em - 193px)!important;height:calc(50vh - 3.34em - 193px)!important;background-color:#121212!important}.action-row{display:flex;border:1px solid var(--border-color-gray);border-radius:10px;width:100%}.action-row button:first-child{border-right:1px solid var(--border-color-gray);border-bottom-left-radius:10px;border-top-left-radius:10px}.action-row button:last-child{border-left:1px solid var(--border-color-gray);border-bottom-right-radius:10px;border-top-right-radius:10px}.action-row button{flex:1 1;font-size:.8rem;padding:5px 0;display:flex;justify-content:space-evenly;align-items:center;border-radius:0;background-color:var(--background-color-medium-light)}.action-row button svg{font-size:.7rem}.action-row button:disabled,.action-row button:hover:disabled{background-color:var(--background-color-medium)}.action-row button:hover{background-color:var(--widget-hover-background-color-alt)}.state-label{color:var(--text-color-white);border-radius:4px;padding:4px 8px;font-weight:600;font-size:.85rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;min-width:70px;text-align:center}