.member-links{display:grid;gap:4px}
.member-links a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 0;font-weight:700;font-size:14px}
.member-links a span{color:var(--blue);font-size:12px;font-weight:600}
.coupon-form{display:flex;align-items:end;gap:10px;margin-top:20px}.coupon-form .field{flex:1}.coupon-form .btn{white-space:nowrap;height:43px}
@media(max-width:560px){.member-links a{flex-direction:column;gap:3px}}
@media(max-width:560px){.coupon-form{flex-direction:column;align-items:stretch}.coupon-form .btn{width:100%}}

/* Customer product and service list, modeled on a classic hosting portal. */
.service-layout{width:min(1600px,calc(100% - 60px));display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;padding-top:60px}
.service-sidebar{padding-top:3px}
.service-sidebar h3{font-size:18px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.service-sidebar h3:not(:first-child){margin-top:47px}
.service-filter-list{display:grid;gap:10px}
.service-filter-list a{display:flex;align-items:center;gap:10px;color:#40546f;font-size:15px;padding:2px 0}
.service-filter-list a:hover,.service-filter-list a.active{color:var(--blue)}
.filter-count{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 7px;border-radius:18px;background:#a0a6ad;color:white;font-size:12px}
.service-filter-list a.active .filter-count{background:var(--blue)}
.filter-ring{width:17px;height:17px;border:2px solid #96a7bc;border-radius:50%;display:inline-block}
.service-filter-list a.active .filter-ring{border-color:var(--blue);box-shadow:inset 0 0 0 3px #fff;background:var(--blue)}
.sidebar-action{display:block;color:#50627a;padding:9px 10px;font-size:14px}
.sidebar-action:hover{color:var(--blue)}
.service-main{min-width:0}
.service-titlebar{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:38px}
.service-titlebar h1{font-size:40px;letter-spacing:-.8px;line-height:1.2;margin:0 0 12px;color:#252b34}
.service-titlebar .breadcrumbs{font-size:14px;color:#8d9aae}
.service-title-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.service-search{height:45px;display:flex;align-items:center;gap:6px;border:1px solid #d1dce9;border-radius:6px;padding:0 12px;width:260px;color:#8798aa;background:#fff}
.service-search span{font-size:27px;line-height:1}
.service-search input{border:0;outline:0;width:100%;font-size:14px;color:var(--ink)}
.service-table-box{border:1px solid #d6e0eb;border-radius:6px;box-shadow:0 4px 14px rgba(28,52,83,.05);background:#fff;overflow:visible}
.service-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-size:14px}
.service-table-toolbar select{margin-left:10px;border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:#50627a;background:#fff}
.service-table-toolbar>span{color:#8997a8;font-size:12px}
.service-table-scroll{border:0;border-radius:0;overflow:visible}
.service-table{min-width:740px}
.service-table th{font-size:14px;font-weight:600;color:#26354a;background:#fff;padding:16px 16px}
.service-table th button{border:0;background:transparent;color:inherit;font-weight:inherit;padding:0;text-align:left}
.service-table th button:hover{color:var(--blue)}
.service-table td{font-size:15px;padding:20px 16px;color:#24364c;vertical-align:middle}
.service-table th:first-child,.service-table td:first-child{width:45%}
.service-table th:nth-child(2),.service-table td:nth-child(2){width:16%}
.service-table th:nth-child(3),.service-table td:nth-child(3){width:19%}
.service-name{font-weight:700;color:#172c47}
.service-ip{font-size:12px;color:#9aa8b8;margin-top:8px}
.service-ip a{color:var(--blue)}
.service-price{white-space:nowrap}
.service-price small{display:block;color:var(--muted);margin-top:6px}
.service-table .badge{font-size:12px}
.service-table .badge.muted{background:#eef0f3;color:#657182}
.service-action-wrap{position:relative}
.service-more{border:0;background:transparent;color:var(--blue);font-weight:800;letter-spacing:1px;font-size:18px;padding:6px 12px}
.service-actions{position:absolute;right:0;top:100%;z-index:5;width:150px;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);padding:5px}
.service-actions[hidden]{display:none}
.service-actions a{display:block;padding:9px 10px;font-size:12px;border-radius:4px}
.service-actions a:hover{background:#edf5ff}
@media(max-width:1050px){.service-layout{grid-template-columns:190px minmax(0,1fr);gap:22px;width:min(100% - 34px,1600px)}.service-titlebar{flex-wrap:wrap}.service-title-actions{width:100%;justify-content:flex-end}}
@media(max-width:780px){.service-layout{display:block;padding-top:32px}.service-sidebar{margin-bottom:28px}.service-sidebar h3:not(:first-child),.sidebar-action{display:none}.service-filter-list{display:flex;overflow:auto;gap:10px;padding-bottom:10px}.service-filter-list a{white-space:nowrap;border:1px solid var(--line);border-radius:50px;padding:6px 10px}.filter-ring{display:none}.service-titlebar h1{font-size:30px}.service-table-scroll{overflow-x:auto}.service-table-box{overflow:hidden}}
@media(max-width:560px){.service-title-actions{flex-wrap:wrap;justify-content:stretch}.service-search{width:100%}.service-title-actions .btn{width:100%}.service-layout{width:min(100% - 28px,1600px)}.service-titlebar h1{font-size:28px}}

/* Unified customer workspace. */
body.member-mode{background:#f1f3f7}body.member-mode>.topline,body.member-mode>.site-header,body.member-mode>.site-footer{display:none}body.member-mode #app{min-height:100vh}.member-shell{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:76px minmax(calc(100vh - 76px),auto);min-height:100vh;background:#f1f3f7;color:#26364f}.member-frame-sidebar{grid-column:1;grid-row:1/3;background:#fff;border-right:1px solid #e5e8ef;display:flex;flex-direction:column;z-index:22}.member-frame-brand{height:76px;padding:0 24px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:#223653;white-space:nowrap}.member-frame-brand small{display:block;font-size:11px;letter-spacing:2px;color:#8390a3;margin-top:4px}.member-brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#1e5fbe,#72c3fb);border-radius:50%;color:#fff;font-size:26px;box-shadow:0 4px 12px #2472bd35}.member-frame-sidebar nav{padding:19px 13px;overflow-y:auto;flex:1}.member-nav-main{display:flex;align-items:center;gap:13px;padding:10px 12px;min-height:57px;font-weight:700;font-size:14px;color:#293b5b;border-radius:8px}.member-nav-main:hover,.member-nav-main.active{color:#2f61d2;background:#eef3ff}.member-nav-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:#fff;border-radius:8px;box-shadow:0 3px 12px #1c396e17;color:#3c60a8;font-size:18px}.member-nav-main.active .member-nav-icon{background:#dce9ff}.member-nav-arrow{margin-left:auto;color:#8290a9;font-size:22px}.member-nav-group{margin:3px 0}.member-nav-children{display:grid;gap:2px;margin:0 0 7px 63px}.member-nav-children a{padding:7px 9px;border-radius:5px;color:#67758c;font-size:12px}.member-nav-children a:hover,.member-nav-children a.active{background:#edf3ff;color:#275ecd;font-weight:700}.member-sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #e8ecf2;padding:17px 20px;min-width:0}.member-user-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f0ff;color:#2b62b8;font-weight:800}.member-sidebar-footer>span:last-child{min-width:0}.member-sidebar-footer strong,.member-sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-sidebar-footer strong{font-size:13px}.member-sidebar-footer small{color:#8895a8;font-size:11px;margin-top:3px}.member-frame-topbar{grid-column:2;grid-row:1;background:linear-gradient(105deg,#8c74ea 0%,#7796ee 52%,#5ec3f2 100%);color:#fff;display:flex;align-items:center;gap:16px;padding:0 26px}.member-frame-topbar button{border:0;background:transparent;color:#fff}.member-frame-toggle{font-size:23px;width:34px;height:38px}.member-frame-home{font-size:29px;line-height:1;color:#fff}.member-frame-home:hover{color:#fff}.member-topbar-title{font-size:13px;font-weight:700;letter-spacing:.7px;opacity:.85;margin-left:4px}.member-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.member-topbar-actions button{font-size:13px;font-weight:700;white-space:nowrap}.member-topbar-alert{position:relative;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#ffffff28;color:#fff;font-size:20px}.member-topbar-alert:hover{color:#fff;background:#ffffff42}.member-topbar-alert b{position:absolute;right:-3px;top:-4px;min-width:17px;border-radius:10px;background:#e96868;font-size:10px;text-align:center}.member-frame-main{grid-column:2;grid-row:2;padding:30px;min-width:0}.member-frame-main .wrap{width:100%;max-width:none}.member-frame-main>.page-head{border:0;background:transparent;padding:8px 0 0}.member-frame-main>.page-head h1{font-size:29px}.member-frame-main>.content-wrap{padding:26px 0 48px}.member-frame-main .service-layout{display:block;width:100%;padding-top:5px}.member-frame-main .service-sidebar{display:none}.member-frame-main .service-titlebar{margin-bottom:22px}.member-frame-main .service-titlebar h1{font-size:29px}.member-frame-main .service-main{width:100%}.member-frame-main .service-table-box{box-shadow:none}.member-frame-main .panel,.member-frame-main .order-row,.member-frame-main .ticket-row,.member-frame-main .article-row{box-shadow:0 4px 18px #16335d09}.member-dashboard{max-width:1800px;margin:auto}.member-dash-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.member-dash-title span{color:#627de5;font-size:11px;letter-spacing:2px;font-weight:800}.member-dash-title h1{font-size:27px;margin:6px 0 5px}.member-dash-title p{color:#8b97a7;margin:0;font-size:13px}.member-dash-top{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.member-dash-card{background:#fff;border:1px solid #e9edf3;border-radius:3px;box-shadow:0 4px 18px #16335d09}.member-dash-head{min-height:62px;border-bottom:1px solid #e7ebf1;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.member-dash-head h2{font-weight:500;color:#408ef0;font-size:20px;margin:0}.member-dash-head>a,.member-dash-head>span{color:#8995a6;font-size:12px}.member-basic{padding:21px 22px;display:grid;gap:10px;color:#607188;font-size:14px}.member-basic p{margin:0 0 4px;color:#465a74}.member-basic p strong{color:#27344e}.member-basic div{display:flex;gap:10px}.member-basic div span{min-width:88px}.member-basic div strong{font-weight:600;color:#324665}.member-basic .member-highlight{color:#ec5e50;font-weight:800}.member-business-grid{padding:19px 23px;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.member-business-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5f7088;font-size:13px}.member-business-grid a:before{content:'▧';color:#afbac8;margin-right:2px}.member-business-grid a strong{margin-left:auto;color:#f26052;font-size:14px}.member-quick-panel{margin-top:18px}.member-quick-grid{padding:28px 26px 31px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:15px}.member-quick-grid a{display:flex;align-items:center;flex-direction:column;gap:13px;text-align:center;font-size:13px;color:#53627a;white-space:nowrap}.member-quick-grid a:hover{color:#2e65d0}.member-quick-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;font-size:33px;color:#fff;transition:transform .2s}.member-quick-grid a:hover .member-quick-icon{transform:translateY(-4px)}.member-quick-icon.blue{background:linear-gradient(135deg,#68a4ff,#545ce8)}.member-quick-icon.sky{background:linear-gradient(135deg,#69befc,#5d87ed)}.member-quick-icon.violet{background:linear-gradient(135deg,#a494f1,#797dea)}.member-quick-icon.mint{background:linear-gradient(135deg,#91d8b2,#67c4cf)}.member-quick-icon.orange{background:linear-gradient(135deg,#f5b070,#e89077)}.member-quick-icon.purple{background:linear-gradient(135deg,#bba8f0,#8c8deb)}.member-dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.member-dash-bottom a{background:#fff;border:1px solid #e9edf3;border-radius:4px;padding:18px 20px;display:grid;gap:4px}.member-dash-bottom span{font-size:12px;color:#8b96a7}.member-dash-bottom strong{font-size:25px;color:#2e4568}.member-dash-bottom small{font-size:11px;color:#428cf0}
@media(max-width:1500px){.member-quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.member-shell{grid-template-columns:1fr}.member-frame-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 34px #12284825}.member-shell.menu-open .member-frame-sidebar{transform:translateX(0)}.member-frame-topbar,.member-frame-main{grid-column:1}.member-frame-main{padding:22px}.member-dash-top{grid-template-columns:1fr}}@media(max-width:640px){.member-frame-topbar{padding:0 14px}.member-topbar-title{display:none}.member-frame-main{padding:16px}.member-dash-title{align-items:start;flex-direction:column}.member-business-grid{grid-template-columns:1fr}.member-quick-grid{grid-template-columns:repeat(2,1fr);padding:23px 12px}.member-quick-icon{width:68px;height:68px;font-size:27px}.member-dash-bottom{grid-template-columns:1fr}}

/* Compact member workspace. */
.member-shell{grid-template-columns:238px minmax(0,1fr);grid-template-rows:64px minmax(calc(100vh - 64px),auto)}.member-frame-brand{height:64px;padding:0 18px;font-size:18px;gap:9px}.member-frame-brand small{font-size:10px;margin-top:3px}.member-brand-mark{width:35px;height:35px;font-size:22px}.member-frame-sidebar nav{padding:12px 9px}.member-nav-main{min-height:48px;padding:6px 9px;gap:10px;font-size:13px}.member-nav-icon{width:33px;height:33px;flex-basis:33px;font-size:16px}.member-nav-children{margin-left:52px;margin-bottom:4px}.member-nav-children a{padding:5px 8px;font-size:12px}.member-sidebar-footer{padding:12px 15px}.member-frame-topbar{padding:0 20px}.member-frame-main{padding:20px}.member-frame-main>.page-head{padding-top:3px}.member-frame-main>.page-head h1{font-size:25px}.member-frame-main>.content-wrap{padding:17px 0 34px}.member-frame-main .service-titlebar{margin-bottom:16px}.member-frame-main .service-titlebar h1{font-size:25px}.member-dash-title{margin-bottom:16px}.member-dash-title h1{font-size:24px;margin:4px 0}.member-dash-title p{font-size:12px}.member-dash-top{gap:12px}.member-dash-head{min-height:52px;padding:12px 17px}.member-dash-head h2{font-size:17px}.member-basic{padding:15px 18px;gap:7px;font-size:13px}.member-business-grid{padding:15px 18px;gap:10px 18px}.member-quick-panel{margin-top:12px}.member-quick-grid{padding:20px 18px 22px;gap:12px}.member-quick-grid a{gap:9px;font-size:12px}.member-quick-icon{width:64px;height:64px;font-size:27px}.member-dash-bottom{gap:12px;margin-top:12px}.member-dash-bottom a{padding:13px 17px}.member-dash-bottom strong{font-size:21px}
@media(max-width:1050px){.member-shell{grid-template-columns:1fr}.member-frame-sidebar{width:238px}.member-frame-main{padding:18px}}@media(max-width:640px){.member-frame-topbar{padding:0 12px}.member-frame-main{padding:14px}.member-quick-grid{grid-template-columns:repeat(2,1fr);padding:17px 10px}.member-quick-icon{width:60px;height:60px;font-size:25px}}

/* Shortcut icons match the compact reference size. */
.member-quick-grid{padding:16px 24px 18px;gap:10px}.member-quick-grid a{gap:7px;font-size:12px}.member-quick-icon{width:52px;height:52px;font-size:22px}.member-quick-panel .member-dash-head{min-height:48px;padding-top:10px;padding-bottom:10px}
@media(max-width:640px){.member-quick-grid{padding:15px 10px 17px}.member-quick-icon{width:48px;height:48px;font-size:20px}}

/* Customer server control console. */
.service-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.service-row-actions .btn{padding:7px 11px}.service-console{padding-top:14px}.service-console-head{display:flex;align-items:start;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-bottom:0;padding:18px 20px}.service-console-head h2{font-size:18px;margin:0 0 5px}.service-console-head p{font-size:12px;color:var(--muted);margin:0}.service-console-tabs{display:flex;gap:27px;background:#fff;border:1px solid var(--line);border-top:0;padding:0 20px}.service-console-tabs a{padding:14px 0 11px;border-bottom:3px solid transparent;font-size:13px}.service-console-tabs a.active{color:var(--blue);border-bottom-color:var(--blue)}.service-control-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-top:0;padding:15px 20px}.service-power{display:inline-flex;align-items:center;border:1px solid #b7dda5;background:#f3fbea;color:#62ad42;padding:8px 13px;border-radius:5px;font-size:13px;margin-right:4px}.service-power.red{border-color:#efc1c8;background:#fff1f3;color:#b73f52}.service-power.warn{border-color:#ead19c;background:#fff8e9;color:#a56b13}.service-control-unavailable{margin:0;border-radius:0}.service-console-panel{background:#fff;border:1px solid var(--line);border-top:0;padding:0 0 24px}.service-console-panel>h3{font-size:15px;margin:0;padding:15px 20px;border-bottom:1px solid var(--line)}.service-info-rows>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;padding:12px 20px;border-bottom:1px solid #edf0f4;align-items:start}.service-info-rows span{color:#718199;font-size:13px}.service-info-rows strong{color:#253853;font-size:13px;overflow-wrap:anywhere}.service-secret{margin:17px 20px 0;border:1px solid #d8e5f5;border-radius:6px;padding:12px 14px;background:#f5f9ff}.service-secret summary{cursor:pointer;color:#2b68b8;font-size:13px;font-weight:700}.service-secret code{display:block;margin-top:12px;overflow-wrap:anywhere}.service-monitor-card{margin:20px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:7px;padding:17px}.service-monitor-card span{color:var(--muted);font-size:13px}.service-monitor-card strong{font-size:20px;color:#3b8b55}.service-monitor-card small{margin-left:auto;color:var(--muted)}.service-install{margin:20px;border:1px solid #dce4ef;border-radius:7px;padding:17px}.service-install>div{height:8px;background:#e8edf4;border-radius:5px;overflow:hidden;margin:12px 0}.service-install>div span{display:block;height:100%;background:var(--blue)}.service-install p{color:var(--muted);font-size:13px;margin:0}.service-dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:10px;padding:0;box-shadow:0 18px 70px #10233d4d;color:var(--ink)}.service-dialog::backdrop{background:#13284299}.service-dialog form{padding:22px}.service-dialog .field{margin:15px 0}.service-dialog .check{display:block;font-size:13px;color:#5d6d83;margin:13px 0}.service-dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:-4px 0 16px;padding-bottom:13px}.service-dialog-head h3{margin:0}.service-dialog-head button{border:0;background:transparent;font-size:24px;color:#7c899b}.service-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.service-console-panel .table-wrap{margin:20px;border-radius:5px}
@media(max-width:780px){.service-console-tabs{gap:18px;overflow-x:auto}.service-console-tabs a{white-space:nowrap}.service-info-rows>div{grid-template-columns:120px minmax(0,1fr)}.service-row-actions{flex-wrap:wrap}.service-monitor-card{align-items:start;flex-direction:column}.service-monitor-card small{margin-left:0}}
.service-console-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.member-mode .loading{min-height:100vh;display:grid;place-items:center;background:#f1f3f7;padding:24px;font-size:13px}
.reinstall-dialog{width:min(740px,calc(100% - 28px));max-height:90vh}.reinstall-dialog form{padding:26px 28px}.reinstall-dialog .field{margin:22px 0;gap:10px}.reinstall-families{border:0;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:10px}.reinstall-families legend,.reinstall-section-label{font-size:13px;color:#65748a;margin-bottom:13px}.reinstall-choice{border:1px solid #d9dfeb;background:white;color:#5d6572;border-radius:6px;padding:11px 18px;min-width:125px;box-shadow:0 2px 4px #20344b08;font-size:14px}.reinstall-choice.selected{border-color:#526bff;color:#4160f3;background:#f6f8ff}.reinstall-disk-choices{display:flex;gap:12px;margin-bottom:23px}.reinstall-disk[hidden]{display:none!important}.reinstall-account{background:#f4f6fa;border:1px solid #e0e5ee;border-radius:6px;padding:13px;color:#79879a;font-size:13px}.reinstall-port-hint{font-size:13px;color:#738198;margin:18px 0}.reinstall-password-tools{display:flex;gap:12px;justify-content:flex-end}.reinstall-password-tools button{border:0;background:transparent;color:#456be0;font-size:12px;padding:3px}.reinstall-dialog .service-dialog-actions{border-top:1px solid #e6eaf1;padding-top:18px}.reinstall-dialog .notice{font-size:12px}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.metric-panel{border:1px solid #e0e6ef;border-radius:7px;padding:17px;min-width:0}.metric-panel h4{margin:0 0 13px;font-size:15px}.metric-panel p{margin:0 0 10px}.metric-chart{display:block;width:100%;height:auto;background:#fbfcff;border-radius:4px}.metric-legend,.metric-times{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7a889a;font-size:11px}.metric-legend span{display:inline-flex;align-items:center;gap:5px}.metric-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.metric-times{margin-top:9px}.traffic-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.traffic-totals>div{display:grid;gap:5px;background:#f5f8fc;padding:13px;border-radius:5px}.traffic-totals span,.traffic-totals small{font-size:11px;color:#708197}.traffic-totals strong{font-size:17px}
@media(max-width:850px){.metric-grid{grid-template-columns:1fr}.traffic-totals{grid-template-columns:1fr}}
.member-frame-main:has(.service-console)>.page-head{display:none}.service-console{padding-top:0!important}.service-console-head{border-radius:12px 12px 0 0;padding:24px;background:linear-gradient(110deg,#f4f7ff,#fff)}.service-console-head h2{font-size:23px;color:#203654}.service-console-tabs{padding:0 24px;gap:30px}.service-control-actions{padding:15px 24px;background:#fafcff}.service-control-actions .btn{border-radius:7px}.service-console-panel{border-radius:0 0 12px 12px}.service-info-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e8edf5;margin:16px 22px;border:1px solid #e8edf5;border-radius:8px;overflow:hidden}.service-info-rows>div{background:#fff;border:0;padding:15px 18px;grid-template-columns:125px minmax(0,1fr)}.service-console-panel>h3{font-size:15px;color:#445a78;padding:19px 24px}.service-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.service-plan>section{background:#fff;border:1px solid #dfe6f0;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:start;gap:10px}.service-plan>section>span,.plan-switch>span{font-size:13px;color:#7a899e}.service-plan strong{font-size:18px;color:#294668}.service-plan small,.service-plan p{font-size:12px;color:#7d8ba1;line-height:1.7;margin:0}.service-plan a,.service-plan summary{color:#356ed1;font-size:13px;cursor:pointer}.plan-switch{display:flex;justify-content:space-between;width:100%;gap:10px}.plan-switch label{font-size:12px;color:#466cb0}.plan-switch input{accent-color:#426fe5}.service-plan details{width:100%}.service-plan textarea{display:block;width:100%;border:1px solid #dae2ef;border-radius:6px;min-height:85px;padding:10px;margin:12px 0;font-size:12px}
@media(max-width:1050px){.service-plan{grid-template-columns:1fr}.service-info-rows{grid-template-columns:1fr}}@media(max-width:600px){.service-console-head{padding:18px}.service-info-rows{margin:12px}.service-info-rows>div{grid-template-columns:95px minmax(0,1fr);padding:13px}}
@media(max-width:560px){.reinstall-dialog form{padding:18px}.reinstall-choice{min-width:110px;padding:10px 12px}.reinstall-disk-choices{flex-wrap:wrap}}
.member-nav-group>.member-nav-main{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}.member-nav-group>.member-nav-main:hover{background:#eef3ff;color:#2f61d2}.member-nav-group.open>.member-nav-main{color:#2f61d2;background:#eef3ff}.member-nav-group .member-nav-children{display:none}.member-nav-group.open .member-nav-children{display:grid}.member-nav-arrow{transition:transform .18s}.member-nav-group.open .member-nav-arrow{transform:rotate(90deg)}
.member-quick-panel{max-width:940px}.member-quick-grid{grid-template-columns:repeat(8,94px);justify-content:start;gap:12px;padding:14px 18px 17px}.member-quick-grid a{gap:6px;font-size:11px}.member-quick-icon{width:48px;height:48px;font-size:20px}.member-quick-grid a:hover .member-quick-icon{transform:translateY(-2px)}
@media(max-width:1100px){.member-quick-grid{grid-template-columns:repeat(4,94px)}}
@media(max-width:640px){.member-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 12px 16px}.member-quick-icon{width:46px;height:46px;font-size:19px}}
.wallet-page{display:grid;gap:18px}.wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;background:linear-gradient(115deg,#eef4ff,#fff);border:1px solid #dce7f6;border-radius:10px}.wallet-summary span{font-size:13px;color:#607490}.wallet-summary strong{display:block;margin:7px 0;font-size:31px;color:#2459ac}.wallet-summary p{margin:0;color:#77899f;font-size:12px}.wallet-section-title{font-size:17px;margin:10px 0 0}.wallet-credit{color:#258554;font-weight:700}.wallet-debit{color:#b55446;font-weight:700}.wallet-page .table-wrap{background:#fff}.wallet-page .two-col{align-items:start}.wallet-page .two-col .panel{height:100%}
@media(max-width:640px){.wallet-summary{align-items:start;flex-direction:column;padding:20px}.wallet-page .table-wrap{overflow-x:auto}}
.service-list-page{max-width:1800px;margin:auto}.service-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.service-list-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#607ee1}.service-list-head h1{font-size:26px;color:#203653;margin:6px 0}.service-list-head p{font-size:13px;color:#8390a2;margin:0}.service-list-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px}.service-list-summary>div{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e3e9f2;border-radius:8px;padding:14px 17px}.service-list-summary span{color:#7889a0;font-size:12px}.service-list-summary strong{font-size:21px;color:#2b5394}.service-list-panel{background:#fff;border:1px solid #e2e8f1;border-radius:9px;box-shadow:0 8px 25px #1b3c6510;overflow:hidden}.service-list-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px 0}.service-type-tabs{display:flex;gap:7px}.service-type-tabs a{display:flex;align-items:center;gap:7px;padding:10px 13px;color:#73829a;border-bottom:3px solid transparent;font-size:13px;font-weight:700;white-space:nowrap}.service-type-tabs a.active{color:#3569d5;border-bottom-color:#3569d5}.service-type-tabs small{border-radius:10px;background:#edf2f9;padding:2px 5px;font-size:10px;color:#8190a4}.service-list-search{display:flex;gap:7px}.service-list-search input{border:1px solid #dce4ee;border-radius:6px;padding:9px 12px;width:250px;outline:0;font-size:12px}.service-list-search input:focus{border-color:#6d91e3}.service-list-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-top:1px solid #edf0f5}.service-list-filters>div{display:flex;gap:6px;overflow:auto}.service-list-filters a{padding:8px 12px;border-radius:6px;background:#f4f6fa;color:#687990;font-size:12px;white-space:nowrap}.service-list-filters a.active{background:#e8efff;color:#385fd0;font-weight:800}.service-list-filters small{margin-left:5px;color:#91a0b2}.service-list-filters>span{font-size:12px;color:#9aa6b5;white-space:nowrap}.service-list-scroll{border:0;border-radius:0}.service-list-table{min-width:1170px}.service-list-table th{background:#f7f9fc;color:#79899d;font-size:11px;white-space:nowrap;padding:13px}.service-list-table td{font-size:12px;color:#33445e;padding:16px 13px;vertical-align:middle}.service-list-table td strong{color:#263b59}.service-list-table td small{display:block;color:#8a9aaf;margin-top:5px;font-size:11px}.service-list-table td code{font:12px inherit;color:#3867b1}.service-list-id{color:#385fd0;font-weight:800;font-size:14px}.service-list-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:5px;background:#edf2f8;color:#5b718f;font-weight:700;white-space:nowrap}.service-list-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.service-list-status.active{background:#ebf8ed;color:#48a15d}.service-list-status.expiring,.service-list-status.unpaid{background:#fff4df;color:#b37a1a}.service-list-status.expired,.service-list-status.suspended{background:#fff0f0;color:#bf5660}.service-list-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.service-list-actions .btn{padding:7px 9px;font-size:11px}.service-list-actions .service-actions{z-index:4}
@media(max-width:950px){.service-list-panel-head{align-items:stretch;flex-direction:column}.service-list-search input{width:100%}.service-list-filters{align-items:flex-start;flex-direction:column}.service-list-head h1{font-size:23px}}
@media(max-width:620px){.service-list-head{align-items:flex-start;flex-direction:column}.service-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.service-list-summary>div{padding:11px}.service-list-panel-head,.service-list-filters{padding-left:13px;padding-right:13px}.service-type-tabs a{padding:9px 7px;font-size:12px}}
.service-batch-actions{display:flex;align-items:center;gap:12px}.service-batch-actions button{white-space:nowrap}.service-list-table th:first-child,.service-list-table td:first-child{width:36px;padding-left:13px;padding-right:4px}.service-list-table input[type=checkbox]{width:16px;height:16px;accent-color:#385fd0;cursor:pointer}.service-list-table input[type=checkbox]:disabled{opacity:.35;cursor:not-allowed}
.service-console-panel:has(.service-secret){display:flex;flex-direction:column}.service-console-panel:has(.service-secret)>h3{order:-2}.service-console-panel .service-secret{order:-1;background:linear-gradient(110deg,#edf5ff,#f8fbff);border-color:#bcd5f6;padding:18px 20px;margin:18px 22px 4px}.service-console-panel .service-secret>strong{display:block;color:#29589d;font-size:16px;margin-bottom:10px}.service-console-panel .service-secret code{font-size:17px;letter-spacing:1px;color:#173657;margin-bottom:12px}.service-control-actions [data-service-power]{font-weight:800}.attack-log-head{display:flex;align-items:center;gap:16px;margin:20px}.attack-log-head>div{border:1px solid #dce5f1;border-radius:7px;padding:14px 18px;min-width:135px;display:grid;gap:3px}.attack-log-head strong{font-size:23px;color:#385fd0}.attack-log-head span,.attack-log-head small{font-size:11px;color:#8292a6}.attack-log-head>small{margin-left:auto}.attack-log-filters{display:flex;gap:6px;margin:0 20px 15px}.attack-log-filters a{padding:8px 12px;background:#f3f6fa;border-radius:6px;font-size:12px;color:#6d7e95}.attack-log-filters a.active{background:#e6efff;color:#385fd0;font-weight:800}.attack-empty{padding:28px 20px}.attack-log-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 20px;font-size:12px}.attack-log-pages a{color:#385fd0}
.attack-center{max-width:1800px}.attack-center-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.attack-center-head h2{font-size:22px;margin:0 0 5px}.attack-center-head p{color:#8795a9;font-size:12px;margin:0}.attack-center-filters{display:flex;align-items:end;gap:11px;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f2;border-radius:8px;padding:18px;margin-bottom:16px}.attack-center-filters label{display:grid;gap:6px;color:#71839c;font-size:11px}.attack-center-filters select,.attack-center-filters input{border:1px solid #d8e1ed;border-radius:6px;background:#fff;padding:9px 11px;color:#354966;font-size:12px;min-height:37px}.attack-center-filters label:first-child select{min-width:245px;max-width:360px}.attack-center-filters nav{display:flex;gap:3px}.attack-center-filters nav a{border:1px solid #dce4ef;padding:9px 10px;color:#677991;font-size:12px}.attack-center-filters nav a.active{background:#385fd0;color:#fff;border-color:#385fd0}.attack-center-filters form{display:flex;gap:6px}.attack-center-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.attack-center-summary>div{display:grid;gap:7px;background:#fff;border:1px solid #e1e8f2;border-radius:8px;padding:17px}.attack-center-summary span{font-size:12px;color:#8b99aa}.attack-center-summary strong{font-size:22px;color:#375fc7}.attack-center-table table{min-width:960px}.attack-center-table th{white-space:nowrap;font-size:12px;color:#75849c}.attack-center-table td{font-size:12px}.attack-center-table td a{color:#385fd0}.attack-center-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 4px;color:#8a99aa;font-size:11px}.attack-center-footer div{display:flex;gap:12px}.attack-center-footer a{color:#385fd0}
@media(max-width:760px){.attack-center-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attack-center-filters label:first-child select{max-width:100%;min-width:0}.attack-center-filters label:first-child{width:100%}.attack-center-filters label:first-child select{width:100%}}
.member-frame-brand{padding:4px 15px}.member-frame-brand img{display:block;width:190px;height:56px;object-fit:contain}