*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}body{font-family:Segoe UI,sans-serif}:root{--PowercraftColorGradient: linear-gradient(to bottom right, rgb(0, 200, 255), rgb(0, 140, 255));--PowercraftColor: rgb(0, 140, 255);--PowercraftColorDark: #232e51;--PowercraftColorOpaic: rgba(0, 140, 255, .5);--OpaicGrey: rgba(0, 0, 0, .3);--OpaicDarkGrey: rgba(0, 0, 0, .856);--Grey: rgba(83, 82, 82, .346);--CyanBackGround: #042331;--LightBlue: #083e57;--purpkle: rgb(21, 4, 74);--powercraft-gradient: var(--PowercraftColorGradient);--powercraft-color: var(--PowercraftColor);--powercraft-color-dark: var(--PowercraftColorDark);--powercraft-color-opaque: var(--PowercraftColorOpaic)}.container_1{width:750px;height:900px;margin:auto;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 5px #0000004d;text-align:center;align-items:center}.container_1 input{width:600px;height:75px;-webkit-user-select:none;user-select:none}.text_input{margin-top:2vh;border:none;border-bottom:1px solid grey;-webkit-user-select:none;user-select:none}.text_input:focus{outline:none}.container_header{height:5vh;line-height:5vh;padding-left:.5vw;background:var(--powercraft-gradient);color:#fff;border:0;font-size:40px;text-align:left}.container_1 form{margin:0 2.5vw;padding-top:10%;font-size:30px}.login-submit,.create-submit{border:none;border-radius:15px;background:var(--powercraft-gradient)}.login-submit{margin-top:10vh}.create-submit{margin-top:5vh;color:#fff;text-align:center}.page{height:100vh;display:flex;align-items:center;justify-content:center}.container-logo{width:3vh;float:right;padding:.2vw}.bottom{width:600px;height:75px;margin-top:2vh;border:none;border-radius:15px}@media screen and (max-width:390px){.container_1{width:100vw;height:100vh}.container_header{height:75px;line-height:75px;font-size:32px}.container_1 input,.bottom{width:70%;height:50px}.login-submit,.create-submit{margin-top:250px}}.graph_holder{width:500px;height:300px;padding:0}.graph{list-style:none}.graph_line1{stroke-width:2px;stroke:var(--PowercraftColor)}.graph_line2{stroke-width:2px;stroke:red}.cpu-graph-line{stroke-width:2px;stroke:#6464fe}.cpu-graph-shadow{fill:#6464fe33;stroke-width:.05px;stroke:#6464fe33}.memory-graph-line{stroke-width:2px;stroke:#fe6464}.memory-graph-shadow{fill:#fe646433;stroke-width:.05px;stroke:#fe646433}.graph_grid{stroke-width:1px;stroke:#0003}.graph_shadow1{fill:var(--PowercraftColorOpaic);stroke-width:.05px;stroke:var(--PowercraftColorOpaic)}.graph_shadow2{fill:#f003;stroke-width:.05px;stroke:#f003}.graph-axis{fill:#000;stroke-width:1px;stroke:#000}.player-list{display:grid;grid-template-areas:"player-list-header" "player-listing"}.player-list-header{grid-area:player-list-header;display:flex;align-items:center;justify-content:center;height:2.5vh;border-top:1px solid #64748b70;border-bottom:1px solid #64748b70;background:#f6f7f890;color:#64748b;text-align:center}.player-list-header b{flex-grow:1;justify-content:center;font-size:1.5em}.player-list-scroll{padding:.25vw;overflow-y:scroll}.player-listing span,.player-listing b{flex:1;justify-content:center;text-align:center;font-size:.75em}.player-listing{grid-area:player-listing;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-sizing:border-box;box-shadow:0 1px 2px #0f172a0a,0 6px 24px #0f172a0f;font-size:1vw;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.player-listing img{width:64px;height:64px}.player-listing:hover{box-shadow:0 2px 6px #0f172a14,0 12px 32px #0f172a1f;transform:translateY(-2px)}.player-list-empty{display:flex;justify-content:center;height:100%}:root{--LightGrey: #e8eff745;--MediumGrey: #6e717445}body{margin:0}.page{display:flex;flex-direction:row;align-items:flex-start;background:var(--LightGrey);font-family:Lucida Console,Courier New,monospace;overflow-y:auto;min-height:100vh}.main{display:flex;width:100%;min-height:100vh}.dashboard-container{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto 1vh auto auto;grid-template-areas:"stats stats" "graphs onlinePlayers" "servers onlinePlayers" "servers activity";gap:2vh;padding:2vw;-webkit-user-select:none;user-select:none}.dashboard-container>*{border:1px solid #e5e7eb;border-radius:14px;padding:2vh;background-color:#fff}.dashboard-content-divider{width:100%;min-width:0}.online-player-list{display:flex;flex-direction:column;grid-area:onlinePlayers;box-shadow:0 0 10px .5vh #0f172a2e}.activity-list{box-shadow:0 0 10px .5vh #0f172a2e;grid-area:activity}.stat-card-container{display:flex;flex-wrap:nowrap;margin-top:2vh;-webkit-user-select:none;user-select:none}.stats{grid-area:stats;border:none;padding:0;background-color:transparent}.header{font-size:2em}.subHeader{height:4vh;border-bottom:1px solid var(--LightGrey);font-size:2em}.graphs{grid-area:graphs;box-shadow:0 0 10px .5vh #0f172a2e}.graphHeader{grid-area:graphHeader;border-bottom:1px solid var(--PowercraftColor);font-size:2em}.servers{grid-area:servers;display:flex;flex-direction:column;background-color:#fff;height:35vh;padding:0;gap:2vh;box-shadow:0 0 10px .5vh #0f172a2e}.stat-card{display:flex;flex:1 1 0;align-items:center;gap:12px;min-width:0;height:132px;border:1px solid #e5e7eb;border-radius:14px;box-sizing:border-box;padding:16px;background:#fff;box-shadow:0 0 10px .5vh #0f172a2e;transition:all .2s ease;--stat-card-hover-shadow-color: rgba(15, 23, 42, .12)}.stat-card+.stat-card{margin-left:12px}.stat-card-info{display:flex;flex:1;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:0;overflow:hidden}.stat-card-title,.stat-card-value,.stat-card-subvalue{display:block;margin:0}.stat-card-title{font-size:clamp(.85rem,.9vw,1rem);line-height:1.25}.stat-card-value{font-size:clamp(1.1rem,1.35vw,1.45rem);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-subvalue{font-size:clamp(.72rem,.8vw,.9rem);font-weight:600;line-height:1.3;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card img{display:block;width:100%;height:100%}.stat-card-image{display:flex;align-items:center;justify-content:center;flex:0 0 clamp(56px,4.5vw,76px);width:clamp(56px,4.5vw,76px);height:clamp(56px,4.5vw,76px);border:1px solid transparent;border-radius:18px;overflow:hidden}.stat-card:hover{box-shadow:0 0 32px 12px var(--stat-card-hover-shadow-color);transform:translateY(-2px)}.dashboard-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 1.25rem;background:#bfe4f345;border-bottom:1px solid #8cabb845}.dashboard-header img{width:32px}.dashboard-header span{height:auto;padding:1%;border-right:1px solid white;border-radius:2px;color:#fff}.dashboard-header b{height:100%;color:#0f0f0f9d;font-size:1em}.dashboard-mobile-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(15,23,42,.16);border-radius:999px;background-color:#fff;cursor:pointer;font-size:1.2rem;color:#0f172a}.dashboard-header .options{display:flex;justify-content:flex-end;width:100%}.dashboard-list-container{display:flex;flex:1;flex-direction:column;overflow-y:hidden;box-shadow:0 0 5px 1px;background-color:#fff}.dashboard-list-container-content{display:flex;flex-direction:row;height:90%}.dashboard-list-container-content-div{width:100%;padding:1%}.dashboard-quick-info{display:flex;flex-direction:row;gap:20px;height:20%;padding:.5vw;font-size:2em}.dashboard-monitor-holder{background-color:red}.dashboard-graph-holder{display:flex;flex-direction:row;gap:20px;height:20vh}.dashboard-graph-key{height:2vh;margin-top:-20px;border:1px solid black;border-top:none;background:#f5f5f5}.dashboard-resource-grid{display:flex;flex-direction:column;gap:20px;height:100%}.resource-grid div{background-color:#fff}@media(max-width:900px){.page,.main{min-height:100vh}.dashboard-content-divider{width:100%}.dashboard-header{padding:0 16px}.dashboard-mobile-menu-button{display:inline-flex}.stats{padding:0}.stat-card-container{flex-wrap:wrap;gap:12px;margin-top:16px}.stat-card{flex:1 1 calc(50% - 6px);min-width:min(100%,220px);height:auto}.stat-card+.stat-card{margin-left:0}.graphs,.servers{padding:2vh}.dashboard-graph-holder{flex-direction:column;gap:16px;height:auto;min-height:320px}.servers{height:2vh;min-height:2vh}}@media(max-width:600px){.dashboard-container{padding:12px;gap:12px}.dashboard-header{padding:0 12px}.dashboard-mobile-menu-button{width:38px;height:38px}.stat-card-container{flex-direction:column}.stat-card{flex-basis:100%}.subHeader{font-size:1.25em}}.server-properties-container{display:flex;flex-direction:column;border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.category-title{display:flex;flex-direction:column;gap:25%;justify-content:space-evenly;font-size:1em;-webkit-user-select:none;user-select:none}.category-title span{display:inline-block;margin-left:2%;transform:rotate(0);transition:all .3s ease;-webkit-user-select:none;user-select:none}.server-property{display:flex;flex-direction:column;width:90%;margin-left:2.5%}.server-property-description{color:var(--PowercraftColor)}.server-property-container{display:flex;flex-direction:column;gap:20px;max-height:0;height:min-content;overflow-y:hidden;transition:all .3s ease}.server-property-item{width:30%;margin-left:auto;padding:5px;box-sizing:border-box;border:1.5px solid var(--OpaicGrey);border-radius:5px;float:right;font-size:1em}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,550px));gap:24px;margin:50px 0 0 100px}.item{float:right;font-size:25px}.wrapper,.wrapper2{display:inline;width:500px;border:1px solid black;padding:2%;box-sizing:border-box;font-size:25px}.wrapper2{border-color:red}.create_server_form{max-width:100%;min-height:100%;margin:0 20%}.create_server_form .heading{width:100%;padding-bottom:2%;border-bottom:2px solid var(--PowercraftColorOpaic);font-size:2.5em}.server-details-container{display:flex;flex-direction:column;width:100%;height:fit-content;padding:2.5% 0}.container_header2{display:flex;flex-direction:column;width:20vw;height:fit-content}.server-creation-img{width:64px;height:64px}.server-launcher-select,.server-version-select,.forge-release-select{width:15vw;margin-left:auto;padding:5px;border:1.5px solid var(--OpaicGrey);border-radius:5px;box-sizing:border-box;font-size:1em;transition:.3s ease all}.forge-release-select-container{display:flex;flex-direction:row;width:min-content;overflow:hidden;transition:.3s ease all}body{font-family:Lucida Console,Courier New,monospace}.server-dash-container{display:flex;flex-direction:column;gap:2vw;overflow-y:hidden}.server-dash-container-main{display:flex;gap:2.5%;padding:1%;border-bottom:2px solid var(--OpaicGrey)}.information-container{display:block;flex:1;background-color:#fff}.flex-container{display:flex}.flex-container *{flex:1}.flex-end{justify-items:end;text-align:end}.panel{display:flex;flex-direction:column;padding:.5%;color:var(--PowercraftColor);font-size:1vw}.panel b{position:relative;font-size:1.5em}.server_terminal{display:flex;flex:2;flex-direction:column;height:60vh;padding:.5%;overflow-y:hidden;overflow-x:wrap;background-color:#000;color:#fff}::-webkit-scrollbar{display:none}.player-list-container{width:49%}.server_terminal_content_area{flex:1;overflow-y:scroll}.server_terminal_input_area{display:flex;border-top:1px solid white}.server_terminal_input{flex-grow:1;border:none;background-color:#000;color:purple;font-size:15px;-webkit-user-select:none;user-select:none}.server_terminal_input:focus{outline:none}.terminal_text:hover{background-color:#ff0;color:purple}.footer{position:absolute;bottom:0;width:100%;height:2.5%;color:#fff;background:var(--PowercraftColorDark)}.status_light{display:inline-block;width:32px;height:32px;border-radius:100%}.control_panel{padding:5%}.control_panel button{width:4vw;height:2vh;color:#fff;font-size:15px}.start_button{border:1px solid rgb(0,205,0);background-color:#0af50a}.restart_button{width:2vw;border:1px solid #c3830c;border-radius:7px;background-color:orange}.stop_button{width:2vw;border:1px solid #b60202;border-radius:7px;background-color:red}button{width:2vw;border-radius:7px}@media(max-width:900px){.flexbox{padding:2vw;flex-direction:column}.server_terminal{width:99%;font-size:2vw}.panel{width:97%;font-size:5vw}}.page-not-found-h1{color:#fff;background:var(--PowercraftColorGradient);font-size:3vw}u{font-size:2vw}u:hover{background-color:#000;color:#fff}.dashboard-sidebar{display:flex;flex-direction:column;width:12.5vw;min-width:12.5vw;background-color:#0c1c32;font-family:Lucida Console,Courier New,monospace;color:#fff;padding:.2vw;transition:transform .2s ease}.dashboard-sidebar a{display:flex;flex-direction:column;justify-content:center;height:3vh}.dashboard-sidebar-option{display:flex;align-items:center;gap:10px;padding:.7rem .9rem;border-radius:1rem;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer}.dashboard-sidebar-option:hover{background:linear-gradient(90deg,rgb(0,105,192) 1%,var(--PowercraftColorDark));color:#fff}.dashboard-sidebar-top{display:flex;align-items:center;justify-content:center;width:100%;height:4vh;font-size:1.5em;-webkit-user-select:none;user-select:none}.dashboard-sidebar-top img{height:80%}.dashboard-sidebar-bottom{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:.25vw}.dashboard-sidebar .icon{display:inline;height:32px;filter:invert(100%)}.dashboard-sidebar-list{overflow-x:hidden;overflow-y:hidden}.dashboard-sidebar span{display:flex;align-items:center;height:3vh}.sidebar-button img{display:none;width:32px;height:32px}.sidebar-button{display:none;position:absolute;top:10px;right:-35px}.dashboard-sidebar-backdrop{display:none}@media(max-width:900px){.dashboard-sidebar{position:fixed;top:0;left:0;width:min(86vw,320px);min-width:0;height:100vh;transform:translate(-100%);z-index:1100;box-shadow:0 0 24px #0000004d}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:1000}.dashboard-sidebar-backdrop:not(.visible){display:none}.dashboard-sidebar a{height:auto}.dashboard-sidebar-option{padding:.9rem 1rem}}.server-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;height:100%;overflow-y:hidden}.server-list-header{display:flex;width:100%;height:5vh;background-color:var(--LightGrey);border-bottom:1px solid var(--MediumGrey);border-top:1px solid var(--MediumGrey)}.server-list-header span{flex:1;justify-content:center;font-size:1.25em}.server-list-options{overflow-x:hidden;overflow-y:scroll}.server-listing img{float:right;width:64px;height:64px;margin-left:.5vw;margin-right:.5vw}.server-list-scroll{width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:.5vh;background-color:var(--LightGrey)}.server-listing{display:flex;font-size:1.25em;transition:all .3s ease}.server-listing:hover{box-shadow:0 0 1vh #0f172a2e;background:#fff;transform:translateY(-.2vh)}.server-listing span{flex:1;overflow-x:hidden;justify-content:center;background:#fff}.server-list span{display:flex;align-items:center}.server-status{display:flex;height:auto;width:auto;justify-content:center;align-items:center;background:purple;border-radius:4px;padding:2%}.status-light{width:25px;height:25px;background-color:purple;border-radius:50%}.server-list-button{display:none;position:absolute;top:10px;right:-35px}.server-list-button img{display:none;width:32px;height:32px}.actions-icon img{width:32px;height:32px;border-radius:20%;background-color:var(--MediumGrey)}@media(max-width:480px){.server-list{position:absolute;height:100%}.server-list-button img{display:block}}