@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap');
:root{font-family:Arial,'Helvetica Neue',sans-serif;color:#202127;background:#f7f8fa;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.hidden{display:none!important}.shell{min-height:100vh;display:flex}.sidebar{width:248px;min-width:248px;background:#fff;border-right:1px solid #e9e9ec;display:flex;flex-direction:column;padding:26px 15px 17px;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1.2px;padding-left:12px}.brand-mark{height:31px;width:31px;display:grid;place-items:center;background:#ffcf25;color:#1d1d1d;border-radius:9px;font-size:23px;letter-spacing:-2px;padding-right:3px}.brand-mark span{color:#fff}.brand-sub{font-size:10px;font-weight:600;letter-spacing:0;color:#a2a4aa;align-self:center;margin-left:-7px;margin-top:13px}.workspace{display:flex;align-items:center;gap:10px;margin:37px 4px 29px;padding:11px 9px;border:1px solid #ededee;border-radius:11px}.workspace-icon{display:grid;place-items:center;background:#22242a;color:#fff;width:34px;height:34px;border-radius:8px;font-weight:700}.workspace div{flex:1;min-width:0}.workspace strong,.workspace div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace strong{font-size:11px}.workspace div span{font-size:11px;color:#a1a3ac;margin-top:5px}.chevron{color:#a5a7ae}.side-label{color:#aaacb4;font-size:10px;letter-spacing:1px;font-weight:700;padding:0 15px 10px}nav{display:flex;flex-direction:column;gap:4px}.nav-btn{display:flex;align-items:center;gap:13px;background:transparent;border:0;width:100%;text-align:left;color:#737680;font-weight:600;border-radius:8px;padding:12px 15px}.nav-btn:hover{background:#f6f6f7}.nav-btn.active{background:#f5f5f7;color:#1f2025}.nav-icon{width:20px;font-size:18px;display:inline-grid;place-items:center;font-weight:400}.side-bottom{margin-top:auto}.support-card{border:1px solid #ededee;border-radius:12px;padding:16px;margin:16px 2px 18px}.support-icon{width:27px;height:27px;border-radius:8px;background:#fff4cb;display:grid;place-items:center;font-weight:bold;margin-bottom:10px}.support-card strong{font-size:12px}.support-card p{font-size:11px;line-height:1.6;color:#8c8f99}.support-card a{font-size:11px;color:#25262c;text-decoration:none;font-weight:700}.logout{background:none;border:0;color:#777a83;padding:12px 15px;display:flex;gap:12px;align-items:center;width:100%;text-align:left}.main{min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid #e9e9ed;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 39px}.breadcrumb{font-size:12px;color:#aaaeb8}.breadcrumb span{margin:0 12px;color:#ced0d4}.breadcrumb b{color:#33353c;font-weight:600}.top-right{display:flex;align-items:center;gap:12px;font-size:12px}.system-ok{color:#8b8e96;font-size:11px;display:flex;gap:7px;align-items:center}.system-ok i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ab67d}.header-divider{height:26px;width:1px;background:#e9e9eb;margin:0 12px}.avatar{width:33px;height:33px;background:#e8e9ec;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:bold}.content{padding:42px 42px 65px;max-width:1500px;margin:auto}.page-overline{font-size:11px;font-weight:700;color:#a3a5ac;letter-spacing:1px;text-transform:uppercase}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 29px}.heading-row h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 9px;font-weight:750}.muted{color:#9a9da6}.heading-row p{margin:0;color:#9a9da6;font-size:13px}.btn{border:1px solid #e6e7ea;border-radius:9px;padding:11px 16px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:white;color:#26272c;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn-dark{background:#26282d;color:#fff;border-color:#26282d}.btn-yellow{background:#ffd43b;border-color:#ffd43b;color:#1d1d1d}.btn-small{padding:8px 11px;font-size:11px}.block{width:100%}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:31px}.metric{border:1px solid #e9e9ed;background:white;border-radius:13px;padding:20px 21px;min-height:126px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#888c95;font-size:12px}.metric-icon{width:28px;height:28px;border-radius:8px;background:#f5f6f8;display:grid;place-items:center;font-size:16px;color:#4b4d56}.metric-value{font-size:28px;letter-spacing:-1px;font-weight:750;margin-top:19px}.metric-note{font-size:11px;color:#a7a9af;margin-top:8px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 17px}.section-title h2{font-size:18px;letter-spacing:-.4px;margin:0}.section-title a{color:#72757e;font-size:11px;text-decoration:none;cursor:pointer}.table-box{background:#fff;border:1px solid #e9e9ed;border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;text-align:left}.data-table th{padding:17px 20px;color:#a2a5ae;font-size:10px;font-weight:700;letter-spacing:.45px;background:#fdfdfe;border-bottom:1px solid #eff0f2}.data-table td{padding:20px;color:#555962;font-size:12px;border-bottom:1px solid #f0f0f2}.data-table tr:last-child td{border-bottom:0}.server-name{font-size:12px;color:#22242a;font-weight:700;display:flex;gap:11px;align-items:center}.server-symbol{width:34px;height:34px;border:1px solid #e9e9ec;border-radius:8px;background:#fafafa;display:grid;place-items:center;font-size:16px}.small-secondary{font-size:11px;color:#a0a3aa;margin-top:5px}.status{display:inline-flex;gap:7px;align-items:center;border-radius:6px;background:#ebfaf3;color:#198c60;font-weight:700;padding:6px 9px;font-size:10px}.status.offline{background:#f4f4f6;color:#888b93}.status.pending{background:#fff6da;color:#a57810}.status.rejected{background:#fff0ed;color:#bc5849}.progress-line{width:90px;height:5px;background:#f0f1f3;border-radius:4px;overflow:hidden;margin-top:8px}.progress-line>span{display:block;height:100%;border-radius:4px;background:#f2c42d}.progress-line.red>span{background:#e76a5a}.arrow-btn{width:28px;height:28px;border-radius:6px;background:#f7f7f9;border:1px solid #ececef;color:#777;cursor:pointer}.notice{border:1px solid #e9e9eb;background:#fff;border-radius:12px;padding:19px 21px;display:flex;align-items:center;gap:15px;margin-top:22px}.notice-ico{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:#fff4d0;font-size:17px}.notice strong{font-size:12px}.notice p{font-size:11px;color:#a0a2aa;margin:6px 0 0;line-height:1.5}.notice .btn{margin-left:auto}.empty{padding:45px 20px;text-align:center;color:#92949d}.empty strong{display:block;color:#4d5059;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:11px;color:#54565f}.field input,.field select,.login-card input{width:100%;height:42px;border:1px solid #e3e4e8;background:white;border-radius:8px;padding:0 12px;outline:none;color:#27292f}.field input:focus,.field select:focus,.login-card input:focus{border-color:#b5a064}.modal-backdrop{position:fixed;inset:0;background:#10121870;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:white;border-radius:15px;max-width:520px;width:100%;padding:26px;box-shadow:0 25px 80px #0002}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.modal-head h2{margin:0;font-size:20px;letter-spacing:-.5px}.icon-button{border:0;background:#f5f5f7;border-radius:7px;width:28px;height:28px;font-size:19px;color:#999}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.form-error{font-size:12px;color:#c14848;min-height:14px;margin:5px 0}.form-help{color:#989aa2;font-size:11px;line-height:1.6}.toast{position:fixed;bottom:30px;right:30px;background:#292b31;border-radius:8px;color:white;padding:14px 18px;font-size:12px;box-shadow:0 14px 35px #0003;z-index:30}.login-layout{min-height:100vh;display:grid;place-items:center;background:#f7f8fa;padding:40px 20px}.login-card{width:410px;max-width:100%;background:white;padding:38px;border:1px solid #ececef;border-radius:16px}.brand-lg{padding:0;margin-bottom:48px}.login-card h1{font-size:27px;letter-spacing:-1px;margin:0 0 10px}.login-card>p{margin:0 0 30px;line-height:1.6}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.login-card input{display:block;margin-top:9px}.login-card .btn{margin-top:5px}.login-bottom{border-top:1px solid #eee;margin-top:26px;padding-top:19px;color:#aaa;font-size:11px;text-align:center}.login-layout footer{position:absolute;bottom:20px;left:30px;right:30px;color:#a6a8af;font-size:11px;display:flex;justify-content:space-between}.pill{background:#f3f4f6;color:#626570;border-radius:6px;padding:5px 8px;font-size:11px;display:inline-block}.keybox{background:#f6f6f7;padding:13px;border-radius:8px;overflow-wrap:anywhere;margin:14px 0;font-family:monospace;font-size:12px}.server-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:20px}.detail-box{background:#fff;border:1px solid #e9e9ed;border-radius:12px;padding:22px}.detail-box h3{margin:0 0 22px;font-size:14px}.resource-row{margin:16px 0}.resource-row>div:first-child{display:flex;justify-content:space-between;font-size:12px}.resource-row .progress-line{width:100%;height:7px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fact-name{font-size:11px;color:#9c9fa7;margin-bottom:9px}.fact-value{font-size:13px;font-weight:700;overflow-wrap:anywhere}.back-link{border:0;background:none;padding:0;color:#989aa2;font-size:12px;margin-bottom:15px}.inline-actions{display:flex;gap:8px;align-items:center}.small-note{background:#fff9e8;border:1px solid #faedcd;padding:14px 17px;color:#806928;font-size:12px;line-height:1.6;border-radius:9px;margin:15px 0}.tabs{display:flex;gap:12px;border-bottom:1px solid #e9e9ec;margin:26px 0 20px}.tab{border:0;background:none;padding:0 12px 15px;font-weight:700;color:#a1a3aa;font-size:12px}.tab.active{color:#222;border-bottom:2px solid #ffcd29}.money-positive{color:#16966a!important;font-weight:700}.login-card form{margin-top:4px}@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 23px}.content{padding:30px 25px}.sidebar{width:208px;min-width:208px}}@media(max-width:720px){.shell{display:block}.sidebar{width:100%;min-height:auto;padding:13px;display:block;border-bottom:1px solid #eee}.sidebar .brand{font-size:19px}.sidebar .workspace,.sidebar .side-label,.sidebar .side-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:12px}.nav-btn{width:auto;white-space:nowrap;padding:10px}.topbar{height:56px}.system-ok,.header-divider{display:none}.content{padding:25px 14px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row h1{font-size:25px}.summary-grid{gap:8px}.metric{padding:14px;min-height:110px}.metric-value{font-size:23px}.table-box{overflow:auto}.data-table{min-width:700px}.server-detail-grid,.form-grid{grid-template-columns:1fr}.login-layout footer span{display:none}}

/* Nodes Dark — restrained UI; no gradients, shadows or glowing elements */
:root{font-family:'Arial',system-ui,sans-serif;color:#e8e9eb;background:#0e1013;font-variant-numeric:tabular-nums}
body,.login-layout{background:#0e1013;color:#e8e9eb}
.sidebar,.topbar,.login-card,.table-box,.metric,.detail-box,.notice,.modal,.support-card{background:#15171b;border-color:#282b32;color:#e8e9eb;box-shadow:none}
.sidebar{background:#121417}.topbar{background:#15171b}.brand{color:#f3f3f4;letter-spacing:-.7px}.brand-mark{background:#f1c84f;color:#101114;border-radius:8px;font-size:23px;letter-spacing:0;padding:0;width:31px}
.workspace{border-color:#292d34}.workspace-icon,.metric-icon,.server-symbol,.notice-ico{background:#23262c;color:#dbdcdf;border-color:#32363e}
.side-label,.page-overline,.breadcrumb,.breadcrumb b,.workspace strong,.metric-top,.metric-note,.small-secondary,.fact-name,.login-bottom{color:#9298a4}
.nav-btn,.logout{color:#989da6}.nav-btn:hover{background:#202329}.nav-btn.active{background:#26292f;color:#f2f3f4}
.heading-row h1,.section-title h2,.server-name,.detail-box h3,.modal-head h2,.fact-value,.metric-value,.login-card h1{color:#f3f3f4}
.heading-row p,.muted,.form-help,.support-card p,.data-table td,.data-table th{color:#999ea9}
.data-table th{background:#1b1d22;border-color:#292c32}.data-table td{border-color:#292c32}.data-table tr:hover td{background:#191b20}
.metric,.detail-box,.notice,.table-box{border-radius:10px}.metric-value{font-family:Inter,'Arial',sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-weight:650;letter-spacing:-1.15px}
.btn{background:#25282e;border:1px solid #383b43;color:#f2f2f3}.btn-dark{background:#383c44;border-color:#383c44}.btn-yellow{background:#efc94f;border-color:#efc94f;color:#121315}.btn:hover{filter:brightness(1.1)}
.field input,.field select,.login-card input{background:#1b1e23;border-color:#333840;color:#f1f1f2}.field{color:#b7bac2}
.modal-backdrop{background:#050506cb}.icon-button,.arrow-btn{background:#26292f;border-color:#35383f;color:#d3d5d9}.toast{background:#33363d;box-shadow:none}
.status{background:#1c342b;color:#7bd6a8}.status.offline{background:#2a2c30;color:#a0a3ab}.status.pending{background:#3a3323;color:#f3d280}.status.rejected{background:#3b2525;color:#f0a5a5}.pill,.keybox{background:#272a30;color:#cdd0d5}.progress-line{background:#33363c}.progress-line>span{background:#e7c34d}.progress-line.red>span{background:#ee7969}.tabs{border-color:#35383e}.tab.active{color:#f1f1f2}
.login-card{border-radius:12px}.login-bottom{border-color:#292c33}.header-divider{background:#2b2e35}.avatar{background:#31343b}.money-positive{color:#7bd6a8!important}.small-note{background:#262319;border-color:#3b3322;color:#c4b58b}
@media(max-width:720px){.sidebar{border-color:#282b32}}

:root{font-family:'Onest',Arial,sans-serif}.metric-value{font-family:'Onest',Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.data-table td,.fact-value{font-variant-numeric:tabular-nums} 

/* 3x-ui section */
.vpn-error{color:#efa48f;font-size:12px}.vpn-delete{border-color:#634342;color:#ffb0aa}.vpn-delete:hover{background:#352122}.section-title .muted{font-size:12px}.page-overline{letter-spacing:.12em}