@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:var(--c-e8edf3);background:var(--c-0b0f14);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter Variable,Inter,Arial,sans-serif}html{background:var(--c-0b0f14);min-width:320px;min-height:100%}body{background:var(--c-0b0f14);min-width:320px;min-height:100vh;margin:0}button,input,select{font-family:inherit}:root{--c-03080c:#03080c;--c-09121b:#09121b;--c-0b0f14:#0b0f14;--c-0b1117:#0b1117;--c-0b141b:#0b141b;--c-0c1721:#0c1721;--c-0c1822:#0c1822;--c-0d1720:#0d1720;--c-0d1922:#0d1922;--c-0d1b27:#0d1b27;--c-0e1419:#0e1419;--c-0e1e2a:#0e1e2a;--c-0f1a23:#0f1a23;--c-10151b:#10151b;--c-10161c:#10161c;--c-10171d:#10171d;--c-101820:#101820;--c-101c26:#101c26;--c-11171d:#11171d;--c-111a20:#111a20;--c-111f2a:#111f2a;--c-112019:#112019;--c-12181e:#12181e;--c-122432:#122432;--c-13232f:#13232f;--c-141b22:#141b22;--c-141d25:#141d25;--c-141e28:#141e28;--c-142632:#142632;--c-14283c:#14283c;--c-143250:#143250;--c-151b21:#151b21;--c-151c23:#151c23;--c-162a39:#162a39;--c-171e26:#171e26;--c-172730:#172730;--c-172936:#172936;--c-172b38:#172b38;--c-172b3a:#172b3a;--c-172c39:#172c39;--c-17925d:#17925d;--c-182229:#182229;--c-18232c:#18232c;--c-182c3a:#182c3a;--c-19231f:#19231f;--c-193547:#193547;--c-1989be:#1989be;--c-1a232c:#1a232c;--c-1b222a:#1b222a;--c-1b232b:#1b232b;--c-1b3040:#1b3040;--c-1c2c38:#1c2c38;--c-1c2d38:#1c2d38;--c-1c3340:#1c3340;--c-1d252d:#1d252d;--c-1d2d39:#1d2d39;--c-1d3543:#1d3543;--c-1d83c2:#1d83c2;--c-1d986e:#1d986e;--c-1e272f:#1e272f;--c-1e2a33:#1e2a33;--c-1e303d:#1e303d;--c-202831:#202831;--c-202a33:#202a33;--c-203746:#203746;--c-2178b8:#2178b8;--c-222b34:#222b34;--c-224e6a:#224e6a;--c-234052:#234052;--c-23694f:#23694f;--c-23aa7b:#23aa7b;--c-242e37:#242e37;--c-24333d:#24333d;--c-244638:#244638;--c-247db9:#247db9;--c-252e36:#252e36;--c-25a477:#25a477;--c-26313a:#26313a;--c-26343f:#26343f;--c-263d4c:#263d4c;--c-263e4b:#263e4b;--c-26495c:#26495c;--c-27313a:#27313a;--c-27323c:#27323c;--c-274d65:#274d65;--c-277cad:#277cad;--c-277fb8:#277fb8;--c-277fba:#277fba;--c-28333d:#28333d;--c-285a7a:#285a7a;--c-285a82:#285a82;--c-28a879:#28a879;--c-29333d:#29333d;--c-294050:#294050;--c-29475c:#29475c;--c-2a3944:#2a3944;--c-2a4557:#2a4557;--c-2b4d61:#2b4d61;--c-2c3842:#2c3842;--c-2c4658:#2c4658;--c-2c6a86:#2c6a86;--c-2d5064:#2d5064;--c-2d5873:#2d5873;--c-2d6650:#2d6650;--c-2f5066:#2f5066;--c-2f5367:#2f5367;--c-2f7fae:#2f7fae;--c-2f88c0:#2f88c0;--c-2f8fd0:#2f8fd0;--c-3189bd:#3189bd;--c-31b383:#31b383;--c-34495a:#34495a;--c-344e5d:#344e5d;--c-36505f:#36505f;--c-36ad80:#36ad80;--c-36b47f:#36b47f;--c-376996:#376996;--c-38bce8:#38bce8;--c-3a4650:#3a4650;--c-3a4651:#3a4651;--c-3a4a58:#3a4a58;--c-3a6a56:#3a6a56;--c-3aaee0:#3aaee0;--c-3b5d73:#3b5d73;--c-3b7aa0:#3b7aa0;--c-3b9bd4:#3b9bd4;--c-3caedf:#3caedf;--c-3d4a55:#3d4a55;--c-3d6f8c:#3d6f8c;--c-3ecf8e:#3ecf8e;--c-3f5a6b:#3f5a6b;--c-40515d:#40515d;--c-405866:#405866;--c-405b6b:#405b6b;--c-47535e:#47535e;--c-48535e:#48535e;--c-4a6070:#4a6070;--c-4d5963:#4d5963;--c-4e5a64:#4e5a64;--c-4e5a65:#4e5a65;--c-4f5b65:#4f5b65;--c-4f6876:#4f6876;--c-515d67:#515d67;--c-526571:#526571;--c-55b5e4:#55b5e4;--c-55bd91:#55bd91;--c-56616c:#56616c;--c-56626d:#56626d;--c-56bc90:#56bc90;--c-56bd92:#56bd92;--c-596671:#596671;--c-596773:#596773;--c-5a2421:#5a2421;--c-5a6f7d:#5a6f7d;--c-5b7180:#5b7180;--c-5c6670:#5c6670;--c-5d7484:#5d7484;--c-607582:#607582;--c-607784:#607784;--c-607987:#607987;--c-61717d:#61717d;--c-61798a:#61798a;--c-62b7e5:#62b7e5;--c-63707b:#63707b;--c-637b89:#637b89;--c-63b6df:#63b6df;--c-65717b:#65717b;--c-66727e:#66727e;--c-66737e:#66737e;--c-687580:#687580;--c-68bae8:#68bae8;--c-697580:#697580;--c-697682:#697682;--c-6b818e:#6b818e;--c-6d8290:#6d8290;--c-6f8492:#6f8492;--c-6f8494:#6f8494;--c-6fb7e6:#6fb7e6;--c-71818d:#71818d;--c-718591:#718591;--c-718895:#718895;--c-74818c:#74818c;--c-76828c:#76828c;--c-78909f:#78909f;--c-7c8c98:#7c8c98;--c-7d8d99:#7d8d99;--c-7f8c97:#7f8c97;--c-7f93a1:#7f93a1;--c-7fb1cf:#7fb1cf;--c-7fb6d6:#7fb6d6;--c-8195a3:#8195a3;--c-8196a2:#8196a2;--c-82919d:#82919d;--c-829caf:#829caf;--c-83919b:#83919b;--c-84909a:#84909a;--c-84909c:#84909c;--c-8aa0b0:#8aa0b0;--c-8e9aa5:#8e9aa5;--c-8ea3b0:#8ea3b0;--c-8eb4c9:#8eb4c9;--c-8fb6cf:#8fb6cf;--c-8fc0a8:#8fc0a8;--c-96bed7:#96bed7;--c-9aa8b3:#9aa8b3;--c-9aafbc:#9aafbc;--c-9ba8b3:#9ba8b3;--c-9da8b0:#9da8b0;--c-9fbccd:#9fbccd;--c-a4b0b9:#a4b0b9;--c-a5afb7:#a5afb7;--c-a6d0e8:#a6d0e8;--c-a7bbc7:#a7bbc7;--c-a8bbc7:#a8bbc7;--c-a9bcc8:#a9bcc8;--c-a9c0cd:#a9c0cd;--c-a9c3d1:#a9c3d1;--c-a9c3d3:#a9c3d3;--c-aab5bd:#aab5bd;--c-aeb8bf:#aeb8bf;--c-b3c1ca:#b3c1ca;--c-b5443d:#b5443d;--c-b5c3cd:#b5c3cd;--c-b7c9d3:#b7c9d3;--c-b7cfdd:#b7cfdd;--c-b8c2ca:#b8c2ca;--c-b8ceda:#b8ceda;--c-b9c8d2:#b9c8d2;--c-bac4cb:#bac4cb;--c-bdcdd6:#bdcdd6;--c-c1ddeb:#c1ddeb;--c-c4cdd3:#c4cdd3;--c-c7d5de:#c7d5de;--c-c8dbe5:#c8dbe5;--c-c9d8e0:#c9d8e0;--c-cad9e1:#cad9e1;--c-ccd7de:#ccd7de;--c-cdd5dc:#cdd5dc;--c-cdd6dc:#cdd6dc;--c-d1dfe6:#d1dfe6;--c-d1e1ea:#d1e1ea;--c-d3dee5:#d3dee5;--c-d3e0e7:#d3e0e7;--c-d4dce1:#d4dce1;--c-d8e0e6:#d8e0e6;--c-d8e3ea:#d8e3ea;--c-d9a13b:#d9a13b;--c-dce6eb:#dce6eb;--c-dce6ec:#dce6ec;--c-dce7ee:#dce7ee;--c-dce8ee:#dce8ee;--c-dce9f0:#dce9f0;--c-dcecf5:#dcecf5;--c-dcedf6:#dcedf6;--c-dfe6eb:#dfe6eb;--c-e1e9ee:#e1e9ee;--c-e5534b:#e5534b;--c-e57373:#e57373;--c-e5ebef:#e5ebef;--c-e5eef3:#e5eef3;--c-e5f2f9:#e5f2f9;--c-e6f0f5:#e6f0f5;--c-e7f1f6:#e7f1f6;--c-e8edf3:#e8edf3;--c-e8eef2:#e8eef2;--c-e8f0f4:#e8f0f4;--c-e8f0f5:#e8f0f5;--c-e8f2f8:#e8f2f8;--c-e8f5fb:#e8f5fb;--c-e9f2f7:#e9f2f7;--c-eaf3f7:#eaf3f7;--c-eaf5fb:#eaf5fb;--c-edf2f5:#edf2f5;--c-edf3f6:#edf3f6;--c-edf5f8:#edf5f8;--c-edf5f9:#edf5f9;--c-edf5fa:#edf5fa;--c-eef3f6:#eef3f6;--c-eef5f9:#eef5f9;--c-f0f5f8:#f0f5f8;--c-f1f6f9:#f1f6f9;--c-f1f8fc:#f1f8fc;--c-f2f8fc:#f2f8fc;--c-f3f7fa:#f3f7fa;--c-f4f7f9:#f4f7f9;--c-f5a5a0:#f5a5a0;--c-f6fafc:#f6fafc;--c-f7f9fb:#f7f9fb;--c-f8fbfc:#f8fbfc;--c-ffd9d6:#ffd9d6;--c-ffffff:#fff;color:var(--c-e8edf3);background:var(--c-0b0f14);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter Variable,Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--c-0b0f14);color:var(--c-e8edf3)}button,input,select{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 70% 0%, rgb(from var(--c-376996) r g b / .08), transparent 32%), var(--c-0b0f14);min-height:100vh;padding-top:64px;display:flex}.homevpn-topbar{background:var(--c-101820);z-index:30;border:0;border-radius:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px 0 34px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 13px 30px #00000075,0 5px 12px #00000052}.homevpn-topbar-brand{color:var(--c-eef5f9);white-space:nowrap;align-items:center;gap:12px;font-family:Manrope Variable,Manrope,Inter Variable,Inter,Arial,sans-serif;display:flex}.homevpn-brand-name{color:var(--c-f3f7fa);letter-spacing:-.8px;font-size:22px;font-weight:800;line-height:1}.homevpn-brand-panel{color:var(--c-63b6df);letter-spacing:-.25px;font-size:15px;font-weight:600;line-height:1}.homevpn-topbar-avatar{background:linear-gradient(145deg, var(--c-38bce8), var(--c-2178b8));color:var(--c-ffffff);letter-spacing:.5px;box-shadow:inset 0 1px 0 #ffffff38, 0 5px 16px rgb(from var(--c-1989be) r g b / .26);place-items:center;font-family:Manrope Variable,Manrope,Inter Variable,Inter,Arial,sans-serif;font-size:14px;font-weight:800;display:grid}.homevpn-topbar-actions{align-items:center;gap:12px;display:flex}.header-search-button,.header-notification-button{width:34px;height:34px;color:var(--c-9aa8b3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.header-search-button:hover,.header-notification-button:hover{background:var(--c-18232c);border-color:var(--c-2a3944);color:var(--c-dce6ec)}.search-icon{border:1.7px solid;border-radius:50%;width:14px;height:14px;display:block;position:relative}.search-icon:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;width:6px;height:1.7px;position:absolute;bottom:-2px;right:-5px;transform:rotate(45deg)}.app-shell.light-theme .homevpn-topbar{border:0}.sidebar{background:var(--c-10151b);border-right:1px solid var(--c-202831);z-index:10;flex-direction:column;width:248px;min-width:248px;min-height:100vh;padding:24px 14px 16px;display:flex;position:fixed;top:64px;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand strong{letter-spacing:-.2px;font-size:15px;display:block}.brand span{color:var(--c-66727e);letter-spacing:1.6px;margin-top:3px;font-size:8px;font-weight:700;display:block}.sidebar-title{color:var(--c-56616c);letter-spacing:1.4px;padding:0 12px 9px;font-size:9px;font-weight:700;display:block}nav{flex-direction:column;gap:3px;display:flex}.nav-item{width:100%;height:43px;color:var(--c-84909c);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:0 12px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--c-171e26);color:var(--c-cdd5dc)}.nav-item.active{color:var(--c-f0f5f8);background:var(--c-19231f);box-shadow:inset 2px 0 0 var(--c-28a879)}.nav-icon{text-align:center;width:20px;color:var(--c-697682);font-size:17px}.nav-item.active .nav-icon{color:var(--c-31b383)}.sidebar-footer{color:var(--c-48535e);letter-spacing:.8px;justify-content:space-between;padding:16px 7px 0;font-size:8px;display:flex}.main-content{width:calc(100% - 248px);min-height:100vh;margin-left:248px}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--c-36b47f);box-shadow:0 0 0 3px rgb(from var(--c-36b47f) r g b / .08)}.status-dot.offline{background:var(--c-5c6670)}.icon-button{color:var(--c-697580);cursor:pointer;background:0 0;border:0;font-size:18px}.user-avatar{background:var(--c-27313a);width:29px;height:29px;color:var(--c-b8c2ca);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.page-content{max-width:2200px;margin:0 auto;padding:28px 42px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:var(--c-596671);letter-spacing:1.5px;font-size:9px;font-weight:700}.page-header h1{color:var(--c-eef3f6);letter-spacing:-.8px;margin:7px 0 6px;font-size:28px;line-height:1.1}.page-header p{color:var(--c-687580);margin:0;font-size:12px}.primary-button,.secondary-button{cursor:pointer;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.primary-button{border:1px solid var(--c-25a477);background:var(--c-1d986e);color:#fff}.primary-button:hover{background:var(--c-23aa7b)}.secondary-button{border:1px solid var(--c-29333d);background:var(--c-151b21);color:var(--c-a5afb7)}.secondary-button:hover{border-color:var(--c-3a4651);background:var(--c-1b222a)}.monitor-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--c-202a33);background:var(--c-11171d);border-radius:10px;padding:19px 20px}.metric-card span,.metric-card small{color:var(--c-66737e);font-size:10px;display:block}.metric-card strong{color:var(--c-e5ebef);letter-spacing:-.8px;margin:7px 0 5px;font-size:25px;display:block}.metric-card small{color:var(--c-4f5b65)}.large-card{min-height:125px;padding:22px}.panel{border:1px solid var(--c-202a33);background:var(--c-11171d);border-radius:11px}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.panel-heading h3{letter-spacing:-.2px;margin:6px 0 0;font-size:14px}.live-badge{border:1px solid var(--c-244638);background:var(--c-112019);color:var(--c-55bd91);letter-spacing:1px;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700}.live-badge.large{margin-top:5px;padding:8px 11px}.toolbar{justify-content:space-between;margin-bottom:20px}.search-box{border:1px solid var(--c-242e37);background:var(--c-11171d);width:380px;height:38px;color:var(--c-56626d);border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{color:var(--c-cdd6dc);background:0 0;border:0;outline:0;flex:1;font-size:10px}.search-box input::placeholder{color:var(--c-4e5a65)}.filter-buttons{border:1px solid var(--c-202a33);background:var(--c-11171d);border-radius:7px;gap:4px;padding:3px;display:flex}.filter-buttons button{color:var(--c-63707b);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 11px;font-size:9px}.filter-buttons button.active{background:var(--c-222b34);color:var(--c-c4cdd3)}.client-groups{flex-direction:column}.client-group{transition:border-color .15s}.group-heading{justify-content:space-between;align-items:center;display:flex}.group-heading>div{align-items:center;gap:9px;display:flex}.group-mark{border-radius:50%;width:7px;height:7px}.group-mark.paid{background:var(--c-36ad80)}.group-mark.free{background:var(--c-65717b)}.group-heading h2{margin:0}.group-count{background:var(--c-1b232b);min-width:21px;color:var(--c-76828c);text-align:center;border-radius:99px;padding:3px 6px;font-size:8px}.client-card{border:1px solid var(--c-1d252d);background:var(--c-12181e);display:grid}.client-card:hover{border-color:var(--c-2c3842);background:var(--c-151c23)}.drag-handle{color:var(--c-47535e);cursor:grab;font-size:14px}.client-avatar{background:var(--c-202a33);width:32px;height:32px;color:var(--c-aab5bd);border-radius:8px;place-items:center;font-size:11px;font-weight:600;display:grid}.client-name-row strong{color:var(--c-d4dce1)}.client-ip{flex-direction:column;gap:4px;display:flex}.client-ip span{color:var(--c-4e5a64);text-transform:uppercase;letter-spacing:.6px;font-size:7px}.client-ip strong{color:var(--c-9da8b0);font-family:monospace;font-size:9px;font-weight:500}.client-last-seen{text-align:right}.empty-drop{border:1px dashed var(--c-27323c);color:var(--c-4d5963);text-align:center;border-radius:8px;padding:30px;font-size:10px}.logs-panel{overflow:hidden}.log-row{border-bottom:1px solid var(--c-1d252d);grid-template-columns:120px 70px 1fr;align-items:center;gap:15px;min-height:54px;padding:0 18px;font-size:12px;display:grid}.log-row:last-child{border-bottom:0}.log-message{color:var(--c-84909a)}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-panel{padding:22px}.settings-panel label{margin-bottom:17px;display:block}.settings-panel label>span{color:var(--c-697580);margin-bottom:7px;font-size:9px;display:block}.settings-panel input{border:1px solid var(--c-26313a);background:var(--c-0e1419);width:100%;height:38px;color:var(--c-bac4cb);border-radius:6px;outline:none;padding:0 10px;font-size:10px}.settings-panel input:focus{border-color:var(--c-2d6650)}.setting-toggle{border-bottom:1px solid var(--c-1e272f);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-toggle:last-child{border-bottom:0}.setting-toggle strong{color:var(--c-aeb8bf);font-size:10px;font-weight:500;display:block}.setting-toggle span{color:var(--c-515d67);margin-top:4px;font-size:8px;display:block}.toggle{background:var(--c-252e36);border-radius:99px;flex-shrink:0;width:32px;height:18px;padding:2px}.toggle span{background:var(--c-65717b);border-radius:50%;width:14px;height:14px;margin:0}.toggle.active{background:var(--c-23694f)}.toggle.active span{background:var(--c-56bd92);margin-left:14px}@media (width<=1200px){.client-card{grid-template-columns:22px 36px minmax(140px,1.4fr) minmax(110px,1fr) 100px 80px}.client-last-seen{display:none}}@media (width<=950px){.sidebar{width:74px;min-width:74px;padding-left:9px;padding-right:9px}.brand{justify-content:center;padding:0 0 25px}.brand>div:last-child,.sidebar-title,.nav-item span:last-child,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:18px}.main-content{width:calc(100% - 74px);margin-left:74px}.settings-grid{grid-template-columns:1fr}.monitor-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.page-content{padding:25px 16px 40px}.page-header,.toolbar{flex-direction:column}.search-box{width:100%}.filter-buttons{width:fit-content}.monitor-grid{grid-template-columns:1fr 1fr}.client-card{grid-template-columns:22px 36px 1fr 90px}.client-ip{display:none}}@media (width<=480px){.monitor-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.client-card{grid-template-columns:22px 36px 1fr}.log-row{grid-template-columns:70px 50px 1fr;gap:8px;padding:0 10px}}:root{--accent:var(--c-3b9bd4);--accent-strong:var(--c-2f88c0);--accent-soft:rgb(from var(--c-3b9bd4) r g b / .14);--accent-border:rgb(from var(--c-3b9bd4) r g b / .32)}.theme-button{border:1px solid var(--c-28333d);background:var(--c-141b22);width:32px;height:32px;color:var(--c-9ba8b3);cursor:pointer;border-radius:7px;place-items:center;font-size:15px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}.theme-button:hover{border-color:var(--c-3a4a58);background:var(--c-1a232c);color:var(--c-dce7ee)}.app-shell.light-theme .brand strong,.app-shell.light-theme .page-header h1,.app-shell.light-theme .panel-heading h3,.app-shell.light-theme .group-heading h2,.app-shell.light-theme .client-name-row strong{color:var(--c-1e2a33)}.app-shell.light-theme .brand span,.app-shell.light-theme .sidebar-title,.app-shell.light-theme .eyebrow,.app-shell.light-theme .page-header p,.app-shell.light-theme .metric-card span,.app-shell.light-theme .metric-card small,.app-shell.light-theme .client-ip span,.app-shell.light-theme .client-last-seen,.app-shell.light-theme .log-message,.app-shell.light-theme .setting-toggle span{color:var(--c-71818d)}.app-shell.light-theme .main-content{background:var(--c-f4f7f9)}.app-shell.light-theme .metric-card,.app-shell.light-theme .panel,.app-shell.light-theme .client-group,.app-shell.light-theme .client-card,.app-shell.light-theme .search-box,.app-shell.light-theme .filter-buttons,.app-shell.light-theme .settings-panel{background:var(--c-ffffff);border-color:var(--c-d8e0e6)}.app-shell.light-theme .metric-card strong,.app-shell.light-theme .client-ip strong{color:var(--c-24333d)}.app-shell.light-theme .client-avatar,.app-shell.light-theme .user-avatar{background:var(--c-e8eef2);color:var(--c-40515d)}.app-shell.light-theme .secondary-button,.app-shell.light-theme .theme-button{border-color:var(--c-ccd7de);background:var(--c-ffffff);color:var(--c-526571)}.app-shell.light-theme .secondary-button:hover,.app-shell.light-theme .theme-button:hover{background:var(--c-edf3f6);border-color:var(--c-b9c8d2)}.app-shell.light-theme .filter-buttons button.active{background:var(--c-e7f1f6);color:var(--c-2d5064)}.app-shell.light-theme .log-row,.app-shell.light-theme .setting-toggle{border-color:var(--c-dfe6eb)}.app-shell.light-theme .toggle.active span{background:var(--c-2f88c0)}@media (width<=700px){.homevpn-brand-name{font-size:19px}.homevpn-brand-panel,.homevpn-topbar-avatar{font-size:13px}.homevpn-topbar{padding:0 16px 0 18px}.theme-button{width:30px;height:30px}}.app-shell.dark-theme{--surface-0:var(--c-0b1117);--surface-1:var(--c-101820);--surface-2:var(--c-141d25);--surface-3:var(--c-18232c);--border:var(--c-26343f);--text:var(--c-e8f0f5);--text-muted:var(--c-82919d);--text-dim:var(--c-7c8c98);background:radial-gradient(circle at 70% 0%, rgb(from var(--c-3b9bd4) r g b / .12), transparent 34%), var(--c-09121b);color:var(--c-e8f2f8)}.app-shell.dark-theme .homevpn-topbar{background:var(--c-0d1b27);box-shadow:0 13px 30px #00000094,0 6px 16px #0000006b}.app-shell.dark-theme .homevpn-brand-name{color:var(--c-f2f8fc);text-shadow:0 0 6px rgb(from var(--c-3b9bd4) r g b / .45), 0 0 14px rgb(from var(--c-3b9bd4) r g b / .24), 0 2px 3px #0000008c}.app-shell.dark-theme .homevpn-brand-panel{color:var(--c-62b7e5)}.app-shell.dark-theme .homevpn-topbar-avatar{background:linear-gradient(145deg, var(--c-3aaee0), var(--c-247db9));color:var(--c-ffffff);box-shadow:none}.app-shell.dark-theme .header-search-button,.app-shell.dark-theme .header-notification-button{color:var(--c-829caf)}.app-shell.dark-theme .header-search-button:hover,.app-shell.dark-theme .header-notification-button:hover{background:var(--c-162a39);border-color:var(--c-29475c);color:var(--c-dcecf5)}.app-shell.dark-theme .sidebar{background:var(--c-0c1721);border-right-color:var(--c-1b3040)}.app-shell.dark-theme .brand span,.app-shell.dark-theme .sidebar-title{color:var(--c-5d7484)}.app-shell.dark-theme .nav-item{color:var(--c-8195a3)}.app-shell.dark-theme .nav-item:hover{background:var(--c-122432);color:var(--c-d1e1ea)}.app-shell.dark-theme .nav-item.active{color:var(--c-eaf5fb);background:rgb(from var(--c-3b9bd4) r g b / .14);box-shadow:inset 2px 0 0 var(--c-3b9bd4)}.app-shell.dark-theme .nav-item.active .nav-icon{color:var(--c-3b9bd4)}.app-shell.dark-theme .nav-icon{color:var(--c-61798a)}.app-shell.dark-theme .page-header h1{color:var(--c-edf5fa)}.app-shell.dark-theme .page-header p,.app-shell.dark-theme .eyebrow{color:var(--c-6f8492)}.app-shell.dark-theme .primary-button{background:var(--c-2f88c0);border-color:var(--c-3b9bd4)}.app-shell.dark-theme .primary-button:hover{background:var(--c-3b9bd4)}.app-shell.dark-theme .secondary-button{background:var(--c-111f2a);border-color:var(--c-294050);color:var(--c-a8bbc7)}.app-shell.dark-theme .secondary-button:hover{background:var(--c-172b3a);border-color:var(--c-3b5d73)}.app-shell.dark-theme .server-ip{color:var(--c-78909f)}.app-shell.dark-theme .metric-card,.app-shell.dark-theme .panel,.app-shell.dark-theme .client-group,.app-shell.dark-theme .client-card,.app-shell.dark-theme .settings-panel{background:var(--c-101c26);border-color:var(--c-203746)}.app-shell.dark-theme .metric-card:hover,.app-shell.dark-theme .client-card:hover{border-color:var(--c-2b4d61);background:var(--c-13232f)}.app-shell.dark-theme .metric-card span,.app-shell.dark-theme .metric-card small{color:var(--c-6d8290)}.app-shell.dark-theme .metric-card strong{color:var(--c-e6f0f5)}.app-shell.dark-theme .panel-heading h3{color:var(--c-dce9f0)}.app-shell.dark-theme .live-badge{background:rgb(from var(--c-3b9bd4) r g b / .12);border-color:rgb(from var(--c-3b9bd4) r g b / .32);color:var(--c-68bae8)}.app-shell.dark-theme .group-mark.paid{background:var(--c-3b9bd4)}.app-shell.dark-theme .group-mark.free{background:var(--c-607784)}.app-shell.dark-theme .group-count{background:var(--c-172936);color:var(--c-78909f)}.app-shell.dark-theme .client-avatar{background:var(--c-182c3a);color:var(--c-a9c0cd)}.app-shell.dark-theme .client-name-row strong{color:var(--c-dce8ee)}.app-shell.dark-theme .client-ip span{color:var(--c-5b7180)}.app-shell.dark-theme .client-ip strong{color:var(--c-a7bbc7)}.app-shell.dark-theme .log-row{border-color:var(--c-1c2d38)}.app-shell.dark-theme .settings-panel input{background:var(--c-0d1922);border-color:var(--c-263d4c);color:var(--c-bdcdd6)}.app-shell.dark-theme .settings-panel input:focus{border-color:var(--c-3b9bd4)}.app-shell.dark-theme .setting-toggle{border-color:var(--c-1e303d)}.app-shell.dark-theme .toggle.active span{background:var(--c-55b5e4)}.app-shell.light-theme{--surface-0:var(--c-f4f7f9);--surface-1:var(--c-ffffff);--surface-2:var(--c-f7f9fb);--surface-3:var(--c-edf2f5);--border:var(--c-d8e0e6);--text:var(--c-1e2a33);--text-muted:var(--c-61717d);--text-dim:var(--c-83919b);background:radial-gradient(circle at 70% 0%, rgb(from var(--c-3b9bd4) r g b / .09), transparent 34%), var(--c-f1f6f9);color:var(--c-1c2d38)}.app-shell.light-theme .homevpn-topbar{background:var(--c-ffffff);box-shadow:0 13px 30px rgb(from var(--c-274d65) r g b / .18), 0 5px 14px rgb(from var(--c-274d65) r g b / .1)}.app-shell.light-theme .homevpn-brand-name{color:var(--c-172b38);text-shadow:0 1px 0 #ffffffe6, 0 2px 4px rgb(from var(--c-274d65) r g b / .22)}.app-shell.light-theme .homevpn-brand-panel{color:var(--c-3189bd)}.app-shell.light-theme .homevpn-topbar-avatar{background:linear-gradient(145deg, var(--c-38bce8), var(--c-277fba));color:var(--c-ffffff);box-shadow:none}.app-shell.light-theme .header-search-button,.app-shell.light-theme .header-notification-button{color:var(--c-607987)}.app-shell.light-theme .header-search-button:hover,.app-shell.light-theme .header-notification-button:hover{background:var(--c-e9f2f7);border-color:var(--c-c8dbe5);color:var(--c-26495c)}.app-shell.light-theme .sidebar{background:var(--c-ffffff);border-right-color:var(--c-d3e0e7)}.app-shell.light-theme .nav-item{color:var(--c-607582)}.app-shell.light-theme .nav-item:hover{background:var(--c-edf5f9);color:var(--c-263e4b)}.app-shell.light-theme .nav-item.active{color:var(--c-1d3543);background:var(--c-e5f2f9);box-shadow:inset 2px 0 0 var(--c-3189bd)}.app-shell.light-theme .nav-item.active .nav-icon{color:var(--c-3189bd)}.app-shell.light-theme .nav-icon{color:var(--c-718895)}.app-shell.light-theme .page-header h1{color:var(--c-172c39)}.app-shell.light-theme .page-header p,.app-shell.light-theme .eyebrow{color:var(--c-718591)}.app-shell.light-theme .primary-button{background:var(--c-3189bd);border-color:var(--c-3189bd)}.app-shell.light-theme .primary-button:hover{background:var(--c-277cad)}.app-shell.light-theme .secondary-button{background:var(--c-ffffff);border-color:var(--c-c9d8e0);color:var(--c-4f6876)}.app-shell.light-theme .secondary-button:hover{background:var(--c-edf5f8);border-color:var(--c-a9c3d1)}.app-shell.light-theme .server-ip{color:var(--c-637b89)}.app-shell.light-theme .metric-card,.app-shell.light-theme .panel,.app-shell.light-theme .client-group,.app-shell.light-theme .client-card,.app-shell.light-theme .settings-panel{background:var(--c-ffffff);border-color:var(--c-d3e0e7)}.app-shell.light-theme .client-card:hover{background:var(--c-f6fafc);border-color:var(--c-b8ceda)}.app-shell.light-theme .metric-card span,.app-shell.light-theme .metric-card small{color:var(--c-718591)}.app-shell.light-theme .metric-card strong{color:var(--c-1c3340)}.app-shell.light-theme .panel-heading h3{color:var(--c-263e4b)}.app-shell.light-theme .live-badge{background:var(--c-e8f5fb);border-color:var(--c-c1ddeb);color:var(--c-3189bd)}.app-shell.light-theme .group-mark.paid{background:var(--c-3189bd)}.app-shell.light-theme .group-mark.free{background:var(--c-8196a2)}.app-shell.light-theme .group-count{background:var(--c-e8f0f4);color:var(--c-6b818e)}.app-shell.light-theme .client-avatar{background:var(--c-e5eef3);color:var(--c-405b6b)}.app-shell.light-theme .client-name-row strong{color:var(--c-263e4b)}.app-shell.light-theme .client-ip span{color:var(--c-718591)}.app-shell.light-theme .client-ip strong{color:var(--c-405866)}.app-shell.light-theme .log-row{border-color:var(--c-dce6eb)}.app-shell.light-theme .settings-panel input{background:var(--c-f8fbfc);border-color:var(--c-cad9e1);color:var(--c-344e5d)}.app-shell.light-theme .settings-panel input:focus{border-color:var(--c-3189bd)}.app-shell.light-theme .setting-toggle{border-color:var(--c-dce6eb)}.services-section{margin-bottom:24px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-heading h2{margin:4px 0 0;font-size:20px;font-weight:600}.services-count{border:1px solid var(--c-202a33);background:var(--c-10171d);min-width:28px;height:28px;color:var(--c-8e9aa5);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.services-list{flex-direction:column;gap:8px;display:flex}.service-card{border:1px solid var(--c-202a33);background:linear-gradient(100deg, rgb(from var(--c-172730) r g b / .72), rgb(from var(--c-10161c) r g b / .95));border-radius:10px;align-items:center;gap:16px;min-height:82px;padding:14px 16px;display:flex}.service-icon{border:1px solid var(--c-26343f);background:var(--c-111a20);width:38px;height:38px;color:var(--c-8e9aa5);border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;font-size:17px;display:flex}.service-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.service-title-row{align-items:center;gap:9px;display:flex}.service-title-row strong{font-size:14px;font-weight:600}.service-type{background:var(--c-182229);color:var(--c-7f8c97);text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.service-description{color:var(--c-74818c);font-size:12px}.service-port{color:var(--c-596773);font-size:11px}.service-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.service-status{color:var(--c-a4b0b9);align-items:center;gap:7px;font-size:12px;display:flex}.service-status .status-dot{width:7px;height:7px}.switch{flex-shrink:0;width:38px;height:21px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}@media (width<=700px){.service-card{align-items:flex-start}.service-actions{flex-direction:column;align-items:flex-end;gap:8px}.service-title-row{flex-wrap:wrap}}.server-panel-left{min-width:0;padding-right:28px}.server-panel-right{min-width:0;padding-left:24px}.server-flag{font-size:30px;line-height:1}.server-side-section+.server-side-section{border-top:1px solid var(--c-202a33);padding-top:21px}.server-side-title{color:var(--c-9aafbc);letter-spacing:.08em;margin-bottom:13px;font-size:11px;font-weight:700;display:block}.app-shell.light-theme .server-side-title{color:var(--c-4a6070)}@media (width<=900px){.server-panel-left{padding-right:0}.server-panel-right{padding-top:24px;padding-left:0}}.nav-icon,.server-flag,.search-box-icon{place-items:center;display:grid}.nav-icon{height:20px}.nav-icon svg,.service-icon svg,.theme-button svg,.header-notification-button svg,.search-box-icon svg,.drag-handle svg{display:block}.drag-handle{letter-spacing:0;place-items:center;display:grid}.server-row{grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:16px;margin-bottom:16px;display:grid}.server-panel{border:1px solid var(--c-202a33);border-radius:12px;min-width:0}.server-panel-left,.server-panel-right{padding:24px}.app-shell.dark-theme .server-panel{background:linear-gradient(100deg, rgb(from var(--c-193547) r g b / .82), rgb(from var(--c-0c1822) r g b / .97));border-color:var(--c-234052)}.app-shell.light-theme .server-panel{background:linear-gradient(100deg, var(--c-ffffff), var(--c-eaf3f7));border-color:var(--c-d1dfe6)}@media (width<=900px){.server-row{grid-template-columns:1fr}}.server-panel-left{flex-direction:column;justify-content:flex-start;display:flex}.server-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.server-id strong{font-size:22px;font-weight:600}.server-ip{color:var(--c-8ea3b0);margin-top:8px;font-family:monospace;font-size:13px;display:block}.server-uptime{text-align:right;align-items:flex-start;display:flex}.server-uptime span{color:var(--c-8ea3b0);font-size:12px;display:block}.server-uptime strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;margin-top:3px;font-size:17px;font-weight:600;display:block}.server-uptime small{color:var(--c-8ea3b0);font-size:11px}.ping-row{align-items:center;gap:14px;margin-top:18px;display:flex}.ping-text{white-space:nowrap;color:var(--c-8ea3b0);font-size:14px}.ping-text b{color:var(--c-e6f0f5);font-weight:600}.ping-dot{background:var(--c-56bc90);--ping-color:86, 188, 144;border-radius:50%;flex:none;width:9px;height:9px;animation:2s infinite ping-pulse}@keyframes ping-pulse{0%{box-shadow:0 0 0 0 rgba(var(--ping-color), .55)}70%{box-shadow:0 0 0 8px rgba(var(--ping-color), 0)}to{box-shadow:0 0 0 0 rgba(var(--ping-color), 0)}}.server-divider{background:var(--c-234052);height:1px;margin:20px 0}.load-list{flex-direction:column;display:flex}.load-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.load-track div{border-radius:99px;height:100%;transition:width .4s}.app-shell.light-theme .server-ip,.app-shell.light-theme .server-uptime span,.app-shell.light-theme .server-uptime small,.app-shell.light-theme .ping-text{color:var(--c-61717d)}.app-shell.light-theme .server-uptime strong,.app-shell.light-theme .ping-text b{color:var(--c-1e2a33)}.app-shell.light-theme .server-divider{background:var(--c-d1dfe6)}.app-shell.light-theme .load-track{background:#00000014}@media (width<=900px){.server-uptime{gap:18px}}@media (width<=600px){.server-top{flex-direction:column}.server-uptime{text-align:left}.ping-row{flex-wrap:wrap}}.ping-row{margin:20px 0 10px}.ping-chart{border:1px dotted var(--c-3f5a6b);cursor:crosshair;touch-action:pan-y;height:120px;position:relative}.ping-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.ping-scale{z-index:1;color:var(--c-8ea3b0);font-size:11px;position:absolute;top:6px;right:8px}.ping-cursor{border-left:1px dashed rgb(from var(--c-e6f0f5) r g b / .55);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.ping-marker{border:2px solid var(--c-0d1720);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.ping-tip{z-index:2;border:1px solid var(--c-2a4557);background:var(--c-101c26);white-space:nowrap;pointer-events:none;border-radius:8px;padding:8px 12px;position:absolute;top:8px;box-shadow:0 8px 24px #0006}.ping-tip span{color:var(--c-8ea3b0);margin-bottom:3px;font-size:12px;display:block}.ping-tip strong{color:var(--c-e6f0f5);align-items:center;gap:8px;font-size:14px;display:flex}.ping-tip i{border-radius:50%;width:9px;height:9px}.ping-axis{color:var(--c-8ea3b0);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.ping-axis small{text-align:center;font-size:12px}.load-list{gap:0}.load-row{align-items:center;gap:16px;padding:18px 0;display:grid}.load-row+.load-row{border-top:1px solid var(--c-234052)}.load-icon{background:rgb(from var(--c-3b9bd4) r g b / .12);width:44px;height:44px;color:var(--c-6fb7e6);border-radius:12px;place-items:center;display:grid}.load-label strong{color:var(--c-e6f0f5);font-size:16px;font-weight:600;display:block}.load-label small{color:var(--c-8ea3b0);font-size:12px}.load-percent{text-align:right;color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;font-weight:600}.app-shell.light-theme .ping-chart{border-color:var(--c-b7c9d3)}.app-shell.light-theme .ping-cursor{border-left-color:rgb(from var(--c-1e2a33) r g b / .5)}.app-shell.light-theme .ping-marker{border-color:var(--c-ffffff)}.app-shell.light-theme .ping-tip{border-color:var(--c-d1dfe6);background:var(--c-ffffff);box-shadow:0 8px 24px rgb(from var(--c-141e28) r g b / .15)}.app-shell.light-theme .ping-tip strong,.app-shell.light-theme .load-label strong,.app-shell.light-theme .load-percent{color:var(--c-1e2a33)}.app-shell.light-theme .ping-scale,.app-shell.light-theme .ping-tip span,.app-shell.light-theme .ping-axis,.app-shell.light-theme .load-label small{color:var(--c-61717d)}.app-shell.light-theme .load-row+.load-row{border-top-color:var(--c-d1dfe6)}.app-shell.light-theme .load-icon{background:rgb(from var(--c-1d83c2) r g b / .1);color:var(--c-1d83c2)}@media (width<=600px){.load-row{gap:10px}.ping-axis{flex-wrap:wrap}.ping-axis small{order:3;width:100%}}.latency-chip{white-space:nowrap;cursor:default;align-items:center;font-size:13px;display:inline-flex}.latency-chip strong{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=600px){.latency-chip{margin-right:6px;padding:0 10px}}.homevpn-brand-text{align-items:baseline;gap:9px;display:flex}.homevpn-topbar-avatar{border-radius:10px;width:38px;height:38px}.homevpn-topbar-avatar svg{display:block}.sidebar-footer{margin-top:auto}.server-id-text{flex-direction:column;gap:4px}.server-id-text .server-ip{margin-top:0}.load-row{grid-template-columns:44px 116px minmax(0,1fr) 52px}.load-row .load-track{height:8px}.load-percent{font-size:17px}.latency-chip{border:1px solid var(--c-28333d);background:var(--c-141b22);border-radius:7px;gap:7px;height:32px;margin-right:4px;padding:0 10px}.latency-icon{place-items:center;display:grid}.latency-icon svg{display:block}.latency-chip strong{color:var(--c-dce7ee)}.app-shell.light-theme .latency-chip{border-color:var(--c-ccd7de);background:var(--c-ffffff)}.app-shell.light-theme .latency-chip strong{color:var(--c-1e2a33)}.server-side{flex-direction:column;gap:16px;min-width:0;display:flex}.srv-row-text strong{color:var(--c-d3dee5);font-size:14px;font-weight:600;display:block}.srv-row-text span{color:var(--c-8ea3b0);font-size:12px}.srv-confirm{border:1px solid rgb(from var(--c-d9a13b) r g b / .5);background:rgb(from var(--c-d9a13b) r g b / .08);color:var(--c-e6f0f5);border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:13px}.srv-confirm p{margin:0 0 10px;line-height:1.45}.srv-confirm div{gap:10px;display:flex}.srv-confirm button{cursor:pointer;border-radius:7px;height:32px;padding:0 14px;font-size:13px}.srv-confirm-yes{border:1px solid var(--c-b5443d);background:var(--c-5a2421);color:var(--c-ffd9d6)}.srv-confirm-no{border:1px solid var(--c-2a4557);color:var(--c-c7d5de);background:0 0}.app-shell.light-theme .srv-row-text strong,.app-shell.light-theme .srv-confirm{color:var(--c-1e2a33)}.app-shell.light-theme .srv-row-text span{color:var(--c-61717d)}.app-shell.light-theme .srv-confirm-no{color:var(--c-36505f);border-color:var(--c-b9c8d2)}@media (width<=700px){.homevpn-topbar-avatar{width:34px;height:34px}}@media (width<=600px){.load-row{grid-template-columns:40px 100px minmax(0,1fr) 46px}}.server-id{grid-template-columns:auto 1fr;gap:4px 14px;display:grid}.server-id-text{display:contents}.server-id-text .server-ip{grid-column:2}.server-id{align-items:start}.server-flag{align-self:start}.server-id strong{align-self:start;margin-top:1px;line-height:1}.srv-icon{background:rgb(from var(--c-3b9bd4) r g b / .12);width:44px;height:44px;color:var(--c-6fb7e6);border-radius:12px;flex:none;place-items:center;display:grid}.srv-icon svg{display:block}.proto-card{border:1px solid var(--c-234052);background:#ffffff08;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;display:grid}.proto-main strong{color:var(--c-e6f0f5);font-size:16px;font-weight:600;display:block}.proto-main span{color:var(--c-8ea3b0);margin-top:2px;font-size:12px;display:block}.proto-badge{background:rgb(from var(--c-56bc90) r g b / .14);color:var(--c-56bc90);border-radius:99px;margin-top:8px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:600;display:inline-block}.proto-card.is-off{opacity:.7}.proto-card.is-off .srv-icon,.svc-row.is-off .srv-icon{filter:grayscale()}.srv-add{border:1px dashed var(--c-2f5066);width:100%;height:42px;color:var(--c-7fb6d6);cursor:pointer;background:0 0;border-radius:12px;margin-top:12px;font-size:13px;font-weight:600;transition:background .15s}.srv-add:hover{background:rgb(from var(--c-3b9bd4) r g b / .08)}.server-side-section+.server-side-section{margin-top:22px}.svc-row{border-top:1px solid var(--c-1c2c38);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.server-side-title+.svc-row{border-top:0}.svc-row .srv-icon{border-radius:10px;width:36px;height:36px}.svc-row.is-off .srv-row-text strong{color:var(--c-7d8d99)}.server-network{padding:24px}.app-shell.light-theme .srv-icon{background:rgb(from var(--c-1d83c2) r g b / .1);color:var(--c-1d83c2)}.app-shell.light-theme .proto-card{border-color:var(--c-d1dfe6);background:#00000005}.app-shell.light-theme .proto-main strong{color:var(--c-1e2a33)}.app-shell.light-theme .proto-main span{color:var(--c-61717d)}.app-shell.light-theme .proto-badge{background:rgb(from var(--c-17925d) r g b / .1);color:var(--c-17925d)}.app-shell.light-theme .srv-add{border-color:var(--c-a9c3d3);color:var(--c-2f7fae)}.app-shell.light-theme .svc-row{border-top-color:var(--c-d8e3ea)}.app-shell.light-theme .server-side-title+.svc-row{border-top:0}.server-row{align-items:stretch}.server-side{position:relative}.server-panel-right{flex-direction:column;display:flex;position:absolute;inset:0}.srv-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}@media (width<=900px){.server-panel-right{position:static}.srv-scroll{max-height:380px}}.net-chart-col{flex-direction:column;min-width:0;display:flex}.ping-chart.traffic-chart{flex:1;height:auto;min-height:240px}.ping-tip strong+strong{margin-top:4px}@media (width<=900px){.ping-chart.traffic-chart{min-height:180px}}.client-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.client-group{background:0 0}.client-group.is-over{background:rgb(from var(--c-3b9bd4) r g b / .07);outline-offset:8px}.group-heading{margin-bottom:12px}.group-heading h2{font-size:15px}.group-hint{color:var(--c-6f8494);font-size:12px}.client-card .drag-handle{align-self:center}.client-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.client-name-row{align-items:center;gap:8px;min-width:0;display:flex}.client-name-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-traffic-value{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;white-space:nowrap}.client-sub{color:var(--c-8ea3b0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-last-seen{color:var(--c-7f93a1)}.client-move{border:1px solid var(--c-2a4557);color:var(--c-8fb6cf);cursor:pointer;background:0 0;border-radius:7px;font-size:12px}.client-move:hover{background:rgb(from var(--c-3b9bd4) r g b / .1)}.app-shell.light-theme .client-traffic-value{color:var(--c-1e2a33)}.app-shell.light-theme .client-sub,.app-shell.light-theme .client-last-seen{color:var(--c-61717d)}.app-shell.light-theme .client-move{border-color:var(--c-b9c8d2);color:var(--c-2f7fae)}.app-shell.light-theme .client-group.is-over{outline-color:var(--c-7fb1cf)}@media (width<=1000px){.client-groups{grid-template-columns:1fr}}.app-shell.light-theme .client-group:hover{border-color:var(--c-b9c8d2)}.client-name-row strong{font-size:14px}.client-name-row .client-last-seen{color:var(--c-7f93a1);white-space:nowrap;font-size:12px}.client-traffic-value{font-size:14px}.client-groups{gap:20px}.client-group{border:1px solid var(--c-234052);border-radius:12px;padding:18px}.client-group:hover{border-color:var(--c-234052)}.client-group.is-over{outline:none}.app-shell.dark-theme .client-group{background:linear-gradient(100deg, rgb(from var(--c-193547) r g b / .82), rgb(from var(--c-0c1822) r g b / .97));border-color:var(--c-234052)}.app-shell.dark-theme .client-group.is-over{border-color:var(--c-3b7aa0);background:linear-gradient(100deg, rgb(from var(--c-224e6a) r g b / .9), rgb(from var(--c-0e1e2a) r g b / .97))}.app-shell.light-theme .client-group{background:linear-gradient(100deg, var(--c-ffffff), var(--c-eaf3f7));border-color:var(--c-d1dfe6)}.app-shell.light-theme .client-group.is-over{border-color:var(--c-7fb1cf);background:linear-gradient(100deg, var(--c-f1f8fc), var(--c-dcedf6))}.app-shell.dark-theme .client-card{background:#ffffff0a;border-color:#ffffff12}.app-shell.dark-theme .client-card:hover{background:#ffffff12;border-color:#ffffff24}.app-shell.light-theme .client-card{border-color:var(--c-d8e3ea);background:var(--c-ffffff)}.client-sub{flex:1;min-width:0;font-size:12px}.client-last-seen{flex:none;font-size:12px}.client-move{place-items:center;padding:0;display:grid}.client-move svg{display:block}.app-shell.dark-theme .toggle,.app-shell.light-theme .toggle{cursor:pointer;border:0;border-radius:99px;flex:none;width:44px;height:24px;padding:0;transition:background .2s;display:block;position:relative}.app-shell.dark-theme .toggle{background:var(--c-3a4650)}.app-shell.light-theme .toggle{background:var(--c-b5c3cd)}.app-shell.dark-theme .toggle.active{background:var(--c-2f8fd0)}.app-shell.light-theme .toggle.active{background:var(--c-1d83c2)}.app-shell .toggle span{background:var(--c-ffffff);border-radius:50%;width:18px;height:18px;margin:0;transition:transform .22s cubic-bezier(.4,0,.2,1),width .15s;position:absolute;top:3px;left:3px;transform:none;box-shadow:0 1px 3px #0006}.app-shell .toggle.active span{transform:translate(20px)}.app-shell .toggle:active span{width:22px}.app-shell .toggle.active:active span{transform:translate(16px)}.app-shell .toggle:focus-visible{outline:2px solid var(--c-6fb7e6);outline-offset:2px}.proto-card,.svc-row{cursor:pointer}.proto-card:hover{border-color:var(--c-3b7aa0)}.net-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.net-speeds{text-align:right;gap:28px;display:flex}.net-speed span{color:var(--c-8ea3b0);font-size:12px;display:block}.net-speed.in span{color:var(--c-6fb7e6)}.net-speed.out span{color:var(--c-56bc90)}.net-speed strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;display:block}.net-speed small{color:var(--c-8ea3b0);font-size:12px;font-weight:400}.app-shell.light-theme .net-speed strong{color:var(--c-1e2a33)}.app-shell.light-theme .net-speed span,.app-shell.light-theme .net-speed small{color:var(--c-61717d)}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer-backdrop{z-index:60;background:rgb(from var(--c-03080c) r g b / .55);animation:.2s fade-in;position:fixed;inset:0}.drawer{z-index:61;border-left:1px solid var(--c-234052);background:var(--c-0f1a23);flex-direction:column;width:min(480px,100%);animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000073}.drawer-head{border-bottom:1px solid var(--c-1d2d39);align-items:center;gap:14px;padding:20px 22px;display:flex}.drawer-title{flex:1;min-width:0}.drawer-title strong{color:var(--c-e6f0f5);font-size:17px;display:block}.drawer-state{color:var(--c-8ea3b0);font-size:12px}.drawer-state.on{color:var(--c-56bc90)}.drawer-close{border:1px solid var(--c-2a4557);width:32px;height:32px;color:var(--c-a9bcc8);cursor:pointer;background:0 0;border-radius:8px;font-size:20px;line-height:1}.drawer-confirm{padding:16px 22px 0}.drawer-tabs{border-bottom:1px solid var(--c-1d2d39);gap:4px;padding:0 16px;display:flex}.drawer-tab{color:var(--c-8ea3b0);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px;font-size:14px}.drawer-tab.active{border-bottom-color:var(--c-3b9bd4);color:var(--c-e6f0f5)}.drawer-body{flex:1;padding:20px 22px;overflow-y:auto}.drawer-info{margin:0}.drawer-info div{border-top:1px solid var(--c-1d2d39);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.drawer-info div:first-child{border-top:0}.drawer-info dt{color:var(--c-8ea3b0);font-size:13px}.drawer-info dd{color:var(--c-e6f0f5);text-align:right;margin:0;font-size:14px;font-weight:600}.drawer-form label{margin-bottom:14px;display:block}.drawer-form label span{color:var(--c-8ea3b0);margin-bottom:6px;font-size:12px;display:block}.drawer-form input,.drawer-form select{border:1px solid var(--c-2a4557);background:var(--c-0b141b);width:100%;height:38px;color:var(--c-e6f0f5);border-radius:8px;padding:0 12px;font-size:14px}.drawer-form input:focus,.drawer-form select:focus{border-color:var(--c-3b9bd4);outline:none}.drawer-actions{gap:10px;margin-top:20px;display:flex}.drawer-actions button{cursor:pointer;border-radius:8px;height:38px;padding:0 18px;font-size:14px;font-weight:600}.drawer-primary{border:1px solid var(--c-2f8fd0);background:var(--c-2f8fd0);color:var(--c-ffffff)}.drawer-secondary{border:1px solid var(--c-2a4557);color:var(--c-c7d5de);background:0 0}.drawer-client{border-top:1px solid var(--c-1d2d39);grid-template-columns:10px auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 0;font-size:14px;display:grid}.drawer-client:first-child{border-top:0}.drawer-client strong{color:var(--c-e6f0f5)}.drawer-client span:last-child{color:var(--c-8ea3b0);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.drawer-logs{background:var(--c-0b141b);color:var(--c-a9bcc8);white-space:pre-wrap;border-radius:10px;margin:0;padding:14px;font:12px/1.7 monospace}.app-shell.light-theme .drawer{border-left-color:var(--c-d1dfe6);background:var(--c-ffffff);box-shadow:-20px 0 50px rgb(from var(--c-141e28) r g b / .2)}.app-shell.light-theme .drawer-head,.app-shell.light-theme .drawer-tabs,.app-shell.light-theme .drawer-info div,.app-shell.light-theme .drawer-client{border-color:var(--c-e1e9ee)}.app-shell.light-theme .drawer-title strong,.app-shell.light-theme .drawer-tab.active,.app-shell.light-theme .drawer-info dd,.app-shell.light-theme .drawer-client strong{color:var(--c-1e2a33)}.app-shell.light-theme .drawer-form input{border-color:var(--c-c7d5de);background:var(--c-f6fafc);color:var(--c-1e2a33)}.app-shell.light-theme .drawer-logs{background:var(--c-f1f6f9);color:var(--c-34495a)}@media (width<=600px){.drawer{width:100%}}.server-online-clients{flex-direction:column;padding:24px;display:flex}.oc-head{justify-content:space-between;gap:12px;display:flex}.oc-count strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;font-weight:600}.oc-count span{color:var(--c-8ea3b0)}.oc-list{flex:1}.oc-row{border-top:1px solid var(--c-1c2c38);align-items:center;display:grid}.oc-row:first-child{border-top:0}.oc-row>.status-dot{place-self:center;width:8px;height:8px;margin:0}.oc-name{flex-direction:column;justify-content:center;min-width:0;line-height:1.25;display:flex}.oc-name strong{color:var(--c-e6f0f5);font-size:14px;font-weight:600;display:block}.oc-name span{color:var(--c-8ea3b0);font-size:12px;line-height:1.25}.oc-speed .in{color:var(--c-6fb7e6)}.oc-speed .out{color:var(--c-56bc90)}.oc-empty{color:var(--c-8ea3b0);padding:16px 0;font-size:13px}.oc-actions{border-top:1px solid var(--c-234052);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.oc-link{color:var(--c-7fb6d6);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.oc-link:hover{color:var(--c-a6d0e8)}.oc-add{border:1px dashed var(--c-2f5066);height:34px;color:var(--c-7fb6d6);cursor:pointer;background:0 0;border-radius:9px;padding:0 14px;font-size:13px;font-weight:600}.oc-add:hover{background:rgb(from var(--c-3b9bd4) r g b / .08)}.app-shell.light-theme .oc-count strong,.app-shell.light-theme .oc-name strong{color:var(--c-1e2a33)}.app-shell.light-theme .oc-count span,.app-shell.light-theme .oc-name span,.app-shell.light-theme .oc-empty{color:var(--c-61717d)}.app-shell.light-theme .oc-row{border-top-color:var(--c-d8e3ea)}.app-shell.light-theme .oc-row:first-child{border-top:0}.app-shell.light-theme .oc-actions{border-top-color:var(--c-d1dfe6)}.app-shell.light-theme .oc-link,.app-shell.light-theme .oc-add{color:var(--c-2f7fae)}.app-shell.light-theme .oc-add{border-color:var(--c-a9c3d3)}@media (width<=600px){.oc-row{grid-template-columns:14px minmax(0,1fr) auto}}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgb(from var(--c-e5534b) r g b / .55)}70%{box-shadow:0 0 0 6px rgb(from var(--c-e5534b) r g b / 0)}to{box-shadow:0 0 0 0 rgb(from var(--c-e5534b) r g b / 0)}}.live-dot{background:var(--c-e5534b);border-radius:50%;width:7px;height:7px;animation:1.6s infinite live-pulse}.server-network{flex-direction:column;display:flex}.server-side-2{flex-direction:column;gap:16px;display:flex}.server-network .net-chart-col{flex:none;min-height:0}.server-side-2{min-width:0;position:relative}.server-side-2 .server-online-clients{position:absolute;inset:0}.server-online-clients .oc-list{scrollbar-width:thin;scrollbar-color:var(--c-2a4557) transparent;flex:1;min-height:0;overflow-y:auto}@media (width<=900px){.server-side-2 .server-online-clients{position:static}.server-online-clients .oc-list{flex:none;max-height:360px}}.server-online-clients .oc-list{scrollbar-gutter:stable;padding-right:16px}.total-all{margin-right:auto}.total-all span{color:var(--c-8ea3b0)}.total-all strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;margin-top:3px;font-weight:600;display:block}.app-shell.light-theme .total-all strong{color:var(--c-1e2a33)}.app-shell.light-theme .total-all span{color:var(--c-61717d)}.lt-heading{align-items:baseline;gap:14px;margin:28px 0 14px;display:flex}.lt-heading h2{margin:0;font-size:18px}.lt-heading small{color:var(--c-8ea3b0);font-size:12px}.lt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lt-wide{grid-column:1/-1}.lt-panel{padding:22px 24px}.lt-panel h3{margin:0 0 16px;font-size:16px}.lt-bars{align-items:flex-end;gap:10px;display:flex}.lt-bar{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;min-width:0;display:flex}.lt-bar-stack{flex-direction:column;justify-content:flex-end;gap:2px;min-height:150px;display:flex}.lt-bar-stack .tx{background:var(--c-56bc90);border-radius:4px 4px 2px 2px}.lt-bar-stack .rx{background:var(--c-3b9bd4);border-radius:2px 2px 4px 4px}.lt-bar small{color:var(--c-8ea3b0);text-align:center;font-size:11px}.lt-legend{color:var(--c-8ea3b0);gap:18px;margin-top:12px;font-size:12px;display:flex}.lt-legend i{border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.lt-legend i.tx{background:var(--c-56bc90)}.lt-legend i.rx{background:var(--c-3b9bd4)}.lt-row{grid-template-columns:90px minmax(0,1fr) 70px;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.lt-row>span{color:var(--c-c7d5de);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lt-row>strong{color:var(--c-e6f0f5);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.lt-track{background:#ffffff12;border-radius:99px;height:8px;overflow:hidden}.lt-track div{background:var(--c-3b9bd4);border-radius:99px;height:100%}.lt-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.lt-stats span{color:var(--c-8ea3b0);font-size:12px;display:block}.lt-stats strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;margin-top:3px;font-size:20px;font-weight:600;display:block}.lt-note{color:var(--c-8ea3b0);margin:14px 0 0;font-size:12px}.app-shell.light-theme .lt-heading small,.app-shell.light-theme .lt-bar small,.app-shell.light-theme .lt-legend,.app-shell.light-theme .lt-stats span,.app-shell.light-theme .lt-note{color:var(--c-61717d)}.app-shell.light-theme .lt-row>span{color:var(--c-34495a)}.app-shell.light-theme .lt-row>strong,.app-shell.light-theme .lt-stats strong{color:var(--c-1e2a33)}.app-shell.light-theme .lt-track{background:#00000012}@media (width<=900px){.lt-grid{grid-template-columns:1fr}}.server-network{overflow:hidden}.total-band{border-bottom:1px solid var(--c-2d5873);background:#ffffff09;margin:-24px -24px 0;padding:22px 24px 20px}.total-band+.net-head{margin-top:22px}.total-head{justify-content:flex-start;align-items:baseline;gap:14px;display:flex}.total-row{margin-top:14px;display:flex}.total-all{flex:none;margin:0;display:flex}.total-all span{font-size:13px;display:inline}.total-all strong{font-size:32px}.total-bars{flex-direction:column;flex:1;min-width:0;display:flex}.total-bar{align-items:center;display:grid}.total-bar>span{font-size:12px}.total-bar.tx>span{color:var(--c-56bc90)}.total-bar.rx>span{color:var(--c-6fb7e6)}.total-bar>strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;font-weight:600}.tb-track{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.tb-track div{border-radius:99px;height:100%}.total-bar.tx .tb-track div{background:var(--c-56bc90)}.total-bar.rx .tb-track div{background:var(--c-3b9bd4)}.app-shell.light-theme .total-band{border-bottom-color:var(--c-b7cfdd);background:rgb(from var(--c-1d83c2) r g b / .06)}.app-shell.light-theme .total-bar>strong{color:var(--c-1e2a33)}.app-shell.light-theme .tb-track{background:#00000014}.chan-chip{z-index:1;color:var(--c-8ea3b0);font-size:11px;position:absolute;top:6px;left:8px}.chan-chip strong{color:var(--c-e6f0f5);font-weight:600}.chan-gauge{background:#ffffff14;border-radius:0 0 5px 5px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.chan-gauge div{height:100%}.app-shell.light-theme .chan-chip{color:var(--c-61717d)}.app-shell.light-theme .chan-chip strong{color:var(--c-1e2a33)}.app-shell.light-theme .chan-gauge{background:#00000014}@media (width<=700px){.total-row{flex-direction:column;align-items:stretch;gap:16px}.total-bar{grid-template-columns:104px 66px minmax(0,1fr)}}.oc-flow{align-items:center;gap:8px;display:flex}.oc-speed{color:var(--c-8ea3b0);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.oc-speed i{opacity:.65;font-size:10px}.wave{width:44px;height:14px;color:var(--c-56bc90);flex:none;overflow:hidden}.wave:not(.live){color:var(--c-3d4a55)}@keyframes wave-move{0%{transform:translate(0)}to{transform:translate(-24px)}}.wave.live .wave-g{animation:1s linear infinite wave-move}@media (prefers-reduced-motion:reduce){.wave.live .wave-g{animation:none}}.app-shell.light-theme .oc-speed{color:var(--c-61717d)}.app-shell.light-theme .wave:not(.live){color:var(--c-b3c1ca)}.total-all{align-items:center;gap:14px}.total-all .total-icon{border:1px solid rgb(from var(--c-3b9bd4) r g b / .28);background:rgb(from var(--c-3b9bd4) r g b / .14);width:52px;height:52px;color:var(--c-6fb7e6);border-radius:14px;place-items:center;display:grid}.total-icon svg{display:block}.total-all-text{flex-direction:column;gap:2px;display:flex}.total-all-text span{color:var(--c-8ea3b0);font-size:12px;display:block}.total-all-text strong{color:var(--c-e6f0f5);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.05}.server-network .ping-chart.traffic-chart{flex:none;height:260px;min-height:0}.oc-speed small{opacity:.6}.app-shell.light-theme .total-all .total-icon{border-color:rgb(from var(--c-1d83c2) r g b / .3);background:rgb(from var(--c-1d83c2) r g b / .1);color:var(--c-1d83c2)}.app-shell.light-theme .total-all-text span{color:var(--c-61717d)}.app-shell.light-theme .total-all-text strong{color:var(--c-1e2a33)}.client-card{cursor:pointer}.client-card .drag-handle,.client-card .client-move{cursor:grab}.cd-config{position:relative}.cd-config pre{background:var(--c-0b141b);color:var(--c-a9bcc8);white-space:pre-wrap;word-break:break-all;border-radius:10px;max-height:220px;margin:0;padding:14px;font:12px/1.55 monospace;overflow:auto}.cd-config-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cd-config-actions button{cursor:pointer;border-radius:8px;height:34px;padding:0 14px;font-size:13px;font-weight:600}.cd-btn-primary{border:1px solid var(--c-2f8fd0);background:var(--c-2f8fd0);color:var(--c-ffffff)}.cd-btn-secondary{border:1px solid var(--c-2a4557);color:var(--c-c7d5de);background:0 0}.cd-toggle-row{border-top:1px solid var(--c-1d2d39);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.cd-toggle-row:first-of-type{border-top:0;margin-top:8px}.cd-toggle-row strong{color:var(--c-e6f0f5);font-size:14px;display:block}.cd-toggle-row span{color:var(--c-8ea3b0);font-size:12px}.app-shell.light-theme .cd-config pre{background:var(--c-f1f6f9);color:var(--c-34495a)}.app-shell.light-theme .cd-toggle-row{border-top-color:var(--c-e1e9ee)}.app-shell.light-theme .cd-toggle-row strong{color:var(--c-1e2a33)}.app-shell.light-theme .cd-btn-secondary{border-color:var(--c-c7d5de);color:var(--c-34495a)}.server-ip{cursor:pointer;transition:color .15s}.server-ip:hover{color:var(--c-6fb7e6)}.server-ip.is-copied{color:var(--c-56bc90)}.app-shell.light-theme .server-ip:hover{color:var(--c-1d83c2)}.app-shell.light-theme .server-ip.is-copied{color:var(--c-17925d)}.drawer.drawer-in-page{width:min(440px,100% - 248px);max-width:440px;top:64px;bottom:0}.drawer.drawer-from-right{border-left:1px solid var(--c-234052);border-right:0;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in-right;left:auto;right:0}.drawer.drawer-from-left{border-right:1px solid var(--c-234052);border-left:0;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in-left;left:248px;right:auto;box-shadow:20px 0 50px #00000073}@keyframes drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-shell.light-theme .drawer.drawer-from-left{border-right-color:var(--c-d1dfe6);box-shadow:20px 0 50px rgb(from var(--c-141e28) r g b / .2)}@media (width<=900px){.drawer.drawer-in-page{width:min(440px,100%);max-width:100%}.drawer.drawer-from-left{left:0}}.client-card{border-radius:8px;gap:8px;padding:7px 10px 7px 6px}.client-card .client-avatar{border-radius:7px;width:28px;height:28px;font-size:12px}.client-name-row strong,.client-traffic-value{font-size:13px}.client-sub,.client-last-seen{font-size:11px}.client-move{width:22px;height:22px}.oc-row.is-clickable{cursor:pointer;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}.oc-row.is-clickable:hover{background:#ffffff0a}.app-shell.light-theme .oc-row.is-clickable:hover{background:#0000000a}.load-row.is-hot .load-label strong{color:inherit}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-add{white-space:nowrap;flex:none}.toolbar .search-box{flex:1;min-width:200px}.client-proto-name{color:var(--c-8eb4c9);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.app-shell.light-theme .client-proto-name{color:var(--c-3d6f8c)}.client-list{flex-direction:column;gap:5px;display:flex}.client-card{transition:transform .18s,opacity .18s,box-shadow .18s,background .15s}.client-card.is-dragging{opacity:.35;box-shadow:none;transform:scale(.98)}.server-hoster-link{border-radius:10px;place-items:center;text-decoration:none;transition:opacity .15s,transform .15s;display:grid}.server-hoster-link:hover{opacity:.85;transform:scale(1.04)}.server-country-link{color:inherit;border-bottom:1px solid #0000;font-size:22px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.server-country-link:hover{color:var(--c-6fb7e6);border-bottom-color:rgb(from var(--c-6fb7e6) r g b / .45)}.app-shell.light-theme .server-country-link:hover{color:var(--c-1d83c2);border-bottom-color:rgb(from var(--c-1d83c2) r g b / .4)}.uptime-chip span{display:block}.uptime-chip strong{font-variant-numeric:tabular-nums;margin-top:4px;display:block}.app-shell.light-theme .uptime-chip{border-color:var(--c-c7d5de)}.app-shell.light-theme .uptime-chip span{color:var(--c-5a6f7d)!important}.period-seg{border:1px solid var(--c-2a4557);background:#0003;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.period-seg-btn{height:26px;color:var(--c-8ea3b0);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.period-seg-btn:hover{color:var(--c-c7d5de);background:#ffffff0a}.period-seg-btn.active{background:rgb(from var(--c-3b9bd4) r g b / .22);color:var(--c-e6f0f5)}.app-shell.light-theme .period-seg{border-color:var(--c-c7d5de);background:var(--c-f3f7fa)}.app-shell.light-theme .period-seg-btn{color:var(--c-61717d)}.app-shell.light-theme .period-seg-btn.active{background:var(--c-ffffff);color:var(--c-1d83c2);box-shadow:0 1px 3px rgb(from var(--c-14283c) r g b / .1)}.ping-row{flex-wrap:wrap;row-gap:10px}.ping-row .period-seg{margin-left:auto}.total-row{align-items:stretch;gap:20px}.total-split-line{background:var(--c-2d5873);flex:none;align-self:stretch;width:1px}.app-shell.light-theme .total-split-line{background:var(--c-b7cfdd)}.total-all-text strong{font-size:24px}.total-bars{gap:5px}.total-bar{grid-template-columns:92px 58px minmax(0,1fr);gap:6px}.total-bar>strong{font-size:14px}.oc-head .oc-add{border:1px dashed var(--c-2f5066);height:30px;color:var(--c-7fb6d6);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600}.oc-head .oc-add:hover{background:rgb(from var(--c-3b9bd4) r g b / .08)}.oc-count strong{font-size:18px}.oc-count span{font-size:13px}.oc-row{padding:10px 4px 10px 2px!important}.oc-row .client-proto-name{padding-left:0}.oc-name strong{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.oc-speed i{margin-right:1px}.oc-speed .out{margin-left:3px}.oc-speed small{font-size:10px!important}.drawer-client.is-clickable{cursor:pointer;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}.drawer-client.is-clickable:hover{background:#ffffff0a}.app-shell.light-theme .drawer-client.is-clickable:hover{background:#0000000a}.ping-chart{border-radius:4px}.uptime-chip{text-align:left}.uptime-chip span{flex:none;margin:0}.uptime-chip strong{text-align:right;white-space:nowrap}.oc-head{align-items:center;margin-bottom:6px}.oc-add-under{border:1px dashed var(--c-2f5066);width:100%;height:34px;color:var(--c-7fb6d6);cursor:pointer;background:0 0;border-radius:8px;margin:0 0 12px;font-size:12px;font-weight:600;display:block}.oc-add-under:hover{background:rgb(from var(--c-3b9bd4) r g b / .08)}.app-shell.light-theme .oc-add-under{border-color:var(--c-a9c3d3);color:var(--c-2f7fae)}.oc-list{padding-left:14px}.oc-row{grid-template-columns:12px minmax(72px,1fr) auto;gap:8px 10px}.oc-row .client-proto-name{text-align:right;max-width:120px;grid-column:auto!important;margin-top:0!important}.client-card .client-move{align-self:center}.settings-hint{color:var(--c-8ea3b0);margin:4px 0 14px;font-size:12px;line-height:1.45}.app-shell.light-theme .settings-hint{color:var(--c-61717d)}.oc-speed{letter-spacing:0;align-items:center;gap:0;display:inline-flex}.oc-speed i{margin:0 1px 0 0;font-style:normal;font-weight:700}.oc-speed .in,.oc-speed .out{margin:0!important}.oc-speed em{opacity:.45;margin:0 3px;font-style:normal}.oc-speed small{margin-left:4px!important}.client-card{align-items:center!important;min-height:58px!important;padding-top:10px!important;padding-bottom:10px!important;position:relative!important}.client-proto-mid{z-index:1;max-width:46%;color:var(--c-8eb4c9);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 8px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.app-shell.light-theme .client-proto-mid{color:var(--c-3d6f8c)!important}.client-body{flex-direction:column;justify-content:space-between;gap:14px;min-width:0;min-height:40px;display:flex}.client-line-bottom{margin-top:0}.client-card.is-paid{grid-template-columns:16px 26px 28px minmax(0,1fr)}.client-card.is-free{grid-template-columns:16px 28px minmax(0,1fr) 26px}.server-uptime{gap:0}.uptime-chip span{letter-spacing:.03em;color:var(--c-8ea3b0)}.uptime-chip strong{color:var(--c-c7d5de);margin:0}.app-shell.light-theme .uptime-chip strong{color:var(--c-34495a)!important;font-weight:400!important}.app-shell.light-theme .uptime-chip span{font-weight:500!important}.srv-scroll{box-sizing:border-box;padding-right:10px}.proto-card{gap:10px;margin-top:10px;margin-right:2px;padding:12px}.proto-card .srv-icon{width:36px;height:36px}.server-panel-left{position:relative;overflow:hidden}.server-top{padding-right:150px}.server-uptime{z-index:2;margin:0;position:absolute;top:0;right:0}.uptime-chip{justify-content:space-between;align-items:center;gap:10px;border:0!important;border-left:1px solid var(--c-234052)!important;border-bottom:1px solid var(--c-234052)!important;background:#ffffff0a!important;border-radius:0 11px 0 10px!important;min-width:0!important;margin:0!important;padding:10px 14px 10px 12px!important;display:flex!important}.app-shell.light-theme .uptime-chip{border-left-color:var(--c-d1dfe6)!important;border-bottom-color:var(--c-d1dfe6)!important;background:#00000008!important}.uptime-chip span{text-transform:none;font-size:11px;font-weight:400}.uptime-chip strong{font-size:13px;font-weight:400}.server-network .net-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:22px;display:flex}.server-network .net-speeds{text-align:right;gap:28px;margin-left:auto;display:flex}.server-network .net-speed span{font-size:12px;display:block}.server-network .net-speed strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;line-height:normal;display:block}.server-network .net-speed small{font-size:12px;font-weight:400}.add-client-modal .drawer-form input:disabled,.add-client-modal .drawer-primary:disabled,.drawer-primary:disabled{opacity:.45;cursor:not-allowed}.net-chart-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:8px 0 6px;display:flex}.net-chart-toolbar>*{align-self:center}.net-chart-toolbar .net-speeds{align-self:center;margin:0}.net-chart-toolbar .period-seg{align-self:center}.net-chart-toolbar .net-speeds{text-align:right;gap:28px;margin:0 0 12px;display:flex;transform:translateY(-10px)}.net-chart-toolbar .net-speed span{font-size:12px;display:block}.net-chart-toolbar .net-speed strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;display:block}.net-chart-toolbar .net-speed small{font-size:12px;font-weight:400}.server-network .net-head{margin-bottom:0}.server-network .ping-chart.traffic-chart,.server-network .net-chart-col{margin-top:0}.server-network .net-chart-toolbar{align-items:center;margin:8px 0 0}.server-network .net-chart-toolbar .net-speeds{border:1px dotted var(--c-3f5a6b)!important;background:0 0!important;border-bottom:0!important;border-radius:6px 6px 0 0!important;align-self:flex-end!important;margin:0!important;padding:8px 16px!important;transform:none!important}.server-network .net-chart-col{margin-top:0}.server-network .ping-chart.traffic-chart{border-radius:0 0 6px 6px;margin-top:0}.server-network .net-speed.in strong{background:rgb(from var(--c-3b9bd4) r g b / .18);color:var(--c-ffffff);border-radius:6px;padding:2px 10px;display:inline-block}.server-network .net-speed.out strong{background:rgb(from var(--c-56bc90) r g b / .18);color:var(--c-ffffff);border-radius:6px;padding:2px 10px;display:inline-block}.server-network .net-speed.in strong small,.server-network .net-speed.out strong small{color:var(--c-ffffff);opacity:.75}.server-network .net-chart-toolbar{position:relative}.server-network .net-chart-toolbar:before{content:""!important;pointer-events:none!important;border-right:1px dotted var(--c-3f5a6b)!important;width:100%!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important}.server-network .total-bars{gap:14px!important}.server-network .total-bar{grid-template-columns:108px 78px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:28px!important}.server-network .total-bar>span{font-size:13px}.server-network .total-bar>strong{font-size:16px!important}.conn-banner{border:1px solid rgb(from var(--c-e5534b) r g b / .45);background:rgb(from var(--c-e5534b) r g b / .12);color:var(--c-e5534b);border-radius:10px;margin:0 0 12px;padding:9px 14px;font-size:13px;font-weight:600}.form-error{color:var(--c-e57373);margin:12px 0 0;font-size:13px}.client-card.is-disabled{opacity:.55}.qr-code{border-radius:10px;width:100%;max-width:260px;margin:0 auto 14px;display:block}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{border:1px solid var(--c-234052);background:linear-gradient(160deg, rgb(from var(--c-193547) r g b / .6), rgb(from var(--c-0c1822) r g b / .95));border-radius:16px;width:100%;max-width:380px;padding:32px;box-shadow:0 20px 60px #00000080}.login-brand{text-align:center;margin-bottom:28px}.login-logo{background:linear-gradient(135deg, var(--c-3caedf), var(--c-277fb8));color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-grid}.login-logo span{font-size:22px;font-weight:800}.login-brand h1{color:var(--c-e6f0f5);margin:0;font-size:22px}.login-brand p{color:var(--c-8ea3b0);margin:6px 0 0;font-size:13px}.login-field{margin-bottom:14px;display:block}.login-field span{color:var(--c-8ea3b0);margin-bottom:6px;font-size:12px;display:block}.login-field input{border:1px solid var(--c-2a4557);background:var(--c-0b141b);width:100%;height:42px;color:var(--c-e6f0f5);border-radius:8px;outline:none;padding:0 12px;font-size:14px}.login-error{border:1px solid rgb(from var(--c-e5534b) r g b / .5);background:rgb(from var(--c-e5534b) r g b / .1);color:var(--c-f5a5a0);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.login-button{background:var(--c-2f88c0);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:42px;font-size:14px;font-weight:600}.login-button.is-loading{background:var(--c-285a7a);cursor:not-allowed}.login-button.is-empty{opacity:.5}.srv-empty{color:var(--c-8ea3b0);margin:8px 0 4px;font-size:13px}.setup-plan{color:var(--c-8ea3b0);overflow-wrap:anywhere;margin:0 0 12px;padding-left:20px;font-size:12px;line-height:1.5}.setup-plan li{margin-bottom:6px}.setup-warn{color:var(--c-e5534b);margin:8px 0;font-size:13px;line-height:1.4}.setup-ok{color:var(--c-56bc90);margin:8px 0;font-size:13px;line-height:1.4}.setup-steps{gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.setup-step{color:var(--c-8ea3b0);align-items:center;gap:10px;font-size:14px;display:flex}.setup-step.is-run{color:var(--c-e6f0f5)}.setup-step.is-ok .setup-mark{color:var(--c-56bc90)}.setup-step.is-fail{color:var(--c-e5534b)}.setup-mark{text-align:center;width:18px;display:inline-block}.setup-step.is-run .setup-mark{animation:1s linear infinite setup-spin}@keyframes setup-spin{to{transform:rotate(360deg)}}.setup-log{max-height:180px;margin-bottom:14px;overflow:auto}.app-shell.light-theme .srv-empty,.app-shell.light-theme .setup-plan,.app-shell.light-theme .setup-step{color:var(--c-61717d)}.app-shell.light-theme .setup-step.is-run{color:var(--c-1e2a33)}@media (prefers-reduced-motion:reduce){.setup-step.is-run .setup-mark{animation:none}}.drawer-form label.setup-check{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;display:flex}.drawer-form label.setup-check input{width:auto;margin-top:3px}.oc-proto{color:var(--muted,var(--c-8aa0b0));white-space:nowrap;font-size:11px}.load-row .load-spark{width:100%;height:28px;display:block}.ping-mode{border:1px solid var(--c-3f5a6b);border-radius:8px;display:inline-flex;overflow:hidden}.ping-mode button{color:inherit;font:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;padding:4px 10px;font-size:12px}.ping-mode button.active{background:rgb(from var(--c-3b9bd4) r g b / .25);opacity:1}.ping-mode button:hover{opacity:1}.app-shell .panel,.app-shell .server-panel,.app-shell .proto-card,.app-shell .svc-row,.app-shell .service-card,.app-shell .client-card,.app-shell .oc-row{transition:border-color .2s,box-shadow .2s}.app-shell .panel:hover,.app-shell .server-panel:hover,.app-shell .proto-card:hover,.app-shell .svc-row:hover,.app-shell .service-card:hover,.app-shell .client-card:hover,.app-shell .oc-row:hover{border-color:var(--c-3b9bd4);box-shadow:0 0 0 1px rgb(from var(--c-3b9bd4) r g b / .55), 0 0 14px rgb(from var(--c-3b9bd4) r g b / .22)}.app-shell .settings-panel label>span{font-size:13px;line-height:1.35}.app-shell .settings-panel input,.app-shell .settings-panel select{height:42px;font-size:14px}.app-shell .settings-panel .settings-hint,.app-shell .settings-panel .form-error{font-size:12.5px}.app-shell .settings-panel .setting-toggle strong{font-size:14px}.app-shell .settings-panel .setting-toggle span{font-size:12.5px}.logout-button{border:1px solid var(--c-3f5a6b);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-left:10px;padding:6px 12px;font-size:13px}.logout-button:hover{border-color:var(--c-3b9bd4)}.remove-box{border-top:1px dashed var(--c-3f5a6b);margin-top:18px;padding-top:14px}.drawer-danger{border:1px solid var(--c-e5534b);color:var(--c-e5534b);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:9px 14px;font-size:13px}.drawer-danger:hover:not(:disabled){background:rgb(from var(--c-e5534b) r g b / .14)}.drawer-danger:disabled{opacity:.5;cursor:default}.settings-sep{border:0;border-top:1px dashed var(--c-3f5a6b);width:100%;margin:16px 0}.setup-more{margin:4px 0 10px}.setup-more summary{cursor:pointer;color:var(--c-3b9bd4);font-size:13px}.cd-config pre.cd-link{white-space:pre-wrap;word-break:break-all;font-size:11px}.service-card.is-clickable{cursor:pointer}.service-card.is-clickable:hover{border-color:var(--c-2c6a86)}.drawer-clients>.primary-button{margin-bottom:12px}.client-proto-mid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.client-proto-mid .client-app{opacity:.85;margin-bottom:2px;font-weight:500}.dns-rule{grid-template-columns:1fr 120px 36px;gap:8px;margin-bottom:8px;display:grid}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:auto}.setup-ok{color:var(--c-3ecf8e);font-size:13px}.client-proto-mid{font-size:13px}.client-proto-mid:has(.client-app){border:1px solid var(--c-2c4658);background:rgb(from var(--c-142632) r g b / .55);border-radius:8px;padding:0;overflow:hidden}.client-proto-mid:has(.client-app) span{padding:3px 12px}.client-proto-mid .client-app{border-bottom:1px solid var(--c-2c4658);opacity:1;margin-bottom:0;font-weight:500}.app-shell.light-theme .client-proto-mid:has(.client-app){border-color:var(--c-b9c8d2);background:#ffffffb3}.app-shell.light-theme .client-proto-mid .client-app{border-bottom-color:var(--c-b9c8d2)}.client-proto-mid{flex-direction:column;align-items:stretch;gap:4px;font-size:13px;display:flex}.client-proto-mid span{border:1px solid var(--c-2f5367);background:rgb(from var(--c-2f5367) r g b / .18);border-radius:7px;padding:3px 10px;font-size:13px}.client-proto-mid .client-app{opacity:1;border-color:var(--c-3a6a56);background:rgb(from var(--c-3a6a56) r g b / .18);margin-bottom:0}.app-shell.light-theme .client-proto-mid span{border-color:var(--c-9fbccd);background:rgb(from var(--c-9fbccd) r g b / .2)}.app-shell.light-theme .client-proto-mid .client-app{border-color:var(--c-8fc0a8);background:rgb(from var(--c-8fc0a8) r g b / .2)}.app-shell{--hover-edge:rgb(from var(--c-96bed7) r g b / .2);--hover-shade:inset 0 0 22px #0003;--hover-shade-sm:inset 0 0 12px #00000038}.app-shell.light-theme{--hover-edge:rgb(from var(--c-285a82) r g b / .22);--hover-shade:inset 0 0 22px rgb(from var(--c-143250) r g b / .07);--hover-shade-sm:inset 0 0 12px rgb(from var(--c-143250) r g b / .09)}.app-shell.app-shell.app-shell .panel:hover,.app-shell.app-shell.app-shell .server-panel:hover,.app-shell.app-shell.app-shell .proto-card:hover,.app-shell.app-shell.app-shell .svc-row:hover,.app-shell.app-shell.app-shell .service-card:hover,.app-shell.app-shell.app-shell .service-card.is-clickable:hover,.app-shell.app-shell.app-shell .client-card:hover,.app-shell.app-shell.app-shell .client-group:hover,.app-shell.app-shell.app-shell .metric-card:hover,.app-shell.app-shell.app-shell .oc-row:hover,.app-shell.app-shell.app-shell .oc-row.is-clickable:hover,.app-shell.app-shell.app-shell .drawer-client.is-clickable:hover{border-color:var(--hover-edge);box-shadow:var(--hover-shade)}.app-shell.app-shell.app-shell .primary-button:hover,.app-shell.app-shell.app-shell .secondary-button:hover,.app-shell.app-shell.app-shell .nav-item:hover,.app-shell.app-shell.app-shell .header-search-button:hover,.app-shell.app-shell.app-shell .header-notification-button:hover,.app-shell.app-shell.app-shell .theme-button:hover,.app-shell.app-shell.app-shell .srv-add:hover,.app-shell.app-shell.app-shell .client-move:hover,.app-shell.app-shell.app-shell .oc-add:hover,.app-shell.app-shell.app-shell .oc-add-under:hover,.app-shell.app-shell.app-shell .oc-head .oc-add:hover,.app-shell.app-shell.app-shell .period-seg-btn:hover,.app-shell.app-shell.app-shell .logout-button:hover,.app-shell.app-shell.app-shell .drawer-primary:hover,.app-shell.app-shell.app-shell .drawer-secondary:hover,.app-shell.app-shell.app-shell .drawer-tab:hover,.app-shell.app-shell.app-shell .filter-buttons button:hover{box-shadow:var(--hover-shade-sm)}.app-shell.app-shell.app-shell .logout-button:hover{border-color:var(--hover-edge)}.theme-settings{flex-direction:column;gap:14px;display:flex}.color-row{flex-direction:column;gap:6px;display:flex}.color-label{opacity:.85;font-size:13px}.color-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.color-wheel{border:1px solid var(--border,#3f5a6b);cursor:pointer;background:0 0;border-radius:8px;width:52px;height:42px;padding:2px}.color-channel{flex-direction:column;gap:3px;font-size:12px;display:flex}.color-channel input{text-align:center;width:68px;height:42px}.color-channel.color-hex input{width:96px}