@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Pretendard,sans-serif;color:#dce6f4;background:#08111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:#08111f}button,input,select{font:inherit}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#48d9b6;letter-spacing:.18em}.login{min-height:100vh;display:grid;grid-template-columns:1.18fr .82fr}.login-art{position:relative;padding:42px 56px;background:#0b192b;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;font-size:17px}.brandmark{width:36px;height:36px;border-radius:10px;background:#37d9b1;color:#07131d;display:grid;place-items:center}.art-copy{position:relative;z-index:1;margin:21vh auto 0;max-width:650px}.eyebrow{font:500 11px DM Mono;letter-spacing:.18em;color:#45d7b4}.art-copy h1{font-size:64px;line-height:1.06;letter-spacing:-.055em;margin:19px 0}.art-copy h1 em{font-style:normal;color:#42d6b2}.art-copy p{max-width:490px;font-size:17px;line-height:1.7;color:#8fa1b9}.art-grid{display:none}.login-panel{display:grid;place-items:center;background:#0b1422}.login-panel form{width:390px}.mobile-brand{display:none}.login-panel h2{font-size:40px;line-height:1.16;letter-spacing:-.04em;margin:16px 0 10px}.muted{color:#7e8da3}.login label,.modal label{display:grid;gap:9px;color:#a9b6c9;font-size:13px;font-weight:600;margin-top:25px}.login input,.modal input,.modal select,.dnsbar select{border:1px solid #27364c;background:#0c1726;color:#edf5ff;border-radius:10px;padding:14px 15px;outline:none}.login input:focus,.modal input:focus{border-color:#39d7b2}.login form>button{margin-top:24px;width:100%;border:0;border-radius:10px;padding:15px;background:#3ad7b3;color:#061812;font-weight:800;display:flex;justify-content:center;gap:12px;cursor:pointer}.login small{display:block;text-align:center;margin-top:18px;color:#5f6d81}.error{margin-top:15px;padding:11px;border-radius:8px;background:#ff5e6c14;color:#ff8993;font-size:13px}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.app aside{position:fixed;width:244px;height:100vh;padding:25px 18px;border-right:1px solid #192538;background:#091321;display:flex;flex-direction:column}.server-chip{display:flex;align-items:center;gap:10px;padding:13px;margin-top:30px;background:#0e1b2b;border:1px solid #1e2d42;border-radius:11px}.server-chip>i{width:8px;height:8px;border-radius:50%;background:#43dbaf}.server-chip span{display:grid}.server-chip b{font-size:12px}.server-chip small{font-size:10px;color:#6f8098;margin-top:3px}.app nav{display:grid;gap:5px;margin-top:25px}.app nav button,.aside-foot>button{display:flex;align-items:center;gap:11px;border:0;background:none;color:#75869e;padding:11px 12px;border-radius:8px;text-align:left;cursor:pointer;font-size:13px;font-weight:600}.app nav button:hover,.app nav button.active{background:#142438;color:#eaf2fc}.app nav button.active{border-left:3px solid #3ad7b3}.app nav button.active svg{color:#3ad7b3}.aside-foot{margin-top:auto}.health{border:1px solid #1d2b3f;border-radius:9px;padding:11px;color:#8393a9;font-size:11px}.health span{display:flex;align-items:center;gap:7px}.health b{display:block;color:#3bd6ae;margin:7px 0 0 22px}.aside-foot>button{margin-top:10px}.content{grid-column:2;padding:30px 40px 60px;max-width:1600px;width:100%}.content header{height:69px;display:flex;justify-content:space-between;align-items:flex-start}.crumb{font-size:10px;color:#687992}.content header h1{font-size:23px;margin:7px 0;letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:13px}.iconbtn,.trash{width:36px;height:36px;display:grid;place-items:center;background:#101d2d;color:#8595ab;border:1px solid #223248;border-radius:9px;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#263c57;font-size:11px;font-weight:800}.toast{display:flex;justify-content:space-between;padding:12px 15px;background:#4e202b;border:1px solid #7d3444;border-radius:8px;margin-bottom:15px;font-size:13px}.toast button{border:0;background:none;color:#fff}.hero{height:160px;display:flex;align-items:center;justify-content:space-between;background:#0e2034;border:1px solid #1d3046;border-radius:14px;padding:30px 34px;position:relative;overflow:hidden}.hero:after{display:none}.hero h2{font-size:27px;margin:7px 0}.hero p{font-size:13px;color:#8293aa}.live{z-index:1;font:500 10px DM Mono;color:#45d7b4;border:1px solid #23463f;padding:10px 12px;border-radius:8px;background:#0a1b20}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46d8b2;margin-right:7px}.live b{color:#91a4b8;margin-left:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metric,.panel,.domain{background:#0d1827;border:1px solid #1c2a3e;border-radius:12px}.metric{padding:18px;display:grid;grid-template-columns:40px 1fr;column-gap:11px}.metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.mint{background:#35d6ad16;color:#39d7b2}.blue{background:#5d84ff17;color:#6d91ff}.violet{background:#a37aff17;color:#ad85ff}.amber{background:#ffbd5917;color:#ffc063}.metric>span{font-size:11px;color:#8494a9;margin-top:3px}.metric strong{grid-column:2;font-size:24px;margin-top:-16px}.metric strong small{font-size:12px;margin-left:2px;color:#8b99ac}.metric .meter{grid-column:1/3;height:3px;background:#1d2b3e;border-radius:3px;margin-top:16px;overflow:hidden}.meter i{display:block;height:100%;background:#3bd7b3}.metric p{grid-column:1/3;margin:9px 0 0;font-size:10px;color:#687990;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric .network-num{font-size:16px;margin-top:-12px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;font-weight:700}.panel-head small{display:block;font-size:9px;color:#62748c;margin-top:3px}.legend{font-size:9px;color:#75869c}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3bd7b3;margin-left:10px}.legend i:nth-child(2){background:#668cff}.facts dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.facts dl div{padding:14px 0;border-bottom:1px solid #17263a}.facts dt{font-size:9px;color:#66788f}.facts dd{font-size:11px;font-weight:600;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.toolbar h2{font-size:17px;margin:0}.toolbar p{font-size:11px;color:#72839a;margin:6px 0 0}.search{display:flex;align-items:center;gap:8px;border:1px solid #24344a;background:#0a1523;border-radius:8px;padding:0 11px}.search input{width:220px;padding:10px 0;background:none;border:0;outline:none;color:#dce6f4;font-size:11px}.table-panel{padding:0;overflow:hidden}.table-panel .toolbar{padding:20px 22px 0}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#60738b;background:#0a1523;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:12px 18px}td{border-top:1px solid #18263a;padding:15px 18px;color:#9aa9bc}td b{color:#dce6f4}.status{display:inline-flex;align-items:center;gap:6px;color:#64d7b8}.status i,.dot{width:6px;height:6px;background:#3bd6ae;border-radius:50%}.mono{font-family:DM Mono;font-size:10px}.danger-sm{border:1px solid #5e2d39;background:#311923;color:#f07884;border-radius:6px;padding:5px 9px;cursor:pointer}.danger-sm:disabled{opacity:.28;cursor:not-allowed}.dnsbar select{padding:8px 36px 8px 10px;margin-left:12px}.toolbar-right{display:flex;gap:10px}.primary{border:0;border-radius:8px;background:#39d7b2;color:#061712;padding:9px 13px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer}.type{font:600 9px DM Mono;padding:5px 7px;border-radius:5px;background:#25344a;color:#9aacc4}.type-A,.type-AAAA{background:#166251;color:#57e0bd}.type-CNAME{background:#343364;color:#a9a7ff}.type-TXT{background:#61451e;color:#ffca73}.proxy{color:#f0a849;display:flex;align-items:center;gap:5px}.truncate{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash{width:29px;height:29px;border:0;background:transparent}.trash:hover{background:#3a1b25;color:#fa7683}.empty{text-align:center;padding:50px;color:#64758b}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.domain{padding:19px;display:grid;grid-template-columns:42px 1fr 32px;align-items:center}.domain-icon{width:40px;height:40px;border-radius:10px;background:#3bd7b314;color:#3bd7b3;display:grid;place-items:center}.domain h3{font-size:13px;margin:0}.domain p{font-size:9px;color:#76879d;margin:5px 0}.domain p .dot{display:inline-block;margin-right:3px}.domain>button{border:0;background:none;color:#6e8198}.domain dl{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1a293c;margin:15px 0 0;padding-top:14px}.domain dt{font-size:8px;color:#63758d}.domain dd{font-size:9px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-bg{position:fixed;inset:0;background:#02070dcc;display:grid;place-items:center;z-index:10}.modal{width:480px;background:#0d1928;border:1px solid #2a3b50;border-radius:14px;padding:25px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:7px 0}.modal-head button{border:0;background:none;color:#8292a8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal select{width:100%}.check{display:flex!important;grid-template-columns:16px 1fr;align-items:center}.check input{width:15px;height:15px;margin:0;padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.modal-actions button{border:0;padding:10px 15px;border-radius:8px;background:#17263a;color:#9bacbf}.modal-actions .primary{background:#39d7b2;color:#061712}.skeleton{padding:50px;color:#789}@media(max-width:900px){body{min-width:0}.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;gap:8px;align-items:center;margin-bottom:50px}.app{grid-template-columns:76px 1fr}.app aside{width:76px;padding:20px 10px}.app aside .brand b,.server-chip span,.app nav button:not(.active){font-size:0}.app aside .brand{justify-content:center}.server-chip{justify-content:center}.app nav button{justify-content:center}.aside-foot{display:none}.content{grid-column:2;padding:25px 18px}.metrics{grid-template-columns:1fr 1fr}.grid-two,.domain-grid{grid-template-columns:1fr}.hero{height:auto}.hero .live{display:none}}.app{background:#f4f5f7;color:#1f2937}.app aside{background:#111827;border-color:#263244}.app aside .brand{color:#fff}.app .brandmark{background:#f6821f;color:#fff}.app nav button,.app .aside-foot>button{color:#aab4c3}.app nav button:hover,.app nav button.active{background:#263244;color:#fff}.app nav button.active{border-left-color:#f6821f}.app nav button.active svg{color:#f6821f}.server-chip{background:#1b2638;border-color:#344156}.health{border-color:#344156}.content{max-width:none;color:#1f2937}.content header{background:#fff;border-bottom:1px solid #dfe3e8;margin:-30px -40px 24px;padding:24px 40px;height:92px}.crumb{color:#6b7280}.panel,.metric,.domain,.service-intro{background:#fff;border-color:#dfe3e8;border-radius:6px}.hero{background:#fff;border-color:#dfe3e8;color:#1f2937;border-radius:6px}.hero p,.metric>span,.metric p,.toolbar p,.muted{color:#6b7280}.iconbtn,.trash{background:#fff;border-color:#d1d5db;color:#4b5563}.primary,.login form>button{background:#f6821f;color:#fff}.eyebrow{color:#c65d08}.search{background:#fff;border-color:#d1d5db}.search input{color:#1f2937}.table-panel{background:#fff}th{background:#f8f9fa;color:#4b5563}td{color:#4b5563;border-color:#e5e7eb}td b{color:#1f2937}.dnsbar select,.modal input,.modal select{background:#fff;color:#1f2937;border-color:#d1d5db}.modal{background:#fff;color:#1f2937}.modal-bg{background:#11182799}.type{background:#eef0f2;color:#374151}.type-A,.type-AAAA{background:#e8f5ef;color:#18794e}.type-CNAME{background:#fff0e4;color:#b45309}.type-TXT{background:#eef2ff;color:#4338ca}.proxy{color:#c65d08}.count{background:#eef0f2;color:#4b5563}.success-note{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.connect-form input,.connect-form select,.domain-input{background:#fff;color:#1f2937;border-color:#d1d5db}.connection-preview{background:#f8f9fa;border-color:#e5e7eb}.connection-preview b{color:#374151}.form-title p,.form-help{color:#6b7280}.step-number{background:#f6821f;color:#fff}.secondary{background:#fff;color:#374151;border-color:#d1d5db}.toast{background:#fff1f2;border-color:#fecdd3;color:#be123c}.app{background:#0f1115;color:#e8e9ec}.content{color:#e8e9ec}.content header{background:#15171c;border-color:#2b2f37}.content header h1{color:#f5f6f7}.crumb{color:#8d929c}.panel,.metric,.domain,.service-intro,.hero,.table-panel{background:#171a21;border-color:#30343d;color:#e8e9ec}.hero h2,.toolbar h2,.service-intro h2{color:#f5f6f7}.hero p,.metric>span,.metric p,.toolbar p,.muted{color:#9197a3}.iconbtn,.trash,.search{background:#1d2027;border-color:#363b45;color:#b8bdc7}.search input{color:#f0f1f3}.table-panel{background:#171a21}th{background:#1d2027;color:#a5abb6}td{color:#b9bec8;border-color:#2d3139}td b{color:#f0f1f3}.dnsbar select,.modal input,.modal select{background:#1d2027;color:#f0f1f3;border-color:#3a3f49}.modal{background:#171a21;color:#f0f1f3;border-color:#3a3f49}.modal-bg{background:#050608cc}.type{background:#2a2e36;color:#d1d5db}.type-A,.type-AAAA{background:#173d31;color:#65d6ad}.type-CNAME{background:#4a2c16;color:#ffad66}.type-TXT{background:#272b52;color:#aeb5ff}.count{background:#292d35;color:#c1c6cf}.connect-form input,.connect-form select,.domain-input{background:#1d2027;color:#f0f1f3;border-color:#3a3f49}.connection-preview{background:#121419;border-color:#2d3139}.connection-preview b,.service-target b{color:#d4d7dc}.form-title p,.form-help,.service-target span{color:#9197a3}.secondary{background:#22252c;color:#d4d7dc;border-color:#3a3f49}.dns-edit-row td{padding:0;background:#121419}.dns-inline-editor{display:grid;grid-template-columns:100px minmax(180px,1fr) minmax(220px,1.4fr) 110px auto auto;align-items:center;gap:10px;padding:14px 18px;border-left:3px solid #f6821f}.dns-inline-editor input,.dns-inline-editor select{min-width:0;padding:9px 10px;border:1px solid #3a3f49;border-radius:5px;background:#1d2027;color:#f0f1f3}.dns-inline-editor>div{display:flex;gap:7px}.dns-inline-editor button{padding:8px 11px;border:1px solid #3a3f49;border-radius:5px;background:#242831;color:#d4d7dc}.dns-inline-editor .primary{background:#f6821f;color:#fff;border-color:#f6821f}.dns-proxy-check{display:flex;align-items:center;gap:6px;color:#b9bec8;font-size:11px}.dns-proxy-check input{width:15px;height:15px}.dns-actions{min-width:76px;white-space:nowrap}.dns-actions .trash{display:inline-grid;margin-left:2px;vertical-align:middle}.service-page{display:grid;gap:16px}.service-intro{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;background:#0d1827;border:1px solid #1c2a3e;border-radius:12px}.service-intro h2{font-size:22px;margin:7px 0}.service-intro p{margin:0;color:#8293aa;font-size:13px}.success-note{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#10241f;border:1px solid #245044;border-radius:8px;color:#70ddbf;font-size:12px}.success-note button{border:0;background:none;color:inherit}.service-layout{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}.connect-form{padding:24px}.form-title{display:flex;gap:12px;align-items:flex-start}.form-title.second{margin-top:28px;padding-top:24px;border-top:1px solid #1c2a3e}.form-title h2{font-size:16px;margin:1px 0 5px}.form-title p{font-size:10px;margin:0;color:#74869e}.step-number{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#39d7b2;color:#061712;font-size:11px;font-weight:800}.connect-form label{display:grid;gap:8px;margin-top:17px;font-size:11px;color:#9cadc1;font-weight:700}.connect-form input,.connect-form select{width:100%;background:#091523;border:1px solid #2a3b50;color:#e7eff9;border-radius:8px;padding:12px;outline:none}.connect-form input:focus,.connect-form select:focus{border-color:#39d7b2}.domain-input{display:flex;align-items:center;background:#091523;border:1px solid #2a3b50;border-radius:8px;padding-left:10px}.domain-input input{min-width:0;flex:1;border:0;padding-left:5px}.domain-input span{font:500 10px DM Mono;color:#71839a;white-space:nowrap}.domain-input span:last-child{padding-right:10px}.connection-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;background:#091522;border:1px solid #1c2c40;border-radius:8px;padding:13px;margin:18px 0 14px;font-size:10px}.connection-preview span{grid-column:1/4;color:#71839a}.connection-preview b{font:500 10px DM Mono;color:#bac8d9;overflow:hidden;text-overflow:ellipsis}.connection-preview i{color:#3bd7b3}.form-actions{display:flex;gap:8px}.form-actions button{flex:1;justify-content:center;padding:12px}.secondary{border:1px solid #2a3b50;border-radius:8px;background:#111f30;color:#9cadc1}.form-help{display:block;text-align:center;margin-top:11px;color:#65768d;font-size:9px}.service-list{padding:0;overflow:hidden}.service-list .toolbar{padding:20px 22px;margin:0;border-bottom:1px solid #1c2a3e}.count{padding:5px 8px;border-radius:6px;background:#162538;color:#8fa1b7;font-size:10px}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;padding:16px}.service-card{padding:17px;border:1px solid #223248;border-radius:10px;background:#0b1624}.service-card>a{display:flex;align-items:center;gap:6px;margin-top:10px;color:#e8f1fb;font-size:14px;font-weight:700;text-decoration:none}.service-target{display:grid;gap:4px;margin-top:17px;padding:11px;background:#101d2c;border-radius:7px}.service-target span{font-size:9px;color:#6f8198}.service-target b{font-size:10px;color:#aab9ca}.service-actions{display:flex;gap:8px;margin-top:13px}.service-actions button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px;border:1px solid #2a3b50;border-radius:7px;background:transparent;color:#9cadc1;font-size:10px;cursor:pointer}.service-actions .remove{color:#ef8791;border-color:#4d2b35}.readonly{font-size:9px;color:#65768d}.service-cards>.empty{grid-column:1/-1;display:grid;place-items:center;gap:9px}.service-cards>.empty b{color:#9cadc1}.service-cards>.empty span{font-size:10px}@media(max-width:1100px){.service-layout{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){.service-intro{align-items:flex-start;gap:15px}.service-cards{grid-template-columns:1fr}}.service-cards{display:block;padding:0}.service-card{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(210px,1fr) 220px;align-items:center;gap:18px;padding:15px 20px;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;background:#fff}.service-card:last-child{border-bottom:0}.service-card>a{margin:0;color:#1f2937}.service-target{margin:0;padding:0;background:transparent}.service-target span{color:#6b7280}.service-target b{color:#374151}.service-actions{margin:0}.service-actions button{color:#374151;border-color:#d1d5db;background:#fff}.readonly{color:#6b7280}@media(max-width:1100px){.service-card{grid-template-columns:1fr}.service-layout{grid-template-columns:350px 1fr}}.service-card{background:#171a21;border-color:#2d3139}.service-card>a{color:#f0f1f3}.service-target span{color:#9197a3}.service-target b{color:#d4d7dc}.service-actions button{color:#d4d7dc;border-color:#3a3f49;background:#22252c}.readonly{color:#9197a3}.service-layout:not(:has(.connect-form)){grid-template-columns:1fr}.service-intro>.primary{flex:0 0 auto;padding:11px 15px}