.server-manager{margin:auto;color:#dbefff;background:linear-gradient(140deg,#0d2638,#05111d 65%);border:1px solid #39718f;border-radius:18px;width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;box-shadow:0 0 60px #000b,0 0 25px #29bdff22;overflow:auto}.server-manager::backdrop{background:#020812cf;backdrop-filter:blur(8px)}.server-manager>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 32px;border-bottom:1px solid #29485e}.server-manager header span{display:flex;align-items:center;gap:8px;font:11px monospace;letter-spacing:2px;color:#67d7fa}.server-manager h2{font-size:27px;margin:9px 0}.server-manager p{color:#9cb8cf;line-height:1.6;font-size:13px}.server-manager button{cursor:pointer;border:1px solid #35546b;background:#102436;color:#c7e1f4;border-radius:8px;padding:10px 13px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px}.server-manager button:disabled{opacity:.5;cursor:wait}.server-manager button:hover:not(:disabled){border-color:#5accf3;background:#16354b}.server-manager button:focus-visible,.server-manager input:focus-visible,.server-manager select:focus-visible,.server-manager textarea:focus-visible{outline:2px solid #65dfff;outline-offset:3px}.server-manager svg{flex-shrink:0;width:18px;height:18px}.server-manager-body{display:grid;grid-template-columns:285px 1fr}.server-manager aside{padding:24px;border-right:1px solid #29485e;background:#07172480}.server-manager aside nav{display:grid;gap:10px;margin:20px 0}.server-manager aside nav button{justify-content:flex-start;text-align:left;padding:15px 12px}.server-manager aside nav button[aria-current]{border-color:#56d5ff;background:#0b4662;box-shadow:inset 3px 0 #5cd8ff}.server-manager aside nav span{min-width:0;overflow-wrap:anywhere}.server-manager aside small,.server-manager aside strong{display:block}.server-manager aside small{font-size:11px;color:#aac4d8;margin-top:5px}.server-manager .server-create{width:100%;color:#67ddff}.server-manager aside p{margin-top:30px}.server-manager form{padding:26px 32px;min-width:0}.server-manager fieldset{border:0;padding:0;margin:0;display:grid;gap:17px}.server-form-heading{display:flex;gap:12px;margin-bottom:22px;align-items:center}.server-form-heading>svg{width:36px;height:36px;color:#69dafa}.server-form-heading span{font:10px monospace;color:#7399b5;letter-spacing:1.5px}.server-form-heading h3{font-size:19px;margin:4px 0;overflow-wrap:anywhere}.server-manager label{display:grid;gap:7px;font-size:13px;color:#c6d9e8}.server-manager label small{font-size:11px;color:#849fb6;line-height:1.5}.server-manager input,.server-manager select,.server-manager textarea{box-sizing:border-box;min-width:0;width:100%;color:#e4f3ff;background:#061420;border:1px solid #31546e;border-radius:7px;padding:11px 12px;font:inherit;color-scheme:dark}.server-form-grid{display:grid;grid-template-columns:1fr 130px;gap:18px}.server-manager .server-check{display:flex;align-items:flex-start;gap:12px}.server-check input{width:17px;height:17px;flex-shrink:0;accent-color:#23b9e9}.server-check span small{display:block;margin-top:5px}.server-manager .server-info{display:flex;gap:12px;background:#123041;padding:15px;border-radius:8px}.server-manager footer{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #244358}.server-manager .server-save{background:linear-gradient(110deg,#087cba,#0a5796);color:white;border-color:#46c8f6}.server-manager .server-error{color:#ffc1b8}.server-manager .server-success{color:#8ae8c9}.gateway-manage-servers{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:13px;border:1px solid #377b9a;background:#0b2637cc;color:#83dcf7;font-size:14px;cursor:pointer}.gateway-manage-servers svg{width:18px}.gateway-server-open-date{font-size:11px;color:#99b5ca}.gateway-servers{max-height:350px;overflow:auto}@media(max-width:700px){.server-manager-body{grid-template-columns:1fr}.server-manager>header{padding:20px}.server-manager h2{font-size:22px}.server-manager aside{border-right:0;border-bottom:1px solid #29485e;padding:16px}.server-manager aside nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;overflow:auto}.server-manager aside p{display:none}.server-manager form{padding:22px 18px}.server-form-grid{grid-template-columns:1fr 100px}.server-manager footer{flex-wrap:wrap}.server-manager footer button{flex:1}}