:root{color:#0d1b35;background:#f4f7fb;--teal: #0bb6bd;--green: #15b866;--amber: #f3ad08;--red: #ff4551;--blue: #2382ff;--violet: #7c3aed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(18,184,190,.28);outline-offset:2px}.login-shell{align-items:center;background:linear-gradient(135deg,#041427f5,#065c70e6),url("data:image/svg+xml,%3Csvg width='1200' height='800' viewBox='0 0 1200 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.11'%3E%3Cpath d='M40 110h1120M40 270h1120M40 430h1120M40 590h1120M160 40v720M400 40v720M640 40v720M880 40v720M1120 40v720'/%3E%3Ccircle cx='600' cy='400' r='260'/%3E%3Ccircle cx='600' cy='400' r='120'/%3E%3C/g%3E%3C/svg%3E");display:grid;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:12px;box-shadow:0 24px 80px #02081747;display:grid;gap:18px;margin:0 auto;max-width:420px;padding:28px;width:100%}.login-brand{align-items:center;display:flex;gap:12px}.login-brand svg{color:#0bbac1}.login-brand h1{margin:0}.login-brand p{color:#61718a;margin:2px 0 0}.login-panel form{display:grid;gap:14px}label{color:#425371;display:grid;font-size:12px;font-weight:700;gap:7px}input,select{background:#fff;border:1px solid #d8e0ec;border-radius:9px;color:#0d1b35;min-height:40px;padding:9px 11px}.primary-button{align-items:center;background:linear-gradient(135deg,#0db6bd,#13c7b7);border:0;border-radius:9px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:10px 14px}.primary-button:disabled{cursor:wait;opacity:.72}.notice,.toast{align-items:center;background:#e8fbfb;border:1px solid #b9ecee;border-radius:10px;color:#08747c;display:flex;gap:8px;padding:10px 12px}.notice.quiet,.toast.quiet{background:#fff;border-color:#e5ebf4;color:#5d6f89}.login-notice{margin:0}.app-shell{background:#f4f7fb;display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#061b35,#07192f 46%,#081a32);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:22px 14px 18px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:11px;margin-bottom:29px;position:relative}.brand-mark{align-items:center;color:#14cbd1;display:inline-flex;justify-content:center}.brand span{display:block;font-size:24px;font-weight:900;line-height:1}.brand span span{color:#14cbd1;display:inline}.brand small{color:#b7c7db;display:block;font-size:11px;margin-top:6px}.close-menu{display:none;margin-left:auto}.side-nav{display:grid;gap:6px}.side-nav button{align-items:center;background:transparent;border:0;border-radius:7px;color:#e1ebf6;display:grid;gap:10px;grid-template-columns:18px 1fr auto;min-height:39px;padding:9px 12px;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.side-nav button:hover,.side-nav button.active{background:linear-gradient(135deg,#09aeb7,#14c9b7);color:#fff}.side-nav button:hover{transform:translate(1px)}.nav-chevron{justify-self:end}.server-card{background:linear-gradient(135deg,#ffffff1c,#ffffff0f);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-top:auto;padding:15px}.server-title,.server-row{align-items:center;display:flex;justify-content:space-between}.server-title{margin-bottom:17px}.server-title span{align-items:center;color:#47e7a0;display:inline-flex;font-size:12px;gap:6px}.server-title i,.overview-row .status-badge:after{background:#13c982;border-radius:999px;content:"";display:inline-block;height:8px;width:8px}.server-row{color:#d9e5f2;font-size:12px;padding:8px 2px}.server-row strong{color:#67ffd1;font-weight:700}.system-info-button{background:#ffffff1f;border:0;border-radius:7px;color:#fff;font-weight:800;margin-top:12px;min-height:34px;width:100%}.content{min-width:0;padding:22px 24px 14px}.users-app .content{padding-bottom:22px}.top-header{align-items:start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.header-title{align-items:center;display:flex;gap:10px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:14px;line-height:1.2}.breadcrumbs{align-items:center;color:#516681;display:flex;font-size:12px;gap:6px;margin-top:14px}.breadcrumbs strong{color:#334866;font-weight:500}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.search-box{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:9px;box-shadow:0 8px 25px #0f172a0a;display:grid;gap:8px;grid-template-columns:auto minmax(190px,1fr) auto;min-height:42px;padding:0 10px;width:min(320px,34vw)}.search-box input{border:0;min-height:auto;padding:0}.search-box input:focus-visible{outline:0}kbd{background:#edf2f8;border-radius:7px;color:#62738a;font-size:11px;font-weight:700;padding:5px 8px}.icon-button,.refresh-button,.light-button,.profile-button,.dropdown button,.pagination button{border:1px solid #dfe6f0;border-radius:9px;color:#10223e}.icon-button{align-items:center;background:#fff;display:inline-flex;height:38px;justify-content:center;padding:0;position:relative;width:38px}.ghost-button{background:#fff;box-shadow:0 8px 24px #0f172a0a}.notification-badge{align-items:center;background:#ff424f;border:2px solid #ffffff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;position:absolute;right:-4px;top:-5px;width:18px}.profile-button{align-items:center;background:transparent;border-color:transparent;display:flex;gap:10px;min-height:42px;padding:0 4px}.avatar{align-items:center;background:linear-gradient(135deg,#00a6b9,#17c9ba);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;height:40px;justify-content:center;width:40px}.profile-copy{display:grid;line-height:1.2;text-align:left}.profile-copy small{color:#445874;margin-top:3px}.refresh-button,.light-button{align-items:center;background:#fff;display:inline-flex;font-weight:700;gap:8px;min-height:36px;padding:0 13px}.light-button{color:#314865;font-size:12px;min-height:34px}.mobile-menu{display:none}.menu-wrap{position:relative}.dropdown{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 16px 44px #0f172a24;display:grid;gap:4px;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.dropdown button{align-items:start;background:#fff;display:grid;gap:4px;justify-items:start;padding:10px;text-align:left}.dropdown button:hover{background:#f5f8fc}.dropdown span,.dropdown small{color:#61718a;font-size:12px}.profile-menu{min-width:150px}.profile-menu button{align-items:center;display:flex;flex-direction:row}.toast{margin-bottom:14px;justify-content:space-between}.toast button{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font-weight:800;gap:6px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:16px}.stat-card,.panel{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b}.stat-card{align-items:center;display:grid;gap:14px;grid-template-columns:50px minmax(0,1fr) auto;min-height:112px;padding:18px}.stat-icon{align-items:center;border-radius:999px;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.stat-icon.teal{background:linear-gradient(135deg,#08a9b7,#12cdbd)}.stat-icon.green{background:linear-gradient(135deg,#18b35e,#16c978)}.stat-icon.amber{background:linear-gradient(135deg,#f4a600,#ffc317)}.stat-icon.red{background:linear-gradient(135deg,#ff424d,#ff6570)}.stat-icon.blue{background:linear-gradient(135deg,#147aff,#2c8cff)}.stat-icon.violet{background:linear-gradient(135deg,#6d4df6,#8b5cf6)}.stat-copy{display:grid;min-width:0}.stat-copy span{color:#3d506f;font-size:12px;margin-bottom:6px}.stat-copy strong{font-size:22px;line-height:1.1}.stat-copy small{color:#506783;font-size:12px;margin-top:10px}.trend{align-self:end;border-radius:8px;font-size:11px;font-weight:800;padding:6px 7px;white-space:nowrap}.trend.good{background:#dff8eb;color:#10a05a}.trend.bad{background:#ffe5e7;color:#ef3c45}.trend.neutral{background:#fff5df;color:#d79a00}.dashboard-grid{display:grid;gap:16px;grid-template-columns:minmax(420px,2fr) minmax(260px,1.05fr) minmax(250px,.85fr);margin-bottom:16px}.panel{overflow:hidden}.panel-header{align-items:center;display:flex;justify-content:space-between;padding:17px 17px 12px}.panel-header h2 span{color:#314865;font-weight:600}.panel-header select{color:#1f334f;font-size:12px;min-height:34px;padding:0 10px}.bandwidth-body{display:grid;gap:18px;grid-template-columns:180px minmax(0,1fr);padding:4px 15px 18px}.bandwidth-summary{display:grid;gap:28px;padding-top:6px}.chart-legend{display:flex;gap:18px}.chart-legend span{align-items:center;color:#445b78;display:inline-flex;font-size:12px;gap:7px}.chart-legend i{border-radius:999px;display:inline-block;height:8px;width:8px}.teal-dot{background:#10b8bd}.blue-dot{background:#2382ff}.bandwidth-summary strong{display:block;font-size:26px}.bandwidth-summary strong span{font-size:13px}.bandwidth-summary small{color:#506783;display:block;margin-top:8px}.chart-wrap{min-width:0}.active-list,.overview-list{display:grid;gap:12px;padding:6px 17px 18px}.active-row{align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr auto 16px}.active-row strong{display:block;font-size:12px}.active-row small{color:#607793;display:block;font-size:12px;margin-top:3px}.active-row>span:nth-child(3){font-size:12px;font-weight:700}.active-row svg{color:#1d3858}.mini-avatar{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.mini-avatar.blue{background:#d9ecff;color:#1376e8}.mini-avatar.teal{background:#dff7f5;color:#0c9d9b}.mini-avatar.violet{background:#e8e5ff;color:#6d57f6}.mini-avatar.amber{background:#fff2d8;color:#cc8700}.mini-avatar.red{background:#ffe3e6;color:#ef3c45}.overview-row,.progress-row{align-items:center;display:grid;font-size:12px;gap:10px;grid-template-columns:minmax(110px,1fr) auto}.overview-row strong,.progress-row strong{font-weight:800}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;justify-content:center;padding:6px 9px;width:max-content}.status-badge.running,.status-badge.active{background:#daf8e9;color:#0d9b58}.status-badge.suspended{background:#fff0d8;color:#d48400}.status-badge.expired{background:#ffe1e5;color:#ef3c45}.status-badge.inactive{background:#e9eef5;color:#60718a}.progress-row{grid-template-columns:minmax(88px,1fr) minmax(76px,106px) 38px}.progress-track{background:#eef3f9;border-radius:999px;height:6px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#09aeb7,#14c9b7);border-radius:inherit;display:block;height:100%}.tables-grid{display:grid;gap:16px;grid-template-columns:minmax(520px,1.65fr) minmax(340px,1fr)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:100%;width:100%}th,td{border-top:1px solid #e6edf5;font-size:12px;padding:12px 17px;text-align:left;white-space:nowrap}th{color:#334866;font-weight:800}td{color:#10223e}.table-actions{display:flex;gap:8px}.table-icon{border-radius:8px;height:26px;width:26px}.table-icon svg{color:#112642}.table-footer{align-items:center;border-top:1px solid #e6edf5;color:#607793;display:flex;font-size:12px;justify-content:space-between;padding:13px 17px}.pagination{align-items:center;display:flex;gap:6px}.pagination button{background:#fff;height:28px;min-width:28px;padding:0 8px}.pagination button.active{background:linear-gradient(135deg,#09aeb7,#14c9b7);border-color:transparent;color:#fff}.pager{height:28px;width:28px}.footer{align-items:center;color:#627894;display:flex;font-size:12px;justify-content:space-between;padding:30px 0 6px}.sidebar-footer{color:#b7c7db;display:block;font-size:11px;margin-top:18px}.user-stat-card{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:10px 14px;grid-template-columns:50px 1fr auto;min-height:142px;padding:18px}.user-stat-card .sparkline{grid-column:2 / -1;height:28px;margin-top:2px}.filter-bar{align-items:end;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:14px;grid-template-columns:140px 150px 170px minmax(180px,1fr) auto auto auto auto;margin-bottom:14px;padding:16px 18px}.filter-bar label{min-width:0}.filter-search{align-items:center;border:1px solid #d8e0ec;border-radius:9px;display:grid;gap:8px;grid-template-columns:auto 1fr;min-height:40px;padding:0 10px}.filter-search input{border:0;min-height:auto;padding:0}.primary-action,.warning-button{align-items:center;border:0;border-radius:9px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 14px;white-space:nowrap}.primary-action{background:linear-gradient(135deg,#09aeb7,#14c9b7)}.warning-button{background:#ffb82e;color:#8a4f00}.bulk-bar{align-items:center;background:#08304f;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px 12px}.bulk-bar button{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;min-height:30px;padding:0 10px}.users-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(650px,1fr) 360px}.users-table-card .panel-header h2 span{color:#31506f;font-weight:500}.users-table-card table{min-width:880px}.users-table-card tr.selected td{background:#fbfdff}.user-cell{align-items:center;background:transparent;border:0;color:#10223e;display:grid;gap:10px;grid-template-columns:34px 1fr;padding:0;text-align:left}.user-cell strong,.user-cell small,.date-cell,.date-cell small{display:block}.user-cell small,.date-cell small{color:#607793;margin-top:3px}.mini-avatar.u,.mini-avatar.a{background:#d9ecff;color:#1376e8}.mini-avatar.j,.mini-avatar.m{background:#dff7f5;color:#0c9d9b}.mini-avatar.r{background:#e8e5ff;color:#6d57f6}.mini-avatar.t{background:#fff2d8;color:#cc8700}.mini-avatar.s,.mini-avatar.e{background:#ffe3e6;color:#ef3c45}.plan-badge{border-radius:7px;display:inline-flex;font-size:11px;font-weight:800;padding:6px 8px}.plan-badge.blue{background:#ddecff;color:#136cda}.plan-badge.green{background:#dff7e9;color:#0e9d56}.plan-badge.violet{background:#ebe7ff;color:#6652e8}.plan-badge.amber{background:#fff0d2;color:#cf8200}.plan-badge.gray{background:#edf2f8;color:#52647b}.status-badge i{background:currentColor;border-radius:999px;display:inline-block;height:6px;width:6px}.status-badge.offline{background:#e9eef5;color:#60718a}.usage-cell{display:grid;gap:7px;min-width:150px}.usage-cell div:first-child{align-items:center;display:flex;font-size:11px;gap:4px;justify-content:space-between}.usage-cell span{color:#31506f}.usage-track{background:#e9eef5;border-radius:999px;height:6px;overflow:hidden}.usage-track i{display:block;height:100%}.usage-track.normal i{background:#0bb6bd}.usage-track.warning i{background:#f3ad08}.usage-track.danger i{background:#ff4551}.usage-track.neutral i{background:#c9d4e2}.pagination-wrap{align-items:center;background:#fff;border:1px solid #dfe6f0;border-top:0;border-radius:0 0 10px 10px;color:#607793;display:grid;font-size:12px;gap:12px;grid-template-columns:1fr auto auto;margin-top:-1px;padding:13px 17px}.pagination-wrap select{font-size:12px;min-height:34px}.details-drawer{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;overflow:hidden;position:sticky;top:22px}.drawer-header,.modal-header{align-items:center;border-bottom:1px solid #e6edf5;display:flex;justify-content:space-between;padding:16px 18px}.drawer-profile{align-items:center;display:grid;gap:13px;grid-template-columns:54px 1fr;padding:20px 18px}.large-avatar{align-items:center;background:#d9ecff;border-radius:999px;color:#1376e8;display:inline-flex;font-size:24px;font-weight:900;height:54px;justify-content:center;width:54px}.drawer-profile strong,.drawer-profile span,.drawer-profile small{display:block}.drawer-profile strong{align-items:center;display:flex;gap:8px}.drawer-profile span,.drawer-profile small{color:#607793;font-size:12px;margin-top:4px}.drawer-tabs{border-bottom:1px solid #e6edf5;display:flex;overflow-x:auto;padding:0 18px}.drawer-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#31506f;font-size:12px;font-weight:700;min-height:39px;padding:0 10px}.drawer-tabs button.active{border-bottom-color:#0bb6bd;color:#009aa4}.drawer-tab{display:grid;gap:13px;padding:18px}.detail-row{align-items:center;display:grid;gap:9px;grid-template-columns:16px minmax(110px,1fr) minmax(100px,1fr);font-size:12px}.detail-row svg{color:#506783}.detail-row span{color:#506783}.detail-row strong{font-weight:700}.remaining{color:#0d9b58;margin-top:-8px;padding-left:25px}.device-row{border:1px solid #e6edf5;border-radius:9px;display:grid;gap:6px;padding:10px}.device-row span,.timeline span,.timeline small{color:#607793}.timeline div{border-left:2px solid #dce7f3;display:grid;gap:3px;padding-left:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-footer{border-top:1px solid #e6edf5;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:16px 18px}.drawer-footer button{min-width:0;padding-inline:8px}.modal-backdrop{align-items:center;background:#0812227a;display:grid;top:0;right:0;bottom:0;left:0;padding:20px;position:fixed;z-index:70}.modal{background:#fff;border-radius:12px;box-shadow:0 24px 90px #02081747;margin:0 auto;max-height:calc(100vh - 40px);max-width:860px;overflow:auto;width:100%}.modal-grid{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}.checkbox-label{align-items:center;display:flex;gap:8px}.checkbox-label input{min-height:auto}.modal-actions{border-top:1px solid #e6edf5;display:flex;gap:10px;justify-content:flex-end;padding:16px 18px}.filter-drawer{background:#fff;border-left:1px solid #dfe6f0;box-shadow:-20px 0 60px #02081729;display:grid;gap:13px;height:100vh;overflow:auto;padding-bottom:18px;position:fixed;right:0;top:0;width:360px;z-index:75}.filter-drawer label,.filter-drawer .primary-action{margin-inline:18px}.plans-app .content{padding-bottom:22px}.plan-stat-card{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:14px;grid-template-columns:50px minmax(0,1fr) auto;min-height:116px;padding:18px}.plan-filter-bar{grid-template-columns:140px 170px minmax(220px,1fr) auto auto auto auto}.plans-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(700px,1fr) 330px}.plans-side{display:grid;gap:14px;position:sticky;top:22px}.plans-table-card table{min-width:900px}.plans-table-card tr.selected td{background:#fbfdff}.plan-name-cell{align-items:center;background:transparent;border:0;color:#10223e;display:grid;gap:12px;grid-template-columns:42px 1fr;padding:0;text-align:left}.plan-name-cell strong,.plan-name-cell small,.price-cell,.price-cell small,.speed-cell span{display:block}.plan-name-cell small,.price-cell small{color:#607793;margin-top:6px}.plan-icon{align-items:center;border-radius:10px;display:inline-flex;height:42px;justify-content:center;width:42px}.plan-icon.violet{background:#ebe7ff;color:#6847f5}.plan-icon.green{background:#dff7e9;color:#0e9d56}.plan-icon.amber{background:#fff0d2;color:#e69a00}.plan-icon.blue{background:#ddecff;color:#136cda}.plan-icon.gray{background:#edf2f8;color:#52647b}.plan-icon.teal{background:#dff7f5;color:#0c9d9b}.speed-cell{display:grid;gap:7px}.speed-cell .down{color:#009c9f;font-weight:700}.speed-cell .up{color:#4f46e5;font-weight:700}.badge-stack{align-items:start;display:grid;gap:5px;justify-items:start}.popular-badge{background:#dff8eb;border-radius:8px;color:#0d9b58;font-size:11px;font-weight:800;padding:4px 7px}.plan-pagination{grid-template-columns:1fr auto}.plan-details-panel .panel-header{padding-bottom:12px}.plan-detail-head{align-items:center;display:grid;gap:13px;grid-template-columns:56px 1fr auto;padding:18px}.plan-detail-head .plan-icon{height:56px;width:56px}.plan-detail-head strong,.plan-detail-head span{display:block}.plan-detail-head>div span{color:#607793;font-size:12px;margin-top:5px}.plan-detail-list{display:grid;gap:14px;padding:8px 18px 18px}.plan-detail-list .detail-row{grid-template-columns:16px minmax(100px,1fr) minmax(112px,auto)}.plan-actions{border-top:1px solid #e6edf5;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.danger-button{align-items:center;background:#ffe1e5;border:0;border-radius:9px;color:#d62334;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 12px}.usage-overview-body{display:grid;gap:10px;grid-template-columns:122px 1fr;padding:6px 18px 14px}.donut-wrap{min-height:178px;position:relative}.donut-center{display:grid;left:50%;place-items:center;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-center strong{font-size:18px}.donut-center span{color:#607793;font-size:11px}.usage-legend{align-content:center;display:grid;gap:10px}.usage-legend div{align-items:center;display:flex;font-size:11px;justify-content:space-between}.usage-legend span{align-items:center;color:#304967;display:inline-flex;gap:7px}.usage-legend i{border-radius:4px;display:inline-block;height:8px;width:8px}.usage-footer{border-top:1px solid #e6edf5;color:#607793;display:grid;gap:4px;font-size:12px;padding:14px 18px 16px}.usage-footer strong{color:#10223e}.plan-modal{max-width:980px}.modal-section{border-bottom:1px solid #e6edf5;padding-top:16px}.modal-section h3{font-size:13px;margin:0;padding:0 18px}.subscriptions-app .content{padding-bottom:22px}.subscriptions-filter-bar{grid-template-columns:140px 150px 180px minmax(220px,1fr) auto auto auto auto}.subscriptions-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(700px,1fr) 360px}.subscriptions-side{display:grid;gap:14px;position:sticky;top:22px}.subscriptions-table-card table{min-width:980px}.subscriptions-table-card tr.selected td{background:#fbfdff}.subscriptions-table-card .panel-header h2 span{color:#31506f;font-weight:500}.billing-label{font-weight:800}.billing-label.good{color:#0d9b58}.billing-label.warning{color:#d48400}.billing-label.bad{color:#ef3c45}.billing-label.neutral{color:#607793}.status-badge.trial{background:#ddecff;color:#136cda}.status-badge.past-due,.status-badge.cancelled{background:#ffe1e5;color:#ef3c45}.payment-badge{border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;padding:5px 8px}.payment-badge.paid{background:#daf8e9;color:#0d9b58}.payment-badge.pending,.payment-badge.manual{background:#fff0d8;color:#d48400}.payment-badge.failed{background:#ffe1e5;color:#ef3c45}.payment-badge.refunded{background:#e9eef5;color:#60718a}.subscription-details-panel .drawer-profile{align-items:start}.subscription-details-panel .drawer-profile .plan-badge{margin-top:8px}.subscription-detail-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(120px,1fr) minmax(120px,auto);font-size:12px}.subscription-detail-row span{color:#506783}.subscription-detail-row strong{font-weight:800;text-align:right}.subscriptions-pagination{grid-template-columns:1fr auto auto}.subscription-modal{max-width:940px}.online-app .content{padding-bottom:22px}.online-filter-bar{grid-template-columns:140px 150px 170px minmax(220px,1fr) auto auto auto}.online-main-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(680px,1fr) 400px}.online-side,.online-bottom-grid{display:grid;gap:14px}.online-bottom-grid{grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr);margin-top:14px}.online-table-card table{min-width:920px}.online-table-card .panel-header h2 span{color:#31506f;font-weight:500}.protocol-badge{border-radius:7px;display:inline-flex;font-size:11px;font-weight:800;padding:6px 8px}.protocol-badge.wireguard{background:#dff7e9;color:#0e9d56}.protocol-badge.openvpn{background:#ddecff;color:#136cda}.protocol-badge.openvpn-tcp{background:#dbeafe;color:#1d4ed8}.protocol-badge.openvpn-udp{background:#fff0d2;color:#cf8200}.protocol-badge.unknown{background:#edf2f8;color:#52647b}.location-cell{align-items:center;display:inline-flex;gap:7px}.disconnect svg{color:#ff4551}.online-pagination{grid-template-columns:1fr auto auto}.map-placeholder{align-items:center;background:radial-gradient(circle at 50% 45%,rgba(20,184,166,.08),transparent 42%),#f8fbff;border-top:1px solid #e6edf5;color:#cbd5e1;display:grid;justify-items:center;min-height:190px;overflow:hidden;position:relative}.map-placeholder span{color:#607793;font-size:12px;margin-top:-18px}.map-placeholder i{align-items:center;background:#0bb6bdd1;border:3px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-style:normal;font-weight:900;height:34px;justify-content:center;position:absolute;width:34px}.live-bandwidth-card{padding-bottom:14px}.live-bandwidth-card .empty-panel,.top-countries-card .empty-panel{min-height:180px}.session-drawer{z-index:76}.confirm-modal{max-width:460px}.one-column{grid-template-columns:1fr}@media (max-width: 1240px){.online-main-grid,.online-bottom-grid{grid-template-columns:1fr}.online-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.online-filter-bar{grid-template-columns:1fr 1fr}.online-filter-bar .filter-search{grid-column:1 / -1}}@media (max-width: 560px){.online-filter-bar,.online-pagination{grid-template-columns:1fr}}@media (max-width: 1240px){.subscriptions-layout{grid-template-columns:1fr}.subscriptions-side{position:static}.subscriptions-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.subscriptions-filter-bar{grid-template-columns:1fr 1fr}.subscriptions-filter-bar .filter-search,.subscriptions-filter-bar .primary-action{grid-column:1 / -1}}@media (max-width: 560px){.subscriptions-filter-bar,.subscriptions-pagination{grid-template-columns:1fr}}.drawer-backdrop{display:none}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1240px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center}.brand>div:not(.brand-mark),.side-nav button span,.nav-chevron,.server-card{display:none}.side-nav button{grid-template-columns:1fr;justify-items:center;padding-inline:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.tables-grid{grid-template-columns:1fr}}@media (max-width: 860px){.app-shell{display:block}.content{padding:16px}.mobile-menu{display:inline-flex}.sidebar{box-shadow:22px 0 60px #0208173d;left:0;max-width:280px;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:86vw;z-index:50}.sidebar.open{transform:translate(0)}.drawer-backdrop{background:#0812226b;border:0;display:block;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:40}.drawer-backdrop.show{opacity:1;pointer-events:auto}.brand{justify-content:flex-start}.brand>div:not(.brand-mark),.side-nav button span,.nav-chevron,.server-card,.close-menu{display:block}.side-nav button{grid-template-columns:18px 1fr auto;justify-items:stretch;padding-inline:12px}.close-menu{display:inline-flex}.top-header{display:grid}.header-actions{display:grid;grid-template-columns:1fr auto auto;justify-content:stretch}.search-box{grid-column:1 / -1;width:100%}.profile-button{justify-content:end}.refresh-button{grid-column:1 / -1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bandwidth-body{grid-template-columns:1fr}.bandwidth-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{grid-column:1 / -1}}@media (max-width: 560px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:96px}.bandwidth-summary{grid-template-columns:1fr;gap:16px}.profile-copy,kbd{display:none}.search-box{grid-template-columns:auto 1fr}.table-footer,.footer{align-items:start;display:grid;gap:12px}}.radius-app .content{gap:18px}.radius-stat-card{display:grid;grid-template-columns:auto 1fr;position:relative}.radius-stat-card .stat-link{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--primary);cursor:pointer;display:flex;font-weight:800;gap:6px;grid-column:1 / -1;justify-content:space-between;margin-top:14px;padding:12px 0 0;text-align:left}.radius-tabs{align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:8px;overflow-x:auto;padding:0 14px}.radius-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;flex:0 0 auto;font-weight:800;padding:18px 14px 15px}.radius-tabs button.active{border-color:var(--primary);color:var(--primary-dark)}.radius-filter-bar{grid-template-columns:160px 180px minmax(240px,1fr) auto auto}.radius-main-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 340px}.radius-main-grid>div,.radius-side{display:grid;gap:18px}.radius-side{position:sticky;top:18px}.radius-servers-card .panel-header{align-items:center}.radius-servers-card .panel-header p{color:var(--muted);font-size:13px;margin:6px 0 0}.panel-actions{display:flex;gap:10px}.radius-server-name{align-items:center;display:flex;gap:12px}.radius-server-name>div{display:grid;gap:4px}.status-dot{border-radius:99px;display:inline-block;height:9px;width:9px}.status-dot.online{background:#16b86a}.status-dot.degraded{background:#f3ad08}.status-dot.offline{background:#ff454c}.status-dot.unknown{background:#94a3b8}.status-badge.degraded,.status-badge.unknown{background:#fff8e1;color:#b87300}.status-badge.reject,.status-badge.rejected,.status-badge.access-reject{background:#ffe5e8;color:#e11d48}.status-badge.accept,.status-badge.accepted,.status-badge.access-accept{background:#dcfce7;color:#0c8b4a}.secret-field{align-items:center;display:inline-flex;gap:8px}.secret-field code{color:var(--ink);font-family:inherit;font-weight:800;letter-spacing:1px}.radius-donut-body{grid-template-columns:150px 1fr}.quick-action-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-action-grid button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-weight:800;gap:8px;justify-content:center;min-height:40px}.quick-action-grid button:hover,.radius-tabs button:hover,.radius-stat-card .stat-link:hover{color:var(--primary)}.service-info-card .plan-detail-list{gap:11px}.tab-placeholder{min-height:340px}.radius-accounting-strip{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.radius-accounting-strip article{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:5px;padding:18px}.radius-accounting-strip strong{color:var(--ink);font-size:24px}.radius-accounting-strip span{color:var(--muted);font-size:13px;font-weight:700}@media (max-width: 1240px){.radius-main-grid{grid-template-columns:1fr}.radius-side{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.radius-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.panel-actions,.radius-side{grid-template-columns:1fr}.radius-filter-bar{grid-template-columns:1fr 1fr}.radius-filter-bar .filter-search{grid-column:1 / -1}.radius-accounting-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.radius-filter-bar,.radius-accounting-strip,.quick-action-grid{grid-template-columns:1fr}}.logs-app .content{gap:18px}.log-stat-card{align-content:start;display:grid;grid-template-columns:auto 1fr}.mini-sparkline{align-items:end;display:flex;gap:6px;grid-column:2;height:28px;margin-top:8px}.mini-sparkline i{border-radius:99px;display:block;flex:1;min-width:6px}.mini-sparkline i:nth-child(1){height:10px}.mini-sparkline i:nth-child(2){height:18px}.mini-sparkline i:nth-child(3){height:12px}.mini-sparkline i:nth-child(4){height:22px}.mini-sparkline i:nth-child(5){height:13px}.mini-sparkline i:nth-child(6){height:19px}.mini-sparkline i:nth-child(7){height:16px}.mini-sparkline.blue i{background:#2382ff}.mini-sparkline.green i{background:#16b86a}.mini-sparkline.amber i{background:#f3ad08}.mini-sparkline.red i{background:#ff454c}.mini-sparkline.violet i{background:#6747d9}.logs-filter-bar{grid-template-columns:210px 150px 160px 160px minmax(220px,1fr) auto auto}.date-input{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;font-weight:800;gap:10px;justify-content:space-between;min-height:39px;padding:0 12px}.live-log-bar{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:12px;justify-content:flex-end;padding:10px 14px}.live-log-bar button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:36px;padding:0 13px}.live-log-bar button.active{background:#e8fbf8;border-color:#00b2b259;color:var(--primary-dark)}.live-log-bar span{color:var(--muted);font-size:13px;font-weight:700}.logs-main-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 380px}.logs-side{display:grid;gap:18px;position:sticky;top:18px}.logs-table-card .panel-header h2 span{color:var(--muted);font-weight:800}.logs-pagination{padding:14px 16px}.logs-donut-body{grid-template-columns:165px 1fr}.top-modules-card .panel-header span{color:var(--muted);font-size:13px;font-weight:800}.module-list{display:grid;gap:15px}.module-row{align-items:center;display:grid;gap:12px;grid-template-columns:90px minmax(80px,1fr) auto}.module-row span{align-items:center;color:var(--ink);display:flex;font-weight:800;gap:8px}.module-row strong{color:var(--muted);font-size:13px;white-space:nowrap}.module-bar{background:#edf2f7;border-radius:99px;height:8px;overflow:hidden}.module-bar i{background:linear-gradient(90deg,#0f7ea9,#00b6b1);border-radius:99px;display:block;height:100%}.critical-list{display:grid;gap:12px}.critical-list button{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:grid;font-size:13px;gap:8px;grid-template-columns:9px 135px 1fr;padding:0;text-align:left}.critical-list button i{background:#ff454c;border-radius:99px;height:8px;width:8px}.critical-list button span{color:var(--muted)}.critical-list button strong{font-weight:800}.link-button{background:transparent;border:0;color:var(--primary);cursor:pointer;font-weight:800}.log-details-drawer textarea{background:#07172b;border:1px solid #193554;border-radius:8px;color:#e5eef8;font-family:Consolas,Courier New,monospace;min-height:150px;padding:12px;resize:vertical}.status-badge.info{background:#dcfce7;color:#0c8b4a}.status-badge.warning{background:#fff8e1;color:#b87300}.status-badge.error{background:#ffe5e8;color:#e11d48}.status-badge.critical{background:#eee8ff;color:#6747d9}@media (max-width: 1240px){.logs-main-grid{grid-template-columns:1fr}.logs-side{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.logs-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.logs-side{grid-template-columns:1fr}.logs-filter-bar{grid-template-columns:1fr 1fr}.logs-filter-bar .filter-search{grid-column:1 / -1}.live-log-bar{justify-content:space-between}}@media (max-width: 560px){.logs-filter-bar,.logs-pagination,.module-row,.critical-list button{grid-template-columns:1fr}}.settings-app .content{gap:22px}.settings-tabs{align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:8px;overflow-x:auto;padding:0 14px}.settings-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;flex:0 0 auto;font-weight:800;padding:18px 13px 15px}.settings-tabs button.active{border-color:var(--primary);color:var(--primary-dark)}.settings-overview-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:18px;padding:24px}.settings-card-head{align-items:center;display:grid;gap:18px;grid-template-columns:64px 1fr}.settings-icon{align-items:center;border-radius:20px;display:inline-flex;height:64px;justify-content:center;width:64px}.settings-icon.teal{background:#dff7f5;color:#00999c}.settings-icon.blue{background:#e3f0ff;color:#2382ff}.settings-icon.violet{background:#efe8ff;color:#6747d9}.settings-icon.green{background:#dcfce7;color:#16a35b}.settings-icon.amber{background:#fff0d7;color:#f97316}.settings-card h2{color:var(--ink);font-size:18px;margin:0 0 8px}.settings-card p,.settings-summary-card .panel-header p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.settings-card-rows{display:grid}.settings-card-rows button{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;display:grid;gap:10px;grid-template-columns:1fr auto auto;min-height:48px;padding:0;text-align:left}.settings-card-rows button:hover{color:var(--primary)}.settings-card-rows span{color:var(--muted);font-weight:800}.settings-card-rows strong{color:var(--ink);font-weight:800;text-align:right}.settings-card-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:900;gap:9px;justify-content:center;min-height:44px}.settings-card-action.teal,.settings-card-action.blue{color:var(--primary-dark)}.settings-card-action.violet{color:#6747d9}.settings-card-action.green{color:#16a35b}.settings-card-action.amber{color:#f97316}.settings-card-action:hover{border-color:#00b2b261;box-shadow:0 10px 24px #0f172a14}.settings-summary-card{padding:24px}.settings-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:22px}.settings-summary-grid>div{align-content:center;border-right:1px solid var(--line);display:grid;gap:8px;grid-template-columns:auto 1fr;min-height:62px;padding:0 18px}.settings-summary-grid>div:first-child{padding-left:0}.settings-summary-grid>div:last-child{border-right:0}.settings-summary-grid svg{color:var(--primary);grid-row:span 2;margin-top:4px}.settings-summary-grid span{color:var(--muted);font-size:13px;font-weight:800}.settings-summary-grid strong{color:var(--ink);font-size:15px}.settings-drawer .settings-form-grid{display:grid;gap:14px}.settings-drawer input[readonly]{background:#f8fafc}.settings-tab-panel{min-height:420px}.settings-search-modal{max-width:560px}.settings-search-modal label{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr}.settings-search-results{display:grid;gap:8px;margin-top:16px}.settings-search-results button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-weight:800;justify-content:space-between;min-height:42px;padding:0 12px}@media (max-width: 1240px){.settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.settings-summary-grid>div{border-right:0}}@media (max-width: 760px){.settings-overview-grid,.settings-summary-grid{grid-template-columns:1fr}.settings-card{padding:18px}.settings-card-head{grid-template-columns:54px 1fr}.settings-icon{border-radius:16px;height:54px;width:54px}.settings-summary-grid>div{padding:0}}.system-app .content{gap:18px}.system-tabs button{min-width:max-content}.system-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.system-card-main{padding:24px}.system-card-title{align-items:center;display:flex;gap:16px;margin-bottom:18px}.system-card-title .settings-icon{border-radius:14px;height:42px;width:42px}.system-card-title h2{color:var(--ink);font-size:18px;margin:0}.system-card-body{display:grid;gap:13px}.system-field-row{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(150px,.8fr) minmax(160px,1.2fr);min-height:34px}.system-field-row>span{color:var(--muted);font-weight:800}.system-field-row>strong{color:var(--ink);font-weight:850;overflow:hidden;text-overflow:ellipsis}.system-field-row select,.system-limits-grid input{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-weight:800;min-height:34px;padding:0 11px;width:100%}.system-card-footer{display:flex;justify-content:flex-end;margin-top:18px}.toggle{align-items:center;background:#cbd5e1;border:0;border-radius:99px;cursor:pointer;display:inline-flex;height:22px;justify-content:flex-start;padding:2px;width:42px}.toggle i{background:#fff;border-radius:99px;box-shadow:0 2px 5px #0f172a38;height:18px;transition:transform .16s ease;width:18px}.toggle.on{background:var(--primary)}.toggle.on i{transform:translate(20px)}.system-limits-grid,.system-info-grid{display:grid;gap:12px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.system-limits-grid label{color:var(--muted);display:grid;font-size:13px;font-weight:800;gap:6px}.system-info-grid .system-field-row{grid-template-columns:150px minmax(0,1fr)}.system-health-card{padding:24px}.system-health-card .panel-header>span{color:var(--muted);font-size:13px;font-weight:800}.system-health-grid{display:grid;gap:16px 22px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}.health-metric{display:grid;gap:7px}.health-metric span{color:var(--muted);font-size:13px;font-weight:800}.health-metric strong{color:var(--ink);font-size:16px}.health-metric div{background:#edf2f7;border-radius:99px;height:7px;overflow:hidden}.health-metric div i{background:linear-gradient(90deg,#0da6ac,#16b86a);border-radius:99px;display:block;height:100%}@media (max-width: 1240px){.system-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 980px){.system-grid{grid-template-columns:1fr}}@media (max-width: 620px){.system-field-row,.system-info-grid .system-field-row,.system-limits-grid,.system-info-grid,.system-health-grid{grid-template-columns:1fr}.system-card-main,.system-health-card{padding:18px}}.multi-page-app .content{gap:18px}.generic-page-card{min-height:420px;padding:22px}.generic-summary-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.generic-summary-grid>div,.generic-link-card{background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;gap:7px;min-height:80px;padding:16px;text-align:left}.generic-summary-grid span{color:var(--muted);font-size:13px;font-weight:800}.generic-summary-grid strong{color:var(--ink);font-size:15px;overflow-wrap:anywhere}.generic-link-card{align-items:center;color:var(--ink);cursor:pointer;grid-template-columns:auto 1fr auto;min-height:54px}.generic-link-card:hover{border-color:#00b2b26b;color:var(--primary)}@media (max-width: 900px){.generic-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.generic-summary-grid{grid-template-columns:1fr}}