.container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center}.form-container{margin:0 auto;max-width:1200px;padding:20px}.logoDiv{align-items:center;display:flex;justify-content:center}.wharfLogo{max-width:300px}.wharfLogo img{height:100%;width:100%}.loginDiv{align-items:center;display:flex;justify-content:center;padding:10px}.loginH{font-size:25px;font-weight:bolder;text-align:center}.label{font-weight:700;padding:0 5px}.inputDiv{display:flex;flex-direction:column;padding:5px 1px;width:100%}.inputDiv input{border:none;border-radius:5px;color:#000;font-size:15px;font-weight:medium;height:30px;margin-top:5px;padding:5px}.p{color:#000;padding:0}.iDiv{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 30px}.iDiv button{background-color:#072330;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;margin-bottom:30px;margin-top:10px;padding:5px;width:100%}.forPas{color:blue;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:bolder}@media only screen and (min-width:1024px){.form-container{align-items:center;display:flex;height:100vh;justify-content:space-around;margin:0 50px}.wharfLogo{max-width:500px}}@media only screen and (min-width:2560px){.form-container{margin:auto;max-width:1900px}}.logout-btn{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:8px 16px;position:absolute;right:10px;top:15px}body,html{background-color:#74aec9;box-sizing:border-box;color:#1a0024;font-family:Roboto,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.name{font-size:30px}.btn{font-size:25px}.cont-card{background-color:#5c8d99;border:2px solid #04186e;border-radius:10px;color:#04186e;height:300px;padding:10px;width:300px}.name{font-size:20px;font-weight:600;overflow-wrap:anywhere;text-align:center;white-space:normal;word-break:break-all}.content{box-sizing:border-box}.btn,.detail{border:1px solid #000}.detail{padding:3px;text-decoration:none}.labels-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.label-item{border-radius:4px;font-size:.9rem;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.create-btn{text-decoration:none}.card-container{grid-gap:50px 50px;align-content:center;display:grid;gap:50px 50px;grid-template-columns:auto auto auto auto;justify-content:space-evenly;padding:50px}.prune-btn{padding:5px;text-align:center;width:100%}.user-page{padding:20px}.users-cont{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:10px}.btn{margin:50%}.func{align-items:center;justify-content:center;padding:10px}.popup-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%}.popup{background:#c9e3e7;border-radius:8px;box-shadow:0 0 10px #0003;font-family:Arial,sans-serif;left:50%;min-width:220px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.popup-content{text-align:center}.popup .close{color:#333;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.popup button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.popup input{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:10px;width:80%}.submit{display:block;margin:auto}.user-card{background-color:#5c8d99;border:2px solid #04186e;border-radius:10px;color:#04186e;padding:10px}.label{font-size:20px;font-weight:500;word-break:break-word}.content{padding:4px 0}.btn{background-color:#04186e;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;margin:2px;padding:5px}.nav{align-items:center;background-color:#4192df;display:flex;height:80px;position:sticky;top:0;width:100%}.logo{height:100%;width:80px}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{color:#490794;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;padding:.9rem;text-decoration:none}nav .menu{display:none;flex-direction:column;height:2rem;justify-content:space-between;position:absolute;right:.5rem;top:.75rem;width:2.25rem;z-index:999}nav .menu span{background-color:#fff;border-radius:.2rem;height:.3rem;width:100%}@media (max-width:580px){nav .menu{display:flex;width:2.5rem}nav{align-items:start}nav,nav ul{flex-direction:column}nav ul{display:none;margin-bottom:.25 rem;margin-top:0;padding-top:20px;width:100%;z-index:99}nav ul.open{background-color:#609de3;display:flex}nav ul li{padding-bottom:.7rem;text-align:center;width:100%}nav ul li a{margin:.2rem .5rem}}nav .menu.open span{position:absolute}nav .menu.open span:first-child{position:absolute;top:50%;transform:rotate(45deg)}nav .menu.open span:nth-child(2){opacity:0}nav .menu.open span:nth-child(3){position:absolute;top:50%;transform:rotate(-45deg)}nav .menu span{transition:transform .3s ease-in-out,opacity .3s ease-in-out,top .3s ease-in-out}.container-det{flex-direction:column;padding:10px}.cont-div,.container-det{align-items:center;display:flex;justify-content:center}.cont-div{flex-wrap:wrap;padding:5px}.cont{color:#050552;font-family:cursive;font-size:50px;word-break:break-word}.cont-span{display:flex;justify-content:center}.pad{padding-top:20px}.cont-l{color:#050552;font-family:cursive;font-size:30px;word-break:break-word}.sp{color:#04049e}.lab{padding:2px;text-align:center}.del-btn{background-color:red}.btn{display:inline}.checkbox-container{align-items:center;display:flex;margin:10px}input[type=checkbox]{accent-color:#007bff;height:20px;margin-right:10px;width:20px}label{color:#333;font-size:16px}@media (max-width:768px){.cont{font-size:30px;word-break:break-word}.cont .sp{font-size:25px}.cont-l{font-size:23px;word-break:break-word}}.con-vol-det{color:#050552;flex-direction:column;margin-bottom:20px;margin-top:20px}.con-vol-det,.volume-container{align-items:center;justify-content:center}.volume-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px;width:100%}.volume{background-color:#6e99b2;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px}.vol-name{color:#033f7c;font-size:25px;font-weight:700;margin-bottom:5px;text-align:center}.volume-name{font-size:20px}.con-net-det{align-items:center;color:#050552;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:20px}.title{font-size:25px}.port-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.port,.port-container{align-items:center;justify-content:center;padding:20px}.port{background-color:#6e99b2;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.port-name{color:#033f7c;font-size:25px;font-weight:700;margin-bottom:10px}.mode{background-color:#033f7c;border-radius:5px;color:#fff;margin-bottom:25px;margin-top:20px;padding:10px;text-align:center}.mode,.network-details{font-size:20px}.connect-btn{align-items:center;justify-content:center;padding:10px 20px;text-align:center}.cn{background-color:green}.stats-data,.title{font-size:30px}.title{font-weight:bolder;margin:10px 0;text-align:center}.stats-container{margin-bottom:20px;margin-top:20px;padding:30px}.stats-data{background-color:#000;border-radius:10px;color:#fff;font-size:20px;overflow:hidden;overflow-wrap:break-word;padding:10px;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-word}.container-create{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.back-button-container{padding:10px}.container-create{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.back-button-container{margin-bottom:1rem}.back-button{background-color:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:background-color .2s ease-in-out}.back-button:hover{background-color:#005a99}form{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:2rem}form h2{color:#005a99;margin-bottom:1rem}form label{color:#004b80;display:block;font-weight:600;margin-bottom:.25rem;margin-top:1rem}form input[type=number],form input[type=text],form select{background-color:#f0f8ff;border:1px solid #99c2e6;border-radius:6px;font-size:14px;padding:.5rem;width:100%}form input[type=number]:focus,form input[type=text]:focus,form select:focus{background-color:#e0f0ff;border-color:#007acc;outline:none}form input[type=checkbox]{margin-right:.5rem}form button{border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem}form button[type=submit]{background-color:#007acc;color:#fff;margin-top:2rem}form button[type=submit]:hover{background-color:#005a99}form button[type=button]{background-color:#cce6ff;color:#003d66;margin-right:.5rem}form button[type=button]:hover{background-color:#b3d9ff}form>div{margin-top:1rem}form input+input{margin-left:.5rem}.image-detail-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-details{background-color:#f0f8ff;border-radius:10px;box-shadow:0 0 12px #06c3;color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:24px}.image-details h2{border-bottom:2px solid #cce5ff;color:#06c;margin-bottom:16px;padding-bottom:4px}.image-details p{margin:6px 0}.image-details strong{color:#004080}.image-details h3{color:#0059b3;margin-top:20px}.image-details ul{list-style-type:disc;padding-left:20px}.image-details li{margin:4px 0}.back-button-container{display:flex;justify-content:center;margin-top:20px}.volume-detail{background-color:#f0f8ff;border-radius:10px;box-shadow:0 4px 12px #06c3;color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:800px;padding:24px}.volume-detail h2{border-bottom:2px solid #cce5ff;color:#005bb5;margin-bottom:20px;padding-bottom:4px}.volume-detail h3{color:#07c;margin-top:20px}.volume-detail p{margin:6px 0}.volume-detail strong{color:#004080}.volume-detail ul{list-style-type:disc;padding-left:20px}.volume-detail li{margin:4px 0}.network-detail{background-color:#e6f2ff;border-radius:10px;box-shadow:0 4px 12px #0066cc1a;color:#036;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:900px;padding:24px}.network-detail h2{border-bottom:2px solid #cce0ff;color:#005b99;margin-bottom:20px;padding-bottom:6px}.network-detail h3{color:#06c;margin-top:24px}.network-detail h4{color:#07c;margin-top:12px}.network-detail p{margin:4px 0}.network-detail ul{list-style:disc;margin-top:8px;padding-left:24px}.network-detail li{margin-bottom:8px}.network-detail strong{color:#00264d}.network-detail-container{align-items:center;display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.4afedd51.css.map*/