: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}@media (min-width: 981px){.app-shell{grid-template-columns:228px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.sidebar{flex:0 0 228px;height:100vh;max-width:228px;min-height:0;min-width:228px;overflow:hidden;transform:none!important;transition:none!important;width:228px}}.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 a{align-items:center;background:transparent;border:0;border-radius:7px;color:#e1ebf6;cursor:pointer;display:grid;gap:10px;grid-template-columns:18px 1fr auto;min-height:39px;padding:9px 12px;text-align:left;text-decoration:none;transition:background .16s ease,color .16s ease}.side-nav a:hover,.side-nav a.active{background:linear-gradient(135deg,#09aeb7,#14c9b7);color:#fff}.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{align-items:center;background:#ffffff1f;border:0;border-radius:7px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;margin-top:12px;min-height:34px;text-decoration:none;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:block;line-height:1;text-align:left}.refresh-button,.light-button{align-items:center;background:#fff;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:36px;padding:0 13px;text-decoration:none}.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: 980px){.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 a span,.nav-chevron,.server-card{display:none}.side-nav a{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 a span,.nav-chevron,.server-card,.close-menu{display:block}.side-nav a{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,.quick-action-grid a{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;text-decoration:none}.quick-action-grid button:hover,.quick-action-grid a: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-field-row input,.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-field-row select:focus,.system-field-row input:focus,.system-limits-grid input:focus,.preference-row select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0da6ac21;outline:none}.system-inline-control{align-items:center;display:grid;gap:5px;grid-template-columns:minmax(0,1fr) 30px}.system-inline-control .system-sync-button{border:1px solid var(--line);border-radius:6px;height:34px;min-height:34px;width:30px}.system-card-footer{display:flex;gap:7px;justify-content:flex-end;margin-top:18px}.system-card-footer button:disabled{cursor:wait;opacity:.7}.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}}.dashboard-page{display:grid;gap:4px;grid-template-rows:64px minmax(0,1fr) minmax(0,1fr);height:calc(100vh - 66px);min-height:0}.dashboard-stats-grid{display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.dashboard-stat-card{align-items:center;background:#fff;border:1px solid #e1e8f0;border-radius:8px;box-shadow:0 3px 12px #0f172a0f;display:grid;gap:12px;grid-template-columns:auto 1fr;height:64px;min-height:0;padding:8px 12px}.dashboard-stat-card .stat-icon{background:transparent;border-radius:0;height:32px;width:32px}.dashboard-stat-card .stat-icon svg{height:22px;width:22px}.dashboard-stat-card .stat-icon.teal{color:#0bb6bd}.dashboard-stat-card .stat-icon.green{color:#16b86a}.dashboard-stat-card .stat-icon.amber{color:#f4a600}.dashboard-stat-card .stat-icon.red{color:#ff4f5d}.dashboard-stat-card .stat-icon.blue{color:#2382ff}.dashboard-stat-card span{color:var(--muted);font-size:11px;font-weight:800}.dashboard-stat-card strong{color:var(--ink);display:block;font-size:20px;line-height:1;margin:2px 0 0}.dashboard-stat-copy{min-width:0}.dashboard-stat-value{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:3px}.kpi-trend{border-radius:6px;flex:0 0 auto;font-size:10px;padding:3px 5px}.kpi-trend.up{background:#dcf8e9;color:#079653}.kpi-trend.down{background:#ffe3e5;color:#e34}.kpi-trend.neutral{background:#fff1cf;color:#ce8400}.dashboard-top-grid{display:grid;gap:4px;grid-template-columns:minmax(0,1.8fr) minmax(255px,.92fr) minmax(245px,.78fr);min-height:0}.dashboard-bottom-grid{display:grid;gap:4px;grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr);min-height:0}.dashboard-bandwidth-card,.dashboard-side-list,.dashboard-server-card{padding:8px 18px 16px;min-height:0}.dashboard-bandwidth-card{display:grid;grid-template-rows:34px minmax(0,1fr);padding-bottom:8px;padding-right:8px}.dashboard-bandwidth-body{align-items:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:100%;margin-top:0;min-height:0}.bandwidth-header{display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr) auto}.bandwidth-header .bandwidth-summary{align-items:center;display:flex;gap:10px;justify-self:start;min-width:0;white-space:nowrap}.bandwidth-summary strong{align-items:baseline;display:flex;gap:4px}.bandwidth-summary strong b{color:var(--ink);font-size:15px;line-height:1}.bandwidth-summary strong span{font-size:13px;font-weight:600}.bandwidth-summary .upload b,.bandwidth-summary .upload span{color:#f59e0b}.bandwidth-summary .download b,.bandwidth-summary .download span{color:#2382ff}.bandwidth-summary-divider{color:#94a3b8;display:inline-block;font-size:14px;line-height:1}.bandwidth-legend{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:18px;min-height:16px}.bandwidth-legend span{align-items:center;display:inline-flex;gap:6px}.bandwidth-legend span:before{border-radius:99px;content:"";height:8px;width:8px}.bandwidth-legend .upload:before{background:#f59e0b}.bandwidth-legend .download:before{background:#2382ff}.dashboard-line-chart,.dashboard-empty-chart{background:#fff;border:0;border-radius:0;display:block;height:100%;min-height:0;overflow:hidden;position:relative}.dashboard-empty-chart{color:var(--muted);font-weight:800}.dashboard-line-chart svg{height:100%;width:100%}.chart-y-labels{bottom:22px;color:#526a86;display:flex;flex-direction:column;font-size:10px;justify-content:space-between;left:0;position:absolute;top:0;width:44px;z-index:1}.chart-y-labels span{padding-left:4px;text-align:left}.chart-plot{bottom:22px;left:0;position:absolute;right:0;top:0}.chart-date-labels{align-items:end;bottom:0;color:#526a86;display:flex;font-size:10px;justify-content:space-between;left:0;position:absolute;right:0}.chart-fill.download-area{fill:url(#downloadArea)}.chart-fill.upload-area{fill:url(#uploadArea)}.chart-download,.chart-upload{fill:none;stroke-linecap:round;stroke-width:2.5}.chart-download{stroke:#2382ff}.chart-upload{stroke:#f59e0b}.chart-grid line{stroke:#e7edf4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-grid text,.chart-dates text{fill:#526a86;font-size:11px}.chart-grid text{text-anchor:end}.chart-dates text{text-anchor:middle}.chart-download,.chart-upload{vector-effect:non-scaling-stroke}.dashboard-user-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:28px 1fr auto;min-height:30px}.dashboard-user-row>span{align-items:center;background:#dbeafe;border-radius:99px;color:#2563eb;display:inline-flex;font-weight:900;font-size:11px;height:26px;justify-content:center;width:26px}.dashboard-user-row strong,.dashboard-user-row b{color:var(--ink);font-size:13px;font-weight:500}.dashboard-user-row small{color:var(--muted);display:block;margin-top:2px}.dashboard-side-list{display:grid;grid-template-rows:34px repeat(16,minmax(0,1fr))}.dashboard-server-card{display:grid;gap:0;grid-template-rows:34px repeat(8,minmax(0,1fr))}.service-state-dot{border-radius:99px;display:inline-block;height:9px;width:9px}.service-state-dot.running{background:#12bd78;box-shadow:0 0 0 3px #12bd781f}.service-state-dot.stopped{background:#ef4452;box-shadow:0 0 0 3px #ef44521f}.service-state-dot.unknown{background:#9aa7b8;box-shadow:0 0 0 3px #9aa7b824}.dashboard-server-card .system-field-row{align-self:stretch;min-height:18px}.dashboard-server-card .health-metric{align-items:center;gap:2px 6px;grid-template-columns:1fr auto;position:relative}.dashboard-server-card .health-metric div{bottom:1px;left:0;position:absolute;right:0}.dashboard-page .panel-header{min-height:34px}.dashboard-page .panel-header h2{font-size:15px}.dashboard-page table th,.dashboard-page table td{padding-bottom:8px;padding-top:8px}.dashboard-footer{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between;padding:4px 4px 0}.multi-page-app:has(.dashboard-page) .content{height:100vh;overflow:hidden;padding:8px 16px 8px 8px}.multi-page-app:has(.dashboard-page) .top-header{margin-bottom:4px;min-height:46px}.multi-page-app:has(.dashboard-page) .breadcrumbs{margin-top:3px}.multi-page-app:has(.dashboard-page) .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.multi-page-app:has(.dashboard-page) .brand{margin-bottom:12px}.multi-page-app:has(.dashboard-page) .side-nav{gap:2px}.multi-page-app:has(.dashboard-page) .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.multi-page-app:has(.dashboard-page) .server-card{margin-top:8px;padding:8px 10px}.multi-page-app:has(.dashboard-page) .server-title{margin-bottom:5px}.multi-page-app:has(.dashboard-page) .server-row{padding-bottom:4px;padding-top:4px}.multi-page-app:has(.dashboard-page) .system-info-button{margin-top:5px;min-height:28px}.multi-page-app:has(.dashboard-page) .sidebar-footer{margin-top:6px}.multi-page-app:has(.dashboard-page) h1{font-size:21px}.multi-page-app:has(.dashboard-page) .search-box{min-height:38px}.dashboard-page .panel-header{padding:12px 14px 8px}.dashboard-page .panel{height:100%}.dashboard-bandwidth-card .panel-header,.dashboard-side-list .panel-header,.dashboard-server-card .panel-header{padding-left:0;padding-right:0;padding-top:0}.dashboard-page .panel-header .light-button{background:transparent;border:0;box-shadow:none;min-height:auto;padding:0}.dashboard-bottom-grid .panel{padding:0}.dashboard-table-panel{display:grid;grid-template-rows:42px minmax(0,1fr) 32px;min-height:0}.dashboard-plan-panel{grid-template-rows:42px minmax(0,1fr)}.dashboard-bottom-grid .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.dashboard-table-panel .table-wrap table{height:100%}.dashboard-bottom-grid .panel-header{height:42px}.dashboard-bottom-grid table{table-layout:fixed}.dashboard-bottom-grid th,.dashboard-bottom-grid td{white-space:nowrap}.dashboard-table-panel table th,.dashboard-table-panel table td{padding-bottom:3px;padding-top:3px}.dashboard-table-actions{display:flex;gap:4px}.dashboard-table-panel:not(.dashboard-plan-panel) th:last-child,.dashboard-table-panel:not(.dashboard-plan-panel) td:last-child{padding-left:12px;padding-right:4px;text-align:right}.dashboard-table-panel:not(.dashboard-plan-panel) .dashboard-table-actions{justify-content:flex-end}.dashboard-table-actions button,.dashboard-pagination button{align-items:center;background:#fff;border:1px solid #e1e8f0;border-radius:6px;color:#24405f;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.dashboard-table-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:10px;justify-content:space-between;padding:3px 12px}.dashboard-pagination{align-items:center;display:flex;gap:3px}.dashboard-pagination button.active{background:#08aeb5;border-color:#08aeb5;color:#fff}.density-summary-8,.density-summary-10{display:none}.dashboard-server-card .health-metric div{height:6px}.dashboard-page .table-wrap table{font-size:12px}.dashboard-page .status-badge{padding:5px 9px}.dashboard-page .health-metric{gap:5px}.dashboard-page .health-metric strong{font-size:13px}.dashboard-page .system-field-row{grid-template-columns:1fr auto;min-height:24px}.dashboard-page .system-field-row>span,.dashboard-page .system-field-row>strong{font-size:12px}.dashboard-page .dashboard-table-panel table{font-size:10px}.dashboard-page .dashboard-table-panel table th,.dashboard-page .dashboard-table-panel table td{padding-bottom:2px;padding-top:2px}.dashboard-page .dashboard-table-panel .status-badge{font-size:9px;padding:2px 6px}.dashboard-page .dashboard-table-actions button{height:18px;width:18px}@media (max-height: 1000px) and (min-width: 901px){.dashboard-table-panel .dashboard-density-row-11,.dashboard-table-panel .dashboard-density-row-12,.dashboard-side-list .dashboard-density-row-13,.dashboard-side-list .dashboard-density-row-14,.dashboard-side-list .dashboard-density-row-15,.dashboard-side-list .dashboard-density-row-16{display:none}.dashboard-side-list{grid-template-rows:34px repeat(12,minmax(0,1fr))}.density-summary-12{display:none}.density-summary-10{display:inline}.dashboard-page .dashboard-table-panel table th,.dashboard-page .dashboard-table-panel table td{padding-bottom:2px;padding-top:2px}}@media (max-height: 800px) and (min-width: 901px){.dashboard-table-panel .dashboard-density-row-9,.dashboard-table-panel .dashboard-density-row-10,.dashboard-side-list .dashboard-density-row-11,.dashboard-side-list .dashboard-density-row-12,.density-summary-10{display:none}.density-summary-8{display:inline}.dashboard-bandwidth-card,.dashboard-side-list,.dashboard-server-card{padding-bottom:8px}.dashboard-user-row{gap:6px;grid-template-columns:22px 1fr auto;min-height:23px}.dashboard-user-row>span{font-size:9px;height:20px;width:20px}.dashboard-user-row strong,.dashboard-user-row b{font-size:11px}.dashboard-user-row small{font-size:10px;margin-top:0}.dashboard-side-list{grid-template-rows:28px repeat(10,minmax(0,1fr))}.dashboard-server-card{gap:0;grid-template-rows:28px repeat(8,minmax(0,1fr))}.dashboard-server-card .panel-header{min-height:28px}.dashboard-server-card .system-field-row{min-height:16px}.dashboard-server-card .system-field-row>span,.dashboard-server-card .system-field-row>strong,.dashboard-server-card .health-metric span,.dashboard-server-card .health-metric strong{font-size:10px}.dashboard-server-card .health-metric{gap:1px 4px;grid-template-columns:1fr auto}.dashboard-server-card .health-metric div{grid-column:1 / -1;height:4px}.dashboard-table-panel{grid-template-rows:38px minmax(0,1fr) 28px}.dashboard-plan-panel{grid-template-rows:38px minmax(0,1fr)}.dashboard-bottom-grid .panel-header{height:38px}.dashboard-table-panel table{font-size:10px}.dashboard-page .dashboard-table-panel table th,.dashboard-page .dashboard-table-panel table td{padding-bottom:1px;padding-top:1px}.dashboard-page .dashboard-table-panel .status-badge{font-size:9px;padding:1px 5px}.dashboard-page .dashboard-table-actions button{height:14px;width:14px}.dashboard-table-actions button svg{height:9px;width:9px}.dashboard-table-footer{font-size:9px;padding-bottom:2px;padding-top:2px}}@media (max-width: 900px){.multi-page-app:has(.dashboard-page) .content{height:auto;min-height:100vh;overflow:visible}.dashboard-page{height:auto;grid-template-rows:auto}.dashboard-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-top-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width: 760px){.dashboard-stats-grid,.dashboard-bandwidth-body{grid-template-columns:1fr}.dashboard-line-chart,.dashboard-empty-chart{min-height:220px}}.multi-page-app:has(.users-page){height:100vh;min-height:0;overflow:hidden}.multi-page-app:has(.users-page) .content{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:8px 16px 8px 8px}.multi-page-app:has(.users-page) .top-header{flex:0 0 auto;margin-bottom:4px;min-height:46px}.multi-page-app:has(.users-page) .toast.quiet{display:none}.users-page{flex:1 1 auto;min-height:0}.users-page-card{display:grid;grid-template-rows:42px minmax(0,1fr) 42px;height:100%;min-height:0;overflow:hidden;padding:0}.users-page-card .panel-header{height:42px;padding:8px 12px}.users-page-card .panel-header h2{font-size:15px}.users-page-card .panel-header h2 span{color:var(--muted);font-weight:600}.users-page-card .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.users-page-card table{height:100%;min-width:0;table-layout:fixed}.users-page-card th,.users-page-card td{font-size:11px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis}.users-page-card th:nth-child(1){width:13%}.users-page-card th:nth-child(2){width:15%}.users-page-card th:nth-child(3){width:22%}.users-page-card th:nth-child(4){width:12%}.users-page-card th:nth-child(5){width:11%}.users-page-card th:nth-child(6){width:21%}.users-page-card th:nth-child(7){width:72px}.users-page-card th:last-child,.users-page-card td:last-child{padding-right:4px;text-align:right}.users-page-actions{display:flex;gap:4px;justify-content:flex-end}.users-page-actions button{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:6px;color:#24405f;display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.users-page-pagination{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:11px;justify-content:space-between;min-height:42px;padding:5px 8px 5px 12px}.users-page-pagination .pagination button:disabled{cursor:default;opacity:.4}@media (max-height: 800px) and (min-width: 901px){.users-page-card{grid-template-rows:36px minmax(0,1fr) 36px}.users-page-card .panel-header{height:36px;padding-bottom:5px;padding-top:5px}.users-page-card th,.users-page-card td{font-size:10px;padding-bottom:2px;padding-top:2px}.users-page-actions button{height:20px;width:20px}.users-page-pagination{min-height:36px;padding-bottom:3px;padding-top:3px}}@media (max-width: 1100px){.users-page-card th:nth-child(2),.users-page-card td:nth-child(2),.users-page-card th:nth-child(4),.users-page-card td:nth-child(4){display:none}}@media (max-width: 900px){.multi-page-app:has(.users-page) .content{padding:8px}.users-page-card th:nth-child(6),.users-page-card td:nth-child(6){display:none}}@media (max-width: 560px){.users-page-card th:nth-child(3),.users-page-card td:nth-child(3){display:none}.users-page-card th,.users-page-card td{padding-left:7px;padding-right:7px}.users-page-pagination{gap:6px}.users-page-pagination>span{font-size:10px}}.multi-page-app:has(.subscriptions-page){height:100vh;min-height:0;overflow:hidden}.multi-page-app:has(.subscriptions-page) .content{display:flex;flex-direction:column;gap:0;height:100vh;min-height:0;overflow:hidden;padding:6px 16px 8px 8px}.multi-page-app:has(.subscriptions-page) .top-header{flex:0 0 auto;margin-bottom:4px;min-height:46px}.multi-page-app:has(.subscriptions-page) .toast.quiet{display:none}.multi-page-app:has(.subscriptions-page) .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.multi-page-app:has(.subscriptions-page) .brand{margin-bottom:12px}.multi-page-app:has(.subscriptions-page) .close-menu{display:none}.multi-page-app:has(.subscriptions-page) .side-nav{gap:2px}.multi-page-app:has(.subscriptions-page) .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.multi-page-app:has(.subscriptions-page) .server-card{margin-top:8px;padding:8px 10px}.multi-page-app:has(.subscriptions-page) .server-title{margin-bottom:5px}.multi-page-app:has(.subscriptions-page) .server-row{padding-bottom:4px;padding-top:4px}.multi-page-app:has(.subscriptions-page) .system-info-button{margin-top:5px;min-height:28px}.multi-page-app:has(.subscriptions-page) .sidebar-footer{margin-top:6px}.subscriptions-page{display:grid;flex:1 1 auto;gap:8px;grid-template-rows:70px 58px minmax(0,1fr);min-height:0}.subscription-stats-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.subscription-stat-card{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:8px;display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr) auto;min-width:0;padding:8px 10px}.subscription-stat-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.subscription-stat-icon.blue{background:#2585f5}.subscription-stat-icon.green{background:#14ad65}.subscription-stat-icon.amber{background:#ffb20b}.subscription-stat-icon.red{background:#fa4652}.subscription-stat-icon.teal{background:#08aeb5}.subscription-stat-card>div{display:grid;min-width:0}.subscription-stat-card>div span{color:#344a68;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-stat-card>div strong{color:var(--ink);font-size:19px;line-height:1.1}.subscription-trend{align-self:end;background:#ddf7e9;border-radius:6px;color:#11995a;font-size:9px;padding:3px 5px}.subscription-filter-toolbar{align-items:end;background:#fff;border:1px solid #dfe6f0;border-radius:8px;display:grid;gap:8px;grid-template-columns:120px 130px 165px minmax(150px,1fr) auto auto auto;min-height:0;padding:6px 10px}.subscription-filter-toolbar label{display:grid;gap:2px;min-width:0}.subscription-filter-toolbar label>span{color:#425875;font-size:9px;font-weight:700}.subscription-filter-toolbar select,.subscription-filter-toolbar input{border:1px solid #d8e0ec;border-radius:7px;font-size:10px;min-height:30px;min-width:0;padding:0 8px}.subscription-search{align-items:center;border:1px solid #d8e0ec;border-radius:7px;display:grid!important;gap:7px!important;grid-template-columns:auto minmax(0,1fr);min-height:30px;padding:0 9px}.subscription-search input{border:0;min-height:28px;padding:0}.subscription-tool-button,.subscription-primary-button{align-items:center;border-radius:7px;display:inline-flex;font-size:10px;font-weight:800;gap:6px;justify-content:center;min-height:30px;padding:0 10px;white-space:nowrap}.subscription-tool-button{background:#fff;border:1px solid #d8e0ec;color:#19324f}.subscription-tool-button.active{border-color:#0caeb5;color:#078d95}.subscription-primary-button{background:#08aeb5;border:1px solid #08aeb5;color:#fff}.subscriptions-main-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 310px;min-height:0}.subscriptions-table-panel{display:grid;grid-template-rows:36px minmax(0,1fr) 38px;min-height:0;overflow:hidden;padding:0}.subscriptions-table-panel .panel-header{height:36px;padding:8px 10px}.subscriptions-table-panel .panel-header h2{font-size:13px}.subscriptions-table-panel .panel-header h2 span{color:var(--muted);font-weight:600}.subscriptions-table-panel .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.subscriptions-table-panel table{height:100%;min-width:0;table-layout:fixed}.subscriptions-table-panel th,.subscriptions-table-panel td{font-size:9px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis}.subscriptions-table-panel th:nth-child(1){width:30px}.subscriptions-table-panel th:nth-child(2){width:21%}.subscriptions-table-panel th:nth-child(3){width:15%}.subscriptions-table-panel th:nth-child(4){width:11%}.subscriptions-table-panel th:nth-child(5){width:12%}.subscriptions-table-panel th:nth-child(6){width:12%}.subscriptions-table-panel th:nth-child(7){width:12%}.subscriptions-table-panel th:nth-child(8){width:8%}.subscriptions-table-panel th:nth-child(9){width:74px}.subscriptions-table-panel th:last-child,.subscriptions-table-panel td:last-child{padding-right:4px;text-align:right}.subscriptions-table-panel tr.selected td{background:#f8fbff}.subscription-user-cell{align-items:center;background:transparent;border:0;color:var(--ink);display:grid;gap:7px;grid-template-columns:24px minmax(0,1fr);padding:0;text-align:left;width:100%}.subscription-user-cell>span{align-items:center;background:#ddecff;border-radius:50%;color:#1877df;display:inline-flex;font-size:10px;font-weight:900;height:24px;justify-content:center;width:24px}.subscription-user-cell div{min-width:0}.subscription-user-cell strong,.subscription-user-cell small{display:block;overflow:hidden;text-overflow:ellipsis}.subscription-user-cell small{color:var(--muted);font-size:8px;margin-top:2px}.subscriptions-page .plan-badge{font-size:8px;max-width:100%;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.subscription-status{align-items:center;border-radius:7px;display:inline-flex;font-size:8px;font-weight:800;gap:4px;padding:3px 5px;white-space:nowrap}.subscription-status i{background:currentColor;border-radius:50%;height:5px;width:5px}.subscription-status.active{background:#dcf8e9;color:#0b9b55}.subscription-status.suspended{background:#fff0d1;color:#cd8300}.subscription-status.expired{background:#ffe1e5;color:#ef3c45}.subscriptions-page .billing-label{font-size:9px}.subscription-row-actions{display:flex;gap:3px;justify-content:flex-end}.subscription-row-actions button{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:5px;color:#183652;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.subscriptions-page-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:grid;font-size:9px;gap:8px;grid-template-columns:1fr auto auto;min-height:38px;padding:4px 8px 4px 10px}.subscriptions-page-footer .pagination{gap:4px}.subscriptions-page-footer .pagination button{border-radius:6px;font-size:9px;height:24px;min-width:24px;padding:0 6px}.subscriptions-page-footer .pagination button:disabled{cursor:default;opacity:.4}.subscriptions-detail-column{display:grid;gap:8px;grid-template-rows:minmax(0,1fr) 150px;min-height:0}.subscription-details-panel{display:grid;grid-template-rows:36px auto minmax(0,1fr) 38px;min-height:0;overflow:hidden;padding:0}.subscription-details-panel .panel-header,.subscription-overview-card .panel-header{height:36px;padding:8px 10px}.subscription-details-panel .panel-header h2,.subscription-overview-card .panel-header h2{font-size:12px}.subscription-details-panel .table-icon{height:22px;width:22px}.subscription-profile{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:9px;grid-template-columns:44px minmax(0,1fr);padding:7px 10px}.subscription-profile .large-avatar{font-size:18px;height:44px;width:44px}.subscription-profile>div{min-width:0}.subscription-profile strong{align-items:center;display:flex;font-size:11px;gap:5px}.subscription-profile small{color:var(--muted);display:block;font-size:8px;margin-top:2px}.subscription-profile .plan-badge{display:inline-flex;margin-top:4px}.subscription-details-list{align-content:space-evenly;display:grid;min-height:0;padding:3px 10px}.subscription-details-list>div{align-items:center;display:grid;font-size:9px;gap:8px;grid-template-columns:1fr auto}.subscription-details-list span{color:#516983}.subscription-details-list strong{color:var(--ink);font-weight:700;text-align:right}.subscription-details-list strong.enabled{color:#0b9b55}.subscription-detail-actions{align-items:center;border-top:1px solid var(--line);display:grid;gap:5px;grid-template-columns:1.2fr .8fr 1fr;padding:5px 8px}.subscription-detail-actions button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:6px;color:#183652;display:inline-flex;font-size:8px;font-weight:800;gap:4px;justify-content:center;min-height:27px}.subscription-detail-actions button.warning{background:#fff1d2;border-color:#f8c756;color:#b66f00}.subscription-overview-card{display:grid;grid-template-rows:36px minmax(0,1fr);min-height:0;overflow:hidden;padding:0}.subscription-overview-body{align-items:center;display:grid;gap:8px;grid-template-columns:92px minmax(0,1fr);min-height:0;padding:6px 10px 8px}.subscription-donut{align-items:center;aspect-ratio:1;background:conic-gradient(#12ad65 0,#12ad65 70.8%,#ffb20b 70.8%,#ffb20b 83.3%,#fa4652 83.3%,#fa4652);border-radius:50%;display:flex;justify-content:center;margin:auto;width:80px}.subscription-donut:before{background:#fff;border-radius:50%;content:"";height:50px;position:absolute;width:50px}.subscription-donut>div{display:grid;position:relative;text-align:center;z-index:1}.subscription-donut strong{font-size:14px}.subscription-donut span{color:var(--muted);font-size:8px}.subscription-overview-legend{display:grid;gap:7px}.subscription-overview-legend div,.subscription-overview-legend span{align-items:center;display:flex}.subscription-overview-legend div{font-size:8px;justify-content:space-between}.subscription-overview-legend span{color:#3f5672;gap:5px}.subscription-overview-legend i{border-radius:50%;height:7px;width:7px}.subscription-overview-legend i.active{background:#12ad65}.subscription-overview-legend i.suspended{background:#ffb20b}.subscription-overview-legend i.expired{background:#fa4652}.subscription-compact-modal{max-width:560px}.subscription-modal-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.subscription-modal-grid label{color:#425875;display:grid;font-size:11px;font-weight:700;gap:5px}.subscription-modal-grid .subscription-primary-button{align-self:end}@media (max-width: 1350px){.subscriptions-table-panel th:nth-child(5),.subscriptions-table-panel td:nth-child(5){display:none}}@media (max-height: 800px) and (min-width: 901px){.subscriptions-page{grid-template-rows:62px 52px minmax(0,1fr)}.subscription-stat-card{grid-template-columns:30px minmax(0,1fr) auto;padding:6px 8px}.subscription-stat-icon{height:30px;width:30px}.subscription-stat-card>div strong{font-size:17px}.subscription-filter-toolbar{padding-bottom:4px;padding-top:4px}.subscriptions-detail-column{grid-template-rows:minmax(0,1fr) 132px}.subscription-overview-body{grid-template-columns:78px minmax(0,1fr)}.subscription-donut{width:68px}.subscription-donut:before{height:43px;width:43px}}@media (max-width: 1250px){.subscription-filter-toolbar{grid-template-columns:105px 115px 145px minmax(130px,1fr) auto auto auto}.subscriptions-main-grid{grid-template-columns:minmax(0,1fr) 280px}.subscriptions-table-panel th:nth-child(1),.subscriptions-table-panel td:nth-child(1),.subscriptions-table-panel th:nth-child(8),.subscriptions-table-panel td:nth-child(8){display:none}}@media (max-width: 1050px){.subscriptions-main-grid{grid-template-columns:1fr}.subscriptions-detail-column{display:none}}@media (max-width: 900px){.multi-page-app:has(.subscriptions-page) .content{padding:8px}.multi-page-app:has(.subscriptions-page) .close-menu{display:inline-flex}.subscriptions-page{grid-template-rows:112px 92px minmax(0,1fr)}.subscription-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-stat-card{min-height:50px;padding:5px 7px}.subscription-stat-card:nth-child(4),.subscription-stat-card:nth-child(5){grid-column:span 1}.subscription-filter-toolbar{align-items:center;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}.subscription-filter-toolbar label>span,.subscription-filter-toolbar label:nth-child(3){display:none}.subscription-search,.subscription-primary-button{grid-column:span 2}.subscriptions-table-panel th:nth-child(6),.subscriptions-table-panel td:nth-child(6),.subscriptions-table-panel th:nth-child(8),.subscriptions-table-panel td:nth-child(8){display:none}}@media (max-width: 560px){.subscriptions-page{grid-template-rows:158px 128px minmax(0,1fr)}.subscription-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-stat-card{grid-template-columns:28px minmax(0,1fr)}.subscription-stat-card:last-child{grid-column:1 / -1}.subscription-stat-icon{height:28px;width:28px}.subscription-trend{display:none}.subscription-filter-toolbar{grid-template-columns:1fr 1fr}.subscription-filter-toolbar label:nth-child(3),.subscription-tool-button:first-of-type{display:none}.subscription-search,.subscription-primary-button{grid-column:auto}.subscriptions-table-panel th:nth-child(6),.subscriptions-table-panel td:nth-child(6),.subscriptions-table-panel th:nth-child(7),.subscriptions-table-panel td:nth-child(7){display:none}.subscriptions-table-panel th:nth-child(2){width:38%}.subscriptions-table-panel th:nth-child(3){width:27%}.subscriptions-table-panel th:nth-child(4){width:20%}.subscriptions-table-panel th:nth-child(9){width:48px}.subscription-row-actions button:nth-child(2),.subscription-row-actions button:nth-child(3){display:none}.subscriptions-page-footer{grid-template-columns:1fr auto}.subscriptions-page-footer>span:last-child{display:none}.subscriptions-page-footer .pagination button:not(.active):not(:first-child):not(:last-child){display:none}.subscription-modal-grid{grid-template-columns:1fr}}@media (min-width: 981px){.system-app{height:100vh;min-height:0;overflow:hidden}.system-app .content{display:grid;gap:8px;grid-template-rows:46px 36px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;padding:8px 16px 8px 8px}.system-app .top-header{margin:0;min-height:46px}.system-app .toast.quiet{display:none}.system-app .toast:not(.quiet){box-shadow:var(--shadow);position:fixed;right:18px;top:62px;z-index:30}.system-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.system-app .brand{margin-bottom:12px}.system-app .side-nav{gap:2px}.system-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.system-app .server-card{margin-top:8px;padding:8px 10px}.system-app .server-title{margin-bottom:5px}.system-app .server-row{padding-bottom:4px;padding-top:4px}.system-app .system-info-button{margin-top:5px;min-height:28px}.system-app .sidebar-footer{margin-top:6px}.system-app .system-tabs{border-radius:8px;gap:2px;height:36px;min-height:36px;overflow:hidden;padding:0 6px}.system-app .system-tabs button{border-bottom-width:2px;flex:1 1 auto;font-size:9px;min-width:0;padding:0 5px}.system-app .system-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.system-app .system-card-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;overflow:hidden;padding:8px 12px}.system-app .system-card-title{gap:8px;margin-bottom:5px}.system-app .system-card-title .settings-icon{border-radius:8px;height:30px;width:30px}.system-app .system-card-title .settings-icon svg{height:18px;width:18px}.system-app .system-card-title h2{font-size:13px}.system-app .system-card-body{align-content:space-evenly;gap:2px;min-height:0}.system-app .system-field-row{gap:8px;grid-template-columns:minmax(120px,.85fr) minmax(150px,1.15fr);min-height:20px}.system-app .system-field-row>span,.system-app .system-field-row>strong{font-size:9px}.system-app .system-field-row select,.system-app .system-field-row input,.system-app .system-limits-grid input,.system-app .preference-row select{border-radius:5px;font-size:9px;min-height:24px;opacity:1;padding:0 7px}.system-app .system-inline-control{grid-template-columns:minmax(0,1fr) 24px}.system-app .system-inline-control .system-sync-button{border-radius:5px;height:24px;min-height:24px;width:24px}.system-app .system-card-footer{margin-top:4px}.system-app .system-card-footer .primary-action{border-radius:6px;font-size:9px;min-height:26px;padding:0 9px}.system-app .toggle{height:18px;width:34px}.system-app .toggle i{height:14px;width:14px}.system-app .toggle.on i{transform:translate(16px)}.system-app .system-limits-grid,.system-app .system-info-grid{gap:3px 12px}.system-app .system-limits-grid label{font-size:8px;gap:2px}.system-app .system-info-grid .system-field-row{gap:5px;grid-template-columns:minmax(82px,.9fr) minmax(90px,1.1fr)}.system-app .system-info-grid .system-field-row>span,.system-app .system-info-grid .system-field-row>strong{font-size:8px}.system-app .system-health-card{display:none}}.measurement-options{align-items:center;display:flex;font-size:9px;gap:12px}.measurement-options label{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.measurement-options input{accent-color:var(--primary)}.preference-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.preference-row.compact{border-top:1px solid var(--line);padding-top:5px}.preference-row>div{min-width:0}.preference-row strong,.preference-row small{display:block}.preference-row strong{color:var(--ink);font-size:9px}.preference-row small{color:var(--muted);font-size:8px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preference-row select{width:84px}.storage-value{align-items:center;display:flex;gap:6px;justify-content:space-between;min-width:0}.storage-value strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-value button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;color:#29435f;display:inline-flex;font-size:8px;gap:3px;min-height:22px;padding:0 6px}.system-backup-confirm{align-items:center;color:var(--ink);display:grid;gap:10px;justify-items:center;padding:18px 4px 8px;text-align:center}.system-backup-confirm svg{color:var(--primary)}.system-backup-confirm p{line-height:1.55;margin:0;max-width:430px}.system-backup-confirm span{color:var(--muted);font-size:12px}.spin{animation:system-spin .7s linear infinite}@keyframes system-spin{to{transform:rotate(360deg)}}@media (min-width: 981px) and (min-height: 1101px){.system-app .content{grid-template-rows:46px 36px minmax(0,1fr) 104px}.system-app .system-health-card{display:block;overflow:hidden;padding:8px 12px}.system-app .system-health-card .panel-header{min-height:24px;padding:0}.system-app .system-health-grid{gap:8px;grid-template-columns:repeat(9,minmax(0,1fr));margin-top:5px}}@media (max-width: 980px){.system-app{height:auto;overflow:visible}.system-app .content{height:auto;min-height:100vh;overflow:visible}.system-app .system-tabs{border-radius:8px}.system-app .system-tabs button{padding-bottom:10px;padding-top:12px}.system-app .system-grid{gap:10px}.system-app .system-card-main,.system-app .system-health-card{padding:14px}}.settings-page{display:grid;gap:8px;min-height:0}.settings-summary-head,.settings-tab-panel-head{align-items:center;display:flex;justify-content:space-between}.settings-summary-head p,.settings-tab-panel-head p,.settings-general-modal .modal-header p{color:var(--muted);font-size:10px;margin-top:3px}.settings-api-label{background:#dcf8e9;border-radius:6px;color:#0c9555;font-size:9px;font-weight:800;padding:4px 7px}.settings-tab-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:12px}.settings-form-grid{align-content:start;display:grid;gap:9px 12px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;overflow:auto;padding:12px 0}.settings-form-field{color:#304663;display:grid;font-size:10px;font-weight:800;gap:4px;min-width:0}.settings-form-field input,.settings-form-field select{border-radius:7px;font-size:10px;min-height:32px;min-width:0;padding:0 9px;width:100%}.settings-form-field.toggle-field{align-items:center;border:1px solid var(--line);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:0 10px}.settings-save-bar{align-items:center;border-top:1px solid var(--line);display:flex;gap:7px;justify-content:flex-end;padding-top:8px}.settings-save-bar button:disabled{cursor:default;opacity:.45}.settings-general-modal{max-width:760px}.settings-drawer-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 18px}.settings-drawer-grid label{font-size:10px;gap:5px}.settings-drawer-grid input{font-size:11px;min-height:34px}@media (min-width: 981px){.settings-app{height:100vh;min-height:0;overflow:hidden}.settings-app .content{display:grid;gap:8px;grid-template-rows:46px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;padding:8px 16px 8px 8px}.settings-app .top-header{margin:0;min-height:46px}.settings-app .toast.quiet{display:none}.settings-app .toast:not(.quiet){box-shadow:var(--shadow);position:fixed;right:18px;top:62px;z-index:80}.settings-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.settings-app .brand{margin-bottom:12px}.settings-app .close-menu{display:none}.settings-app .side-nav{gap:2px}.settings-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.settings-app .server-card{margin-top:8px;padding:8px 10px}.settings-app .server-title{margin-bottom:5px}.settings-app .server-row{padding-bottom:4px;padding-top:4px}.settings-app .system-info-button{margin-top:5px;min-height:28px}.settings-app .sidebar-footer{margin-top:6px}.settings-page{grid-template-rows:36px minmax(0,1fr) 88px;height:100%}.settings-page:has(.settings-tab-panel){grid-template-rows:36px minmax(0,1fr)}.settings-app .settings-tabs{border-radius:8px;box-shadow:none;gap:1px;height:36px;min-height:36px;overflow:hidden;padding:0 4px}.settings-app .settings-tabs button{border-bottom-width:2px;flex:1 1 auto;font-size:8px;min-width:0;padding:0 4px}.settings-app .settings-overview-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.settings-app .settings-card{border-radius:8px;gap:5px;grid-template-rows:auto minmax(0,1fr) 27px;min-height:0;overflow:hidden;padding:9px 11px}.settings-app .settings-card-head{align-items:center;gap:9px;grid-template-columns:36px minmax(0,1fr);min-height:38px}.settings-app .settings-icon{border-radius:9px;height:34px;width:34px}.settings-app .settings-icon svg{height:19px;width:19px}.settings-app .settings-card h2{font-size:12px;margin:0 0 2px}.settings-app .settings-card p{font-size:8px;line-height:1.25}.settings-app .settings-card-rows{align-content:stretch;grid-template-rows:repeat(3,minmax(22px,1fr));min-height:0}.settings-app .settings-card-rows button{font-size:9px;min-height:22px}.settings-app .settings-card-rows span,.settings-app .settings-card-rows strong{font-size:9px}.settings-app .settings-card-action{border-radius:6px;font-size:9px;gap:5px;min-height:27px}.settings-app .settings-summary-card{border-radius:8px;display:grid;grid-template-rows:27px minmax(0,1fr);overflow:hidden;padding:6px 11px}.settings-app .settings-summary-head h2{font-size:11px}.settings-app .settings-summary-head p{display:none}.settings-app .settings-summary-head .light-button{border:0;font-size:8px;min-height:24px;padding:0 6px}.settings-app .settings-summary-grid{align-items:stretch;margin-top:0}.settings-app .settings-summary-grid>div{gap:1px 7px;grid-template-columns:20px minmax(0,1fr);min-height:0;padding:0 10px}.settings-app .settings-summary-grid span{font-size:8px}.settings-app .settings-summary-grid strong{font-size:9px}.settings-app .settings-summary-grid svg{height:17px;margin-top:2px;width:17px}}@media (max-width: 1240px) and (min-width: 981px){.settings-app .settings-tabs button{font-size:7px;padding-inline:2px}.settings-app .settings-card h2{font-size:11px}.settings-app .settings-summary-grid>div{padding-inline:6px}}@media (max-width: 980px){.settings-app{height:auto;overflow:visible}.settings-app .content{min-height:100vh}.settings-page{grid-template-rows:auto}.settings-overview-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{border-radius:8px;gap:10px;padding:14px}.settings-card-head{gap:10px;grid-template-columns:44px minmax(0,1fr)}.settings-icon{border-radius:10px;height:42px;width:42px}.settings-card h2{font-size:14px}.settings-card p{font-size:10px;line-height:1.35}.settings-card-rows button{font-size:10px;min-height:34px}.settings-card-action{min-height:34px}.settings-summary-card{padding:14px}.settings-summary-grid{gap:12px 0;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.settings-overview-grid,.settings-form-grid,.settings-drawer-grid,.settings-summary-grid{grid-template-columns:1fr}.settings-summary-head{align-items:flex-start;gap:8px}.settings-summary-head .light-button{padding-inline:8px}.settings-summary-grid>div{border-bottom:1px solid var(--line);border-right:0;padding:8px 0}.settings-save-bar{display:grid;grid-template-columns:1fr 1fr}}.logs-page{display:grid;gap:8px;min-height:0}.logs-stats-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.log-stat-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:2px 8px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:1fr auto 10px;min-width:0;padding:7px 9px}.log-stat-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;grid-row:1 / 4;height:32px;justify-content:center;width:32px}.log-stat-icon.blue{background:#2485f5}.log-stat-icon.green{background:#12ad65}.log-stat-icon.amber{background:#ffad0a}.log-stat-icon.red{background:#f4434d}.log-stat-icon.violet{background:#6641d9}.log-stat-copy{display:grid;min-width:0}.log-stat-copy span{color:#344a68;font-size:9px}.log-stat-copy strong{font-size:18px;line-height:1.05}.log-stat-meta{align-items:end;display:flex;gap:4px;grid-column:2 / 4;justify-content:space-between}.log-stat-meta small{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-stat-meta b{border-radius:5px;font-size:8px;padding:2px 4px}.log-stat-meta b.good{background:#ddf7e9;color:#11995a}.log-stat-meta b.bad{background:#ffe4e6;color:#e43b45}.log-sparkline{display:block;grid-column:2 / 4;height:10px;min-width:0;width:100%}.log-sparkline polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.log-sparkline.blue polyline{stroke:#2485f5}.log-sparkline.green polyline{stroke:#12ad65}.log-sparkline.amber polyline{stroke:#ffad0a}.log-sparkline.red polyline{stroke:#f4434d}.log-sparkline.violet polyline{stroke:#6641d9}.logs-filter-toolbar{align-items:end;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:7px;grid-template-columns:164px 112px 112px 112px minmax(130px,1fr) auto auto auto;min-height:0;padding:5px 8px}.logs-filter-toolbar label{color:#425875;display:grid;font-size:11px;gap:2px;min-width:0}.logs-filter-toolbar select,.logs-filter-toolbar input,.logs-filter-toolbar .date-input{border:1px solid #d8e0ec;border-radius:6px;font-size:12px;min-height:28px;min-width:0;padding:0 7px;width:100%}.logs-filter-toolbar .date-input{background:#fff;color:var(--ink);font-weight:700}.logs-search{align-items:center;border:1px solid #d8e0ec;border-radius:6px;display:grid!important;gap:6px!important;grid-template-columns:auto minmax(0,1fr);min-height:28px;padding:0 7px}.logs-search input{border:0;min-height:26px;padding:0}.logs-tool-button,.logs-clear-button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:6px;color:#183652;display:inline-flex;font-size:12px;font-weight:800;gap:5px;justify-content:center;min-height:28px;padding:0 9px;white-space:nowrap}.logs-tool-button.active{border-color:#0caeb5;color:#078d95}.logs-clear-button{color:#e43b45}.logs-export-menu{min-width:120px}.logs-export-menu button{font-size:10px;padding:8px}.logs-main-grid{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 330px;min-height:0}.logs-table-card{display:grid;grid-template-rows:34px minmax(0,1fr) 36px;min-height:0;overflow:hidden}.logs-table-card .panel-header{height:34px;padding:6px 9px}.logs-table-card .panel-header h2{font-size:12px}.logs-table-tools{align-items:center;display:flex;gap:6px}.live-logs-toggle{align-items:center;background:#fff;border:0;color:var(--muted);display:inline-flex;font-size:8px;font-weight:800;gap:4px;padding:0}.live-logs-toggle i{background:#a6b3c4;border-radius:50%;height:6px;width:6px}.live-logs-toggle.active{color:#0a9856}.live-logs-toggle.active i{background:#12ad65;box-shadow:0 0 0 3px #dcf8e9}.logs-table-card .table-wrap{min-height:0;overflow:hidden}.logs-table-card table{height:auto;min-width:0;table-layout:fixed}.logs-table-card th,.logs-table-card td{font-size:12px;line-height:1.2;overflow:hidden;padding:6px 7px;text-overflow:ellipsis}.logs-table-card th:nth-child(1){width:18%}.logs-table-card th:nth-child(2){width:9%}.logs-table-card th:nth-child(3){width:10%}.logs-table-card th:nth-child(4){width:11%}.logs-table-card th:nth-child(5){width:12%}.logs-table-card th:nth-child(6){width:auto}.logs-table-card th:nth-child(7){width:48px}.log-level-badge{border-radius:5px;display:inline-flex;font-size:11px;font-weight:800;padding:2px 5px}.log-level-badge.info{background:#dcf8e9;color:#0b9955}.log-level-badge.warning{background:#fff0cf;color:#c57b00}.log-level-badge.error{background:#ffe1e5;color:#e63843}.log-level-badge.critical{background:#ebe5ff;color:#6240d1}.log-view-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;color:#153450;display:inline-flex;height:21px;justify-content:center;padding:0;width:24px}.logs-pagination{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:grid;font-size:11px;gap:7px;grid-template-columns:1fr auto auto;min-height:36px;padding:4px 8px}.logs-pagination .pagination{gap:3px}.logs-pagination .pagination button{border-radius:5px;font-size:11px;height:22px;min-width:22px;padding:0 5px}.logs-pagination select{border-radius:5px;font-size:11px;min-height:24px;padding:0 5px}.logs-side{display:grid;gap:8px;grid-template-rows:145px 145px minmax(0,1fr);min-height:0;position:static}.logs-side>.panel{min-height:0;overflow:hidden}.logs-side .panel-header{height:32px;padding:7px 9px}.logs-side .panel-header h2{font-size:11px}.logs-overview-body{align-items:center;display:grid;gap:8px;grid-template-columns:92px minmax(0,1fr);height:calc(100% - 32px);padding:4px 9px 8px}.logs-donut{align-items:center;background:conic-gradient(#12ad65 0,#12ad65 73.8%,#ffad0a 73.8%,#ffad0a 86.9%,#f4434d 86.9%,#f4434d 95.6%,#6641d9 95.6%);border-radius:50%;display:flex;height:82px;justify-content:center;margin:auto;position:relative;width:82px}.logs-donut:before{background:#fff;border-radius:50%;content:"";height:51px;position:absolute;width:51px}.logs-donut>div{display:grid;position:relative;text-align:center}.logs-donut strong{font-size:11px}.logs-donut span{color:var(--muted);font-size:7px}.logs-overview-legend{display:grid;gap:7px}.logs-overview-legend div{align-items:center;display:flex;font-size:11px;justify-content:space-between}.logs-overview-legend span{align-items:center;color:#3f5672;display:flex;gap:5px}.logs-overview-legend i{border-radius:50%;height:6px;width:6px}.logs-overview-legend i.info{background:#12ad65}.logs-overview-legend i.warning{background:#ffad0a}.logs-overview-legend i.error{background:#f4434d}.logs-overview-legend i.critical{background:#6641d9}.top-modules-card .panel-header span{font-size:8px}.module-list{align-content:space-evenly;display:grid;gap:3px;height:calc(100% - 32px);padding:3px 9px 7px}.module-row{gap:6px;grid-template-columns:60px minmax(45px,1fr) 88px}.module-row span,.module-row strong{font-size:11px}.module-bar{height:5px}.recent-critical-card .link-button{font-size:11px}.critical-list{align-content:space-evenly;display:grid;gap:5px;height:calc(100% - 32px);padding:4px 9px 8px}.critical-list button{font-size:11px;gap:5px;grid-template-columns:6px 105px minmax(0,1fr);min-width:0}.critical-list button i{height:6px;width:6px}.critical-list button span,.critical-list button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-drawer-backdrop{justify-items:end;padding:0}.log-details-drawer{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:0;width:min(440px,100vw)}.log-detail-summary{border-bottom:1px solid var(--line);display:grid;gap:5px;padding:12px 18px}.log-detail-summary .log-level-badge{width:max-content}.log-detail-summary span{color:var(--muted);font-size:12px}.log-detail-grid{align-content:start;display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:0;overflow:auto;padding:8px 18px}.log-detail-grid>div{border-bottom:1px solid var(--line);display:grid;gap:3px;padding:7px 4px}.log-detail-grid span{color:var(--muted);font-size:11px}.log-detail-grid strong{font-size:13px}.log-technical-details{margin:0 18px}.log-details-drawer .log-technical-details textarea{font-size:12px;min-height:90px}.log-drawer-actions{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:5px;padding:10px 18px}.log-drawer-actions button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:#183652;display:inline-flex;font-size:11px;gap:4px;min-height:27px;padding:0 8px}.logs-filter-modal{max-width:620px}@media (min-width: 981px){.logs-app{height:100vh;min-height:0;overflow:hidden}.logs-app .content{display:grid;gap:4px;grid-template-rows:46px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;padding:8px 16px 8px 8px}.logs-app .top-header{margin:0;min-height:46px}.logs-app .toast.quiet{display:none}.logs-app .toast:not(.quiet){box-shadow:var(--shadow);position:fixed;right:18px;top:62px;z-index:80}.logs-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.logs-app .brand{margin-bottom:12px}.logs-app .close-menu{display:none}.logs-app .side-nav{gap:2px}.logs-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.logs-app .server-card{margin-top:8px;padding:8px 10px}.logs-app .server-title{margin-bottom:5px}.logs-app .server-row{padding-bottom:4px;padding-top:4px}.logs-app .system-info-button{margin-top:5px;min-height:28px}.logs-app .sidebar-footer{margin-top:6px}.logs-page{grid-template-rows:70px 52px minmax(0,1fr);height:100%}}@media (max-width: 1250px) and (min-width: 981px){.logs-filter-toolbar{grid-template-columns:150px 96px 96px 96px minmax(110px,1fr) auto auto auto}.logs-main-grid{grid-template-columns:minmax(0,1fr) 290px}.logs-table-card th:nth-child(4),.logs-table-card td:nth-child(4){display:none}.module-row{grid-template-columns:55px minmax(35px,1fr) 78px}}@media (max-width: 980px){.logs-app{height:auto;overflow:visible}.logs-app .content{min-height:100vh}.logs-page{grid-template-rows:auto}.logs-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.log-stat-card{min-height:70px}.logs-filter-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.logs-search{grid-column:span 2}.logs-main-grid{grid-template-columns:1fr}.logs-table-card{min-height:520px}.logs-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px 180px}.recent-critical-card{grid-column:1 / -1}}@media (max-width: 600px){.logs-stats-grid,.logs-filter-toolbar,.logs-side{grid-template-columns:1fr}.logs-search{grid-column:auto}.logs-side{grid-template-rows:repeat(3,auto)}.recent-critical-card{grid-column:auto}.logs-table-card th:nth-child(1),.logs-table-card td:nth-child(1),.logs-table-card th:nth-child(4),.logs-table-card td:nth-child(4),.logs-table-card th:nth-child(5),.logs-table-card td:nth-child(5){display:none}.logs-table-card th:nth-child(2){width:22%}.logs-table-card th:nth-child(3){width:22%}.logs-table-card th:nth-child(7){width:44px}.logs-pagination{grid-template-columns:1fr auto}.logs-pagination>select{display:none}}.users-page{display:grid;gap:8px;min-height:0}.users-stats-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.users-stat-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:1px 8px;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:1fr auto 10px;min-width:0;padding:7px 9px}.users-stat-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;grid-row:1 / 4;height:38px;justify-content:center;width:38px}.users-stat-icon.teal{background:#08aeb5}.users-stat-icon.green{background:#12ad65}.users-stat-icon.amber{background:#ffad0a}.users-stat-icon.red{background:#f4434d}.users-stat-icon.blue{background:#2485f5}.users-stat-card>div{display:grid;min-width:0}.users-stat-card>div span{color:#344a68;font-size:12px}.users-stat-card>div strong{font-size:22px;line-height:1.05}.users-stat-card>b{align-self:end;border-radius:5px;font-size:9px;padding:2px 4px}.users-stat-card>b.good{background:#ddf7e9;color:#11995a}.users-stat-card>b.bad{background:#ffe4e6;color:#e43b45}.users-stat-card>small{color:var(--muted);font-size:10px;grid-column:2 / 4}.users-sparkline{display:block;grid-column:2 / 4;height:10px;min-width:0;width:100%}.users-sparkline polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.users-sparkline.teal polyline{stroke:#08aeb5}.users-sparkline.green polyline{stroke:#12ad65}.users-sparkline.amber polyline{stroke:#ffad0a}.users-sparkline.red polyline{stroke:#f4434d}.users-sparkline.blue polyline{stroke:#2485f5}.users-filter-toolbar{align-items:end;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:7px;grid-template-columns:112px 124px 145px minmax(145px,1fr) auto auto auto auto;min-height:0;padding:5px 8px}.users-filter-toolbar label{color:#425875;display:grid;font-size:10px;gap:2px;min-width:0}.users-filter-toolbar select,.users-filter-toolbar input{border:1px solid #d8e0ec;border-radius:6px;font-size:11px;min-height:28px;min-width:0;padding:0 7px;width:100%}.users-search{align-items:center;border:1px solid #d8e0ec;border-radius:6px;display:grid!important;gap:6px!important;grid-template-columns:auto minmax(0,1fr);min-height:28px;padding:0 7px}.users-search input{border:0;min-height:26px;padding:0}.users-tool-button,.users-primary-button,.users-clear-button{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:800;gap:5px;justify-content:center;min-height:28px;padding:0 9px;white-space:nowrap}.users-tool-button,.users-clear-button{background:#fff;border:1px solid #d8e0ec;color:#183652}.users-clear-button{color:#e43b45}.users-primary-button{background:#08aeb5;border:1px solid #08aeb5;color:#fff}.users-main-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 310px;min-height:0}.users-main-grid.details-closed{grid-template-columns:1fr}.admin-users-table{display:grid;grid-template-rows:34px minmax(0,1fr) 36px;min-height:0;overflow:hidden}.admin-users-table .panel-header{height:34px;padding:6px 9px}.admin-users-table .panel-header h2{font-size:14px}.admin-users-table .panel-header h2 span{color:var(--muted);font-weight:600}.admin-users-table .table-wrap{min-height:0;overflow:hidden}.admin-users-table table{height:auto;min-width:0;table-layout:fixed}.admin-users-table th,.admin-users-table td{font-size:12px;line-height:1.12;overflow:hidden;padding:4px 6px;text-overflow:ellipsis}.admin-users-table input[type=checkbox]{height:13px;min-height:0;padding:0;width:13px}.admin-users-table th:nth-child(1){width:26px}.admin-users-table th:nth-child(2){width:22%}.admin-users-table th:nth-child(3){width:15%}.admin-users-table th:nth-child(4){width:11%}.admin-users-table th:nth-child(5){width:21%}.admin-users-table th:nth-child(6){width:10%}.admin-users-table th:nth-child(7){width:12%}.admin-users-table th:nth-child(8){width:68px}.admin-users-table tr.selected td{background:#f7fbff}.admin-user-cell{align-items:center;background:transparent;border:0;color:var(--ink);display:grid;gap:5px;grid-template-columns:22px minmax(0,1fr);padding:0;text-align:left;width:100%}.admin-user-cell>span{align-items:center;background:#ddecff;border-radius:50%;color:#1877df;display:inline-flex;font-size:10px;font-weight:900;height:22px;justify-content:center;width:22px}.admin-user-cell strong,.admin-user-cell small,.admin-user-created,.admin-user-created small{display:block;overflow:hidden;text-overflow:ellipsis}.admin-user-cell small,.admin-user-created small{color:var(--muted);font-size:10.5px;margin-top:1px}.admin-users-table .plan-badge{font-size:10.5px;max-width:100%;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.admin-users-table .status-badge{font-size:10.5px;padding:2px 5px}.admin-user-usage{display:grid;gap:3px;min-width:0}.admin-user-usage>div:first-child{align-items:center;display:flex;font-size:10.5px;gap:4px;justify-content:space-between;min-width:0}.admin-user-usage>div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-usage>div:first-child span{color:var(--muted)}.admin-user-usage .usage-track{height:4px}.admin-users-table .users-page-actions button{height:22px;width:22px}.admin-users-table .users-page-pagination{display:grid;font-size:10px;gap:6px;grid-template-columns:1fr auto auto;min-height:36px;padding:4px 7px}.admin-users-table .users-page-pagination .pagination{gap:3px}.admin-users-table .users-page-pagination .pagination button{border-radius:5px;display:inline-flex;font-size:9.5px;height:24px;min-width:24px;padding:0 5px}.admin-users-table .users-page-pagination select{border-radius:5px;font-size:9.5px;min-height:26px;padding:0 5px}.users-bulk-actions{align-items:center;display:flex;gap:5px}.users-bulk-actions strong{font-size:9px}.users-bulk-actions button{background:#fff;border:1px solid var(--line);border-radius:5px;color:#24405f;font-size:8px;min-height:23px;padding:0 7px}.admin-user-details{display:grid;grid-template-rows:34px 62px 31px minmax(0,1fr) 38px;min-height:0;overflow:hidden}.admin-user-details-head{align-items:center;border-bottom:1px solid var(--line);display:flex;height:34px;justify-content:space-between;padding:6px 9px}.admin-user-details-head h2{font-size:14px}.admin-user-profile{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:42px minmax(0,1fr);padding:6px 9px}.admin-user-profile>span{align-items:center;background:#ddecff;border-radius:50%;color:#1877df;display:inline-flex;font-size:18px;font-weight:900;height:42px;justify-content:center;width:42px}.admin-user-profile strong{align-items:center;display:flex;font-size:12px;gap:5px}.admin-user-profile .status-badge{font-size:8.5px;padding:2px 5px}.admin-user-profile small{color:var(--muted);display:block;font-size:9.5px;margin-top:2px}.admin-user-tabs{border-bottom:1px solid var(--line);display:flex;overflow:hidden;padding:0 6px}.admin-user-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#405774;flex:1 1 auto;font-size:9.5px;min-width:0;padding:0 3px}.admin-user-tabs button.active{border-bottom-color:#08aeb5;color:#078d95}.admin-user-tab-content{min-height:0;overflow:hidden}.admin-user-overview{align-content:space-evenly;display:grid;height:100%;min-height:0;padding:3px 9px}.admin-user-overview>div:not(.admin-user-usage){align-items:center;display:grid;font-size:10px;gap:5px;grid-template-columns:13px minmax(84px,1fr) minmax(90px,1fr)}.admin-user-overview svg,.admin-user-overview span{color:var(--muted)}.admin-user-overview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-overview>.admin-user-usage{margin-left:18px}.admin-user-info-list{align-content:start;display:grid;gap:8px;height:100%;overflow:auto;padding:10px}.admin-user-info-list>div{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:9px;justify-content:space-between;padding-bottom:7px}.admin-user-info-list label{font-size:8px;gap:3px}.admin-user-info-list input,.admin-user-info-list select{font-size:9px;min-height:28px}.admin-user-info-list button{background:#fff;border:1px solid var(--line);border-radius:6px;color:#078d95;font-size:9px;min-height:28px}.admin-user-details-actions{align-items:center;border-top:1px solid var(--line);display:grid;gap:5px;grid-template-columns:1.1fr .9fr 1fr;padding:5px 7px}.admin-user-details-actions>button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:6px;color:#183652;display:inline-flex;font-size:9.5px;font-weight:800;gap:4px;justify-content:center;min-height:27px;padding:0 5px}.admin-user-details-actions .warning-button{background:#fff0cf;border-color:#f2c45d;color:#ad6800}.admin-user-details-actions .primary-action{background:#08aeb5;border-color:#08aeb5;color:#fff}.users-filter-modal{max-width:640px}.admin-user-modal{max-width:720px}.admin-user-form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.admin-user-form-grid label{font-size:10px;gap:4px}.admin-user-form-grid input,.admin-user-form-grid select{font-size:10px;min-height:34px}@media (min-width: 981px){.multi-page-app:has(.users-page) .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.multi-page-app:has(.users-page) .brand{margin-bottom:12px}.multi-page-app:has(.users-page) .close-menu{display:none}.multi-page-app:has(.users-page) .side-nav{gap:2px}.multi-page-app:has(.users-page) .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.multi-page-app:has(.users-page) .server-card{margin-top:8px;padding:8px 10px}.multi-page-app:has(.users-page) .server-title{margin-bottom:5px}.multi-page-app:has(.users-page) .server-row{padding-bottom:4px;padding-top:4px}.multi-page-app:has(.users-page) .system-info-button{margin-top:5px;min-height:28px}.multi-page-app:has(.users-page) .sidebar-footer{margin-top:6px}.users-page{grid-template-rows:70px 52px minmax(0,1fr);height:100%}}@media (max-width: 1250px) and (min-width: 981px){.users-filter-toolbar{grid-template-columns:96px 108px 125px minmax(120px,1fr) auto auto auto auto}.users-main-grid{grid-template-columns:minmax(0,1fr) 275px}.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){display:none}.admin-user-overview>div:not(.admin-user-usage){grid-template-columns:12px minmax(70px,1fr) minmax(75px,1fr)}}@media (max-width: 980px){.multi-page-app:has(.users-page){height:auto;overflow:visible}.multi-page-app:has(.users-page) .content{height:auto;min-height:100vh;overflow:visible}.users-page{grid-template-rows:auto}.users-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-stat-card{min-height:70px}.users-filter-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.users-search{grid-column:span 2}.users-main-grid{grid-template-columns:1fr}.admin-users-table{min-height:520px}.admin-user-details{bottom:0;box-shadow:0 -20px 60px #02081733;height:min(760px,92vh);left:0;position:fixed;right:0;z-index:75}}@media (max-width: 600px){.users-stats-grid,.users-filter-toolbar,.admin-user-form-grid{grid-template-columns:1fr}.users-search{grid-column:auto}.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3),.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5),.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6),.admin-users-table th:nth-child(7),.admin-users-table td:nth-child(7){display:none}.admin-users-table th:nth-child(2){width:auto}.admin-users-table th:nth-child(4){width:24%}.admin-users-table th:nth-child(8){width:48px}.admin-users-table .users-page-actions button:nth-child(2),.admin-users-table .users-page-actions button:nth-child(3){display:none}.admin-users-table .users-page-pagination{grid-template-columns:1fr auto}.admin-users-table .users-page-pagination select{display:none}}.radius-app{height:100vh;min-height:0;overflow:hidden}.radius-app .content{display:flex;flex-direction:column;gap:0;height:100vh;min-height:0;overflow:hidden;padding:6px 16px 8px 8px}.radius-app .top-header{flex:0 0 auto;margin-bottom:4px;min-height:46px}.radius-app .toast.quiet{display:none}.radius-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.radius-app .brand{margin-bottom:12px}.radius-app .close-menu{display:none}.radius-app .side-nav{gap:2px}.radius-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.radius-app .server-card{margin-top:8px;padding:8px 10px}.radius-app .server-title{margin-bottom:5px}.radius-app .server-row{padding-bottom:4px;padding-top:4px}.radius-app .system-info-button{margin-top:5px;min-height:28px}.radius-app .sidebar-footer{margin-top:6px}.radius-page{display:grid;flex:1 1 auto;gap:4px;grid-template-rows:74px 36px minmax(0,1fr);min-height:0}.radius-kpi-grid{display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.radius-kpi-card{background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:grid;gap:2px 7px;grid-template-columns:32px minmax(0,1fr);grid-template-rows:39px 14px 16px;min-width:0;overflow:hidden;padding:4px 8px 0}.radius-kpi-icon{align-items:center;align-self:center;border-radius:50%;color:#fff;display:inline-flex;grid-row:1;height:32px;justify-content:center;width:32px}.radius-kpi-icon.blue{background:#2382ff}.radius-kpi-icon.green{background:#13b866}.radius-kpi-icon.violet{background:#7c3aed}.radius-kpi-icon.amber{background:#ffab08}.radius-kpi-icon.red{background:#ff454c}.radius-kpi-copy{align-self:center;display:grid;gap:1px;min-width:0}.radius-kpi-copy span,.radius-kpi-meta small{color:#405774;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radius-kpi-copy strong{color:#0d1b35;font-size:17px;line-height:1;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.radius-kpi-meta{align-items:center;display:flex;gap:3px;grid-column:2;justify-content:space-between;min-width:0}.radius-kpi-meta b{background:#dcf8e9;border-radius:4px;color:#0a9652;flex:0 0 auto;font-size:7px;padding:2px 4px}.radius-kpi-card>button{align-items:center;background:transparent;border:0;border-top:1px solid #e8edf4;color:#087eae;display:flex;font-size:8px;font-weight:800;grid-column:1 / -1;justify-content:space-between;margin:0;padding:0 1px}.radius-page-tabs{align-items:stretch;background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:flex;gap:1px;min-width:0;overflow-x:auto;padding:0 6px}.radius-page-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#405774;flex:1 0 auto;font-size:8px;font-weight:700;min-width:70px;padding:0 5px}.radius-page-tabs button.active{border-color:#08aeb5;color:#078d95}.radius-workspace{display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 300px;min-height:0}.radius-main-column{display:grid;gap:4px;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0}.radius-servers-panel,.radius-requests-panel{display:grid;min-height:0;overflow:hidden;padding:0}.radius-servers-panel{grid-template-rows:48px minmax(0,1fr)}.radius-requests-panel{grid-template-rows:34px minmax(0,1fr) 27px}.radius-servers-panel .panel-header,.radius-requests-panel .panel-header,.radius-tab-workspace .panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;justify-content:space-between;padding:5px 10px}.radius-servers-panel .panel-header h2,.radius-requests-panel .panel-header h2,.radius-tab-workspace .panel-header h2,.radius-side-column h2{font-size:10px}.radius-servers-panel .panel-header p,.radius-tab-workspace .panel-header p{color:#60738c;font-size:7px;margin-top:3px}.radius-app .panel-actions{gap:5px}.radius-app .primary-action,.radius-app .light-button{align-items:center;border-radius:6px;display:inline-flex;font-size:8px;gap:4px;justify-content:center;min-height:26px;padding:0 8px}.radius-servers-panel .table-wrap,.radius-requests-panel .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.radius-servers-panel table,.radius-requests-panel table{height:100%;min-width:0;table-layout:fixed}.radius-servers-panel th,.radius-servers-panel td,.radius-requests-panel th,.radius-requests-panel td{font-size:7px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.radius-servers-panel th:nth-child(1){width:20%}.radius-servers-panel th:nth-child(2){width:12%}.radius-servers-panel th:nth-child(3){width:12%}.radius-servers-panel th:nth-child(4){width:13%}.radius-servers-panel th:nth-child(5){width:10%}.radius-servers-panel th:nth-child(6){width:11%}.radius-servers-panel th:nth-child(7){width:12%}.radius-servers-panel th:nth-child(8){width:76px}.radius-server-name{gap:6px}.radius-server-name>div{gap:0;min-width:0}.radius-server-name strong{display:block;overflow:hidden;text-overflow:ellipsis}.radius-server-name small{background:#ddebff;border-radius:3px;color:#1a72d8;display:inline-block;font-size:6px;padding:1px 3px}.radius-servers-panel .status-dot{flex:0 0 auto;height:6px;width:6px}.radius-servers-panel .status-badge,.radius-test-results .status-badge{font-size:6px;padding:2px 4px}.radius-servers-panel .status-badge i,.radius-test-results .status-badge i{height:4px;width:4px}.secret-field{gap:3px}.secret-field code{font-size:7px;letter-spacing:0;max-width:75px;overflow:hidden;text-overflow:ellipsis}.radius-table-actions{align-items:center;display:flex;gap:3px;justify-content:flex-end}.radius-table-actions .table-icon,.secret-field .table-icon{border-radius:4px;height:21px;min-height:21px;padding:0;width:21px}.radius-requests-panel th:nth-child(1){width:24%}.radius-requests-panel th:nth-child(2){width:13%}.radius-requests-panel th:nth-child(3){width:14%}.radius-requests-panel th:nth-child(4){width:12%}.radius-requests-panel th:nth-child(5){width:12%}.radius-requests-panel th:nth-child(6){width:15%}.radius-requests-panel th:nth-child(7){width:10%}.request-dot{border-radius:50%;display:inline-block;height:5px;margin-right:5px;vertical-align:middle;width:5px}.request-dot.accept{background:#0ca969}.request-dot.reject{background:#ff454c}.radius-request-status{align-items:center;display:inline-flex;font-weight:700;gap:4px}.radius-request-status i{border-radius:50%;height:5px;width:5px}.radius-request-status.accept{color:#0a9550}.radius-request-status.accept i{background:#0ca969}.radius-request-status.reject{color:#e53845}.radius-request-status.reject i{background:#ff454c}.text-action{align-items:center;background:transparent;border:0;color:#087eae;display:inline-flex;font-size:7px;font-weight:800;gap:2px}.radius-requests-footer{align-items:center;border-top:1px solid #e5ebf4;color:#60738c;display:flex;font-size:7px;justify-content:space-between;padding:0 9px}.radius-side-column{display:grid;gap:4px;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.radius-side-column>.panel{min-height:0;overflow:hidden;padding:8px 10px}.radius-donut-card{display:grid;grid-template-rows:16px minmax(0,1fr)}.radius-donut-content{align-items:center;display:grid;gap:8px;grid-template-columns:66px minmax(0,1fr);min-height:0}.radius-donut{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:58px;justify-content:center;position:relative;width:58px}.radius-donut:after{background:#fff;border-radius:50%;content:"";top:10px;right:10px;bottom:10px;left:10px;position:absolute}.radius-donut.health{background:conic-gradient(#16b86a 0,#16b86a 50%,#f3ad08 50%,#f3ad08 75%,#ff454c 75%,#ff454c)}.radius-donut.methods{background:conic-gradient(#2382ff 0,#2382ff 52%,#16b86a 52%,#16b86a 87%,#f3ad08 87%,#f3ad08 97%,#7c3aed 97%,#7c3aed)}.radius-donut strong,.radius-donut small{position:relative;z-index:1}.radius-donut strong{font-size:11px}.radius-donut small{color:#60738c;font-size:6px}.radius-donut-content>div:last-child{display:grid;gap:3px}.radius-donut-content p{align-items:center;display:grid;font-size:7px;gap:5px;grid-template-columns:5px minmax(0,1fr) auto}.radius-donut-content p i{border-radius:50%;height:5px;width:5px}.radius-donut-content p i.green{background:#16b86a}.radius-donut-content p i.amber{background:#f3ad08}.radius-donut-content p i.red{background:#ff454c}.radius-donut-content p i.blue{background:#2382ff}.radius-donut-content p i.violet{background:#7c3aed}.radius-donut-content p span{color:#405774;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radius-donut-content p strong{font-size:7px}.radius-quick-card,.radius-service-card{display:grid}.radius-quick-card{grid-template-rows:17px minmax(0,1fr)}.radius-quick-card .quick-action-grid{gap:4px}.radius-quick-card .quick-action-grid button,.radius-quick-card .quick-action-grid a{border-radius:5px;font-size:11px;gap:4px;min-height:0;padding:0 3px}.radius-service-card{align-content:space-between;grid-template-rows:17px repeat(6,minmax(0,1fr))}.radius-service-card>div{align-items:center;display:flex;font-size:7px;justify-content:space-between}.radius-service-card>div span{color:#405774}.service-running{align-items:center;color:#0a9550;display:inline-flex;gap:4px}.service-running i{background:#0ca969;border-radius:50%;height:5px;width:5px}.radius-tab-workspace{display:grid;grid-template-rows:48px 40px minmax(0,1fr);min-height:0;overflow:hidden;padding:0}.radius-tab-toolbar{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;gap:6px;justify-content:flex-end;padding:5px 10px}.radius-tab-toolbar label{align-items:center;border:1px solid #d8e0ec;border-radius:6px;display:flex;gap:5px;padding:0 7px}.radius-tab-toolbar input{border:0;font-size:8px;min-height:27px;padding:0;width:190px}.radius-tab-workspace .table-wrap{height:100%;max-height:none;overflow:auto}.radius-tab-workspace table{min-width:640px;table-layout:fixed}.radius-tab-workspace th,.radius-tab-workspace td{font-size:9px;padding:8px 10px}.radius-server-modal{max-width:640px}.radius-server-form{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.radius-server-form input,.radius-server-form select{min-height:34px}.radius-test-modal{max-width:620px}.radius-test-results{display:grid;gap:0;padding:8px 18px}.radius-test-results>div{align-items:center;border-bottom:1px solid #e5ebf4;display:grid;font-size:10px;gap:8px;grid-template-columns:8px 1fr 1.4fr auto;min-height:44px}@media (max-width: 1250px) and (min-width: 981px){.radius-workspace{grid-template-columns:minmax(0,1fr) 260px}.radius-servers-panel th:nth-child(4),.radius-servers-panel td:nth-child(4),.radius-servers-panel th:nth-child(6),.radius-servers-panel td:nth-child(6){display:none}}@media (max-width: 980px){.radius-app{height:auto;overflow:visible}.radius-app .content{height:auto;min-height:100vh;overflow:visible;padding:8px}.radius-page{display:flex;flex-direction:column}.radius-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.radius-kpi-card{min-height:74px}.radius-page-tabs{flex:0 0 40px}.radius-workspace{grid-template-columns:1fr}.radius-main-column{grid-template-rows:320px 290px}.radius-side-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,150px)}}@media (max-width: 620px){.radius-kpi-grid,.radius-side-column,.radius-server-form{grid-template-columns:1fr}.radius-main-column{grid-template-rows:auto auto}.radius-servers-panel,.radius-requests-panel{min-height:330px}.radius-side-column{grid-template-rows:repeat(4,150px)}.radius-servers-panel .table-wrap,.radius-requests-panel .table-wrap{overflow:auto}.radius-servers-panel table,.radius-requests-panel table{min-width:760px}.radius-servers-panel .panel-header{align-items:flex-start;gap:6px;height:auto}}.online-app{height:100vh;min-height:0;overflow:hidden}.online-app .content{display:flex;flex-direction:column;gap:0;height:100vh;min-height:0;overflow:hidden;padding:6px 16px 8px 8px}.online-app .top-header{flex:0 0 auto;margin-bottom:4px;min-height:46px}.online-app .toast.quiet{display:none}.online-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.online-app .brand{margin-bottom:12px}.online-app .close-menu{display:none}.online-app .side-nav{gap:2px}.online-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.online-app .server-card{margin-top:8px;padding:8px 10px}.online-app .server-title{margin-bottom:5px}.online-app .server-row{padding-bottom:4px;padding-top:4px}.online-app .system-info-button{margin-top:5px;min-height:28px}.online-app .sidebar-footer{margin-top:6px}.online-users-page{display:grid;flex:1 1 auto;gap:4px;grid-template-rows:70px 48px minmax(0,1fr) 180px;min-height:0;position:relative}.online-stats-grid{display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.online-stat-card{background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:grid;gap:1px 7px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:38px 12px 15px;min-width:0;overflow:hidden;padding:4px 8px 0}.online-stat-icon{align-items:center;align-self:center;border-radius:50%;color:#fff;display:inline-flex;grid-row:1;height:32px;justify-content:center;width:32px}.online-stat-icon.teal{background:#09aeb7}.online-stat-icon.green{background:#13b866}.online-stat-icon.violet{background:#7c3aed}.online-stat-icon.amber{background:#ffab08}.online-stat-icon.blue{background:#2382ff}.online-stat-card>div{align-self:center;display:grid;gap:1px;min-width:0}.online-stat-card>div span,.online-stat-card small{color:#405774;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-stat-card>div strong{font-size:17px;line-height:1;white-space:nowrap}.online-stat-card>b{align-self:end;background:#dcf8e9;border-radius:4px;color:#0a9652;font-size:7px;margin-bottom:3px;padding:2px 4px}.online-stat-card>small{align-self:center;grid-column:2 / -1}.online-stat-card>svg{fill:none;grid-column:2 / -1;height:13px;overflow:visible;stroke-width:1.5;width:100%}.online-stat-card>svg.teal{stroke:#09aeb7}.online-stat-card>svg.green{stroke:#13b866}.online-stat-card>svg.violet{stroke:#7c3aed}.online-stat-card>svg.amber{stroke:#ffab08}.online-stat-card>svg.blue{stroke:#2382ff}.online-filter-toolbar{align-items:end;background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:grid;gap:5px;grid-template-columns:105px 125px 130px minmax(150px,1fr) auto auto auto;min-width:0;padding:5px 8px}.online-filter-toolbar label{font-size:7px;gap:2px}.online-filter-toolbar select,.online-filter-toolbar input{border-radius:5px;font-size:8px;min-height:27px;padding:0 7px}.online-session-search{align-items:center;border:1px solid #d8e0ec;border-radius:5px;display:flex;gap:5px;min-height:27px;padding:0 7px}.online-session-search input{border:0;min-height:25px;padding:0;width:100%}.online-filter-toolbar>button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:5px;color:#173451;display:inline-flex;font-size:8px;font-weight:800;gap:4px;justify-content:center;min-height:27px;padding:0 8px}.online-filter-toolbar>button.active{border-color:#08aeb5;color:#078d95}.online-filter-toolbar .online-export{justify-self:end}.online-bulk-bar{align-items:center;background:#e8fbfb;border:1px solid #b9ecee;border-radius:7px;display:flex;font-size:8px;gap:5px;left:50%;padding:4px 7px;position:absolute;top:122px;transform:translate(-50%);z-index:8}.online-bulk-bar button{background:#fff;border:1px solid #cfe4e7;border-radius:4px;font-size:7px;min-height:23px}.online-primary-grid{display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 315px;min-height:0}.online-users-table-card{display:grid;grid-template-rows:31px minmax(0,1fr) 25px;min-height:0;overflow:hidden;padding:0}.online-users-table-card .panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;padding:5px 9px}.online-users-table-card .panel-header h2{font-size:10px}.online-users-table-card .panel-header h2 span{color:#405774;font-weight:500}.online-users-table-card .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.online-users-table-card table{height:100%;min-width:0;table-layout:fixed}.online-users-table-card th,.online-users-table-card td{font-size:7px;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.online-users-table-card th:nth-child(1){width:27px}.online-users-table-card th:nth-child(2){width:18%}.online-users-table-card th:nth-child(3){width:11%}.online-users-table-card th:nth-child(4){width:18%}.online-users-table-card th:nth-child(5){width:13%}.online-users-table-card th:nth-child(6){width:13%}.online-users-table-card th:nth-child(7){width:15%}.online-users-table-card th:nth-child(8){width:58px}.online-users-table-card input[type=checkbox]{height:12px;min-height:0;padding:0;width:12px}.online-user-cell{align-items:center;background:transparent;border:0;color:#0d1b35;display:grid;gap:5px;grid-template-columns:20px minmax(0,1fr);padding:0;text-align:left;width:100%}.online-user-cell>span:first-child{align-items:center;background:#ddecff;border-radius:50%;color:#1877df;display:inline-flex;font-size:8px;height:20px;justify-content:center;width:20px}.online-user-cell>span:last-child{display:grid;gap:1px;min-width:0}.online-user-cell strong{overflow:hidden;text-overflow:ellipsis}.online-user-cell small{background:#e5f1ff;border-radius:3px;color:#1472d8;font-size:6px;justify-self:start;max-width:100%;overflow:hidden;padding:1px 3px;text-overflow:ellipsis}.location-cell{gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.location-cell b{font-size:12px}.online-users-table-card .protocol-badge{border-radius:4px;font-size:6px;padding:2px 4px}.online-usage-cell{display:grid;gap:3px}.online-usage-cell>i{background:#e9eef5;border-radius:4px;display:block;height:4px;overflow:hidden}.online-usage-cell>i b{background:#08aeb5;display:block;height:100%}.online-users-table-card .radius-table-actions .table-icon{height:20px;min-height:20px;width:20px}.online-users-table-card .disconnect{color:#ff4551}.online-table-footer{align-items:center;border-top:1px solid #e5ebf4;color:#60738c;display:grid;font-size:7px;grid-template-columns:1fr auto auto;padding:3px 7px}.online-table-footer .pagination{gap:2px}.online-table-footer .pagination button{border-radius:4px;font-size:7px;height:21px;min-width:21px;padding:0 4px}.online-table-footer select{border-radius:4px;font-size:7px;margin-left:6px;min-height:22px;padding:0 4px}.online-monitor-side{display:grid;gap:4px;grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr);min-height:0}.online-map-card,.online-protocol-card{min-height:0;overflow:hidden;padding:0}.online-map-card{display:grid;grid-template-rows:30px minmax(0,1fr)}.online-map-card .panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;justify-content:space-between;padding:5px 9px}.online-map-card h2,.online-protocol-card h2,.online-live-chart-card h2,.online-countries-card h2{font-size:10px}.online-world-map{background:#fbfcfe;min-height:0;overflow:hidden;position:relative}.online-world-map img{filter:grayscale(1);height:100%;object-fit:contain;opacity:.16;padding:3px 8px;width:100%}.online-world-map button{align-items:center;background:#09aeb7cc;border:2px solid rgba(255,255,255,.75);border-radius:50%;color:#fff;display:inline-flex;font-size:6px;font-weight:900;height:20px;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);width:20px}.online-protocol-card{display:grid;grid-template-rows:25px minmax(0,1fr);padding:7px 10px}.online-protocol-content{align-items:center;display:grid;gap:10px;grid-template-columns:72px minmax(0,1fr);min-height:0}.online-protocol-donut{align-items:center;background:conic-gradient(#13b866 0,#13b866 61.9%,#2382ff 61.9%,#2382ff 85.7%,#ffab08 85.7%,#ffab08);border-radius:50%;display:flex;flex-direction:column;height:66px;justify-content:center;position:relative;width:66px}.online-protocol-donut:after{background:#fff;border-radius:50%;content:"";top:12px;right:12px;bottom:12px;left:12px;position:absolute}.online-protocol-donut strong,.online-protocol-donut small{position:relative;z-index:1}.online-protocol-donut strong{font-size:12px}.online-protocol-donut small{color:#60738c;font-size:6px}.online-protocol-legend{display:grid;gap:7px}.online-protocol-legend p{align-items:center;display:grid;font-size:7px;gap:5px;grid-template-columns:6px minmax(0,1fr) auto}.online-protocol-legend i{border-radius:50%;height:6px;width:6px}.online-protocol-legend .wireguard{background:#13b866}.online-protocol-legend .tcp{background:#2382ff}.online-protocol-legend .udp{background:#ffab08}.online-bottom-monitor-grid{display:grid;gap:4px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:0}.online-live-chart-card,.online-countries-card{display:grid;min-height:0;overflow:hidden;padding:0}.online-live-chart-card{grid-template-rows:35px minmax(0,1fr)}.online-live-chart-card .panel-header,.online-countries-card .panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;justify-content:space-between;padding:4px 9px}.online-live-chart-card .panel-header p{display:flex;font-size:7px;gap:10px;margin-top:3px}.online-live-chart-card .upload{color:#08aeb5}.online-live-chart-card .download{color:#2382ff}.online-live-chart-card select,.online-countries-card select{border-radius:5px;font-size:7px;min-height:24px;padding:0 5px}.online-bandwidth-chart{height:100%;overflow:visible;padding:4px 7px 3px 2px;width:100%}.online-bandwidth-chart line{stroke:#e8edf4;stroke-width:1}.online-bandwidth-chart text{fill:#60738c;font-size:6px}.online-download-fill{fill:#2382ff1c}.online-upload-fill{fill:#08aeb51f}.online-download-line,.online-upload-line{fill:none;stroke-linecap:round;stroke-width:2}.online-download-line{stroke:#2382ff}.online-upload-line{stroke:#08aeb5}.online-countries-card{grid-template-rows:35px 22px minmax(0,1fr)}.online-country-head,.online-country-list>div{align-items:center;display:grid;gap:5px;grid-template-columns:minmax(110px,1.4fr) 45px 50px minmax(100px,1fr);padding:0 9px}.online-country-head{background:#fbfcfe;color:#60738c;font-size:7px;font-weight:800}.online-country-list{align-content:space-evenly;display:grid;min-height:0}.online-country-list>div{font-size:7px}.online-country-list>div>span:last-child{align-items:center;display:grid;gap:4px;grid-template-columns:minmax(24px,1fr) auto}.online-country-list>div>span:last-child:before{display:none}.online-country-list i{background:#08aeb5;border-radius:3px;display:block;grid-column:1;height:4px}.session-details-drawer{background:#fff;border-left:1px solid #dfe6f0;bottom:0;box-shadow:-18px 0 45px #0f172a29;display:grid;grid-template-rows:42px 76px minmax(0,1fr) 82px;position:fixed;right:0;top:0;width:min(390px,100vw);z-index:80}.session-details-drawer .modal-header{padding:10px 12px}.session-profile{align-items:center;border-bottom:1px solid #e5ebf4;display:grid;gap:10px;grid-template-columns:48px 1fr;padding:8px 12px}.session-profile>span{align-items:center;background:#ddecff;border-radius:50%;color:#1877df;display:inline-flex;font-size:18px;height:48px;justify-content:center;width:48px}.session-profile>div{display:grid;gap:2px}.session-profile strong{align-items:center;display:flex;gap:6px}.session-profile small{color:#60738c;font-size:9px}.session-detail-scroll{display:grid;gap:12px;overflow:auto;padding:12px}.session-detail-scroll section{display:grid;gap:0}.session-detail-scroll h3{font-size:11px;margin:0 0 6px}.session-detail-scroll section>div{align-items:center;border-bottom:1px solid #edf1f6;display:flex;font-size:9px;justify-content:space-between;min-height:31px}.session-detail-scroll section>div span{color:#60738c}.session-drawer-actions{border-top:1px solid #e5ebf4;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);padding:8px 12px}.session-drawer-actions button,.session-drawer-actions a,.danger-action{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:6px;color:#173451;display:inline-flex;font-size:8px;font-weight:800;gap:4px;justify-content:center;min-height:32px;text-decoration:none}.session-drawer-actions .danger-action,.danger-action{background:#fff0f1;border-color:#ffc4c8;color:#e83843}.online-disconnect-body{display:grid;gap:10px;justify-items:start;padding:16px 18px}.online-disconnect-body>svg{color:#f3ad08}.online-disconnect-body label{width:100%}.online-disconnect-body textarea{border:1px solid #d8e0ec;border-radius:7px;min-height:72px;padding:8px;resize:vertical}.online-disconnect-body .check-row{align-items:center;display:flex;gap:7px}.online-disconnect-body .check-row input{min-height:0}.online-filters-modal{max-width:720px}@media (max-width: 1250px) and (min-width: 981px){.online-primary-grid{grid-template-columns:minmax(0,1fr) 275px}.online-users-table-card th:nth-child(3),.online-users-table-card td:nth-child(3){display:none}}@media (max-width: 980px){.online-app{height:auto;overflow:visible}.online-app .content{height:auto;min-height:100vh;overflow:visible;padding:8px}.online-users-page{display:flex;flex-direction:column}.online-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-stat-card{min-height:70px}.online-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.online-session-search{grid-column:span 2}.online-primary-grid,.online-bottom-monitor-grid{grid-template-columns:1fr}.online-users-table-card{min-height:430px}.online-monitor-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:210px}.online-live-chart-card,.online-countries-card{min-height:220px}}@media (max-width: 620px){.online-stats-grid,.online-filter-toolbar,.online-monitor-side{grid-template-columns:1fr}.online-session-search{grid-column:auto}.online-monitor-side{grid-template-rows:220px 170px}.online-users-table-card .table-wrap{overflow-x:auto}.online-users-table-card table{min-width:780px}.online-table-footer{gap:5px;grid-template-columns:1fr auto}.online-table-footer select{display:none}}.plans-app{height:100vh;min-height:0;overflow:hidden}.plans-app .content{display:flex;flex-direction:column;gap:0;height:100vh;min-height:0;overflow:hidden;padding:6px 16px 8px 8px}.plans-app .top-header{flex:0 0 auto;margin-bottom:4px;min-height:46px}.plans-app .toast.quiet{display:none}.plans-app .sidebar{height:100vh;min-height:0;overflow:hidden;padding-bottom:8px;padding-top:10px}.plans-app .brand{margin-bottom:12px}.plans-app .close-menu{display:none}.plans-app .side-nav{gap:2px}.plans-app .side-nav a{min-height:32px;padding-bottom:6px;padding-top:6px}.plans-app .server-card{margin-top:8px;padding:8px 10px}.plans-app .server-title{margin-bottom:5px}.plans-app .server-row{padding-bottom:4px;padding-top:4px}.plans-app .system-info-button{margin-top:5px;min-height:28px}.plans-app .sidebar-footer{margin-top:6px}.plans-page{display:grid;flex:1 1 auto;gap:4px;grid-template-rows:70px 48px minmax(0,1fr);min-height:0}.plans-stats-grid{display:grid;gap:4px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.plans-stat-card{background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:grid;gap:2px 7px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:40px 20px;min-width:0;overflow:hidden;padding:5px 8px}.plans-stat-icon{align-items:center;align-self:center;border-radius:50%;color:#fff;display:inline-flex;grid-row:1;height:32px;justify-content:center;width:32px}.plans-stat-icon.blue{background:#2382ff}.plans-stat-icon.green{background:#13b866}.plans-stat-icon.amber{background:#ffab08}.plans-stat-icon.violet{background:#7c3aed}.plans-stat-icon.teal{background:#09aeb7}.plans-stat-card>div{align-self:center;display:grid;gap:1px;min-width:0}.plans-stat-card>div span,.plans-stat-card small{color:#405774;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-stat-card>div strong{font-size:17px;line-height:1;white-space:nowrap}.plans-stat-card>b{align-self:end;background:#dcf8e9;border-radius:4px;color:#0a9652;font-size:7px;margin-bottom:3px;padding:2px 4px}.plans-stat-card>small{align-self:center;grid-column:2 / -1}.plans-filter-toolbar{align-items:end;background:#fff;border:1px solid #dfe6f0;border-radius:7px;display:grid;gap:5px;grid-template-columns:120px 150px minmax(170px,1fr) auto auto auto auto;min-width:0;padding:5px 8px}.plans-filter-toolbar label{font-size:7px;gap:2px}.plans-filter-toolbar select,.plans-filter-toolbar input{border-radius:5px;font-size:8px;min-height:27px;padding:0 7px}.plans-search{align-items:center;border:1px solid #d8e0ec;border-radius:5px;display:flex;gap:5px;min-height:27px;padding:0 7px}.plans-search input{border:0;min-height:25px;padding:0;width:100%}.plans-filter-toolbar>button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:5px;color:#173451;display:inline-flex;font-size:8px;font-weight:800;gap:4px;justify-content:center;min-height:27px;padding:0 8px}.plans-filter-toolbar .plans-create-button{background:#08aeb5;border-color:#08aeb5;color:#fff;justify-self:end}.plans-main-grid{display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 315px;min-height:0}.plans-table-panel{display:grid;grid-template-rows:32px minmax(0,1fr) 28px;min-height:0;overflow:hidden;padding:0}.plans-table-panel>.panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;padding:5px 9px}.plans-table-panel .panel-header h2{font-size:10px}.plans-table-panel .panel-header h2 span{color:#405774;font-weight:500}.plans-table-panel .table-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}.plans-table-panel table{height:100%;min-width:0;table-layout:fixed}.plans-table-panel th,.plans-table-panel td{font-size:7px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.plans-table-panel th:nth-child(1){width:25%}.plans-table-panel th:nth-child(2){width:10%}.plans-table-panel th:nth-child(3){width:12%}.plans-table-panel th:nth-child(4){width:15%}.plans-table-panel th:nth-child(5){width:8%}.plans-table-panel th:nth-child(6){width:10%}.plans-table-panel th:nth-child(7){width:10%}.plans-table-panel th:nth-child(8){width:66px}.plans-table-panel tr{cursor:pointer}.plans-table-panel tr.selected td{background:#f8fcff}.plans-table-panel .plan-name-cell{gap:6px;grid-template-columns:28px minmax(0,1fr);width:100%}.plans-table-panel .plan-icon{border-radius:6px;height:28px;width:28px}.infinity-icon{font-size:18px;font-weight:900;line-height:1}.plans-table-panel .plan-name-cell>span:last-child{min-width:0}.plans-table-panel .plan-name-cell strong,.plans-table-panel .plan-name-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-table-panel .plan-name-cell small,.plans-table-panel .price-cell small,.plans-table-panel td>small{color:#60738c;display:block;font-size:6px;margin-top:2px}.plans-table-panel .speed-cell{gap:2px}.plans-table-panel .speed-cell span{align-items:center;display:flex;font-size:7px;gap:2px}.plans-table-panel .status-badge{font-size:6px;padding:2px 4px}.plans-table-panel .popular-badge{border-radius:4px;font-size:6px;padding:2px 4px}.plans-row-actions{display:flex;gap:3px;justify-content:flex-end}.plans-row-actions .table-icon{border-radius:4px;height:20px;min-height:20px;padding:0;width:20px}.plans-table-footer{align-items:center;border-top:1px solid #e5ebf4;color:#60738c;display:flex;font-size:7px;justify-content:space-between;padding:3px 8px}.plans-table-footer .pagination{gap:2px}.plans-table-footer .pagination button{border-radius:4px;font-size:7px;height:20px;min-width:20px;padding:0 4px}.plans-side-column{display:grid;gap:4px;grid-template-rows:minmax(0,1.5fr) minmax(0,1fr);min-height:0}.plans-details-card,.plans-usage-card{min-height:0;overflow:hidden;padding:0}.plans-details-card{display:grid;grid-template-rows:31px 58px minmax(0,1fr) 48px}.plans-details-card>.panel-header,.plans-usage-card>.panel-header{align-items:center;border-bottom:1px solid #e5ebf4;display:flex;justify-content:space-between;padding:5px 9px}.plans-details-card h2,.plans-usage-card h2{font-size:10px}.plans-details-card>.panel-header>div{align-items:center;display:flex;gap:4px}.plans-mobile-close{display:none}.plans-usage-card h2 span{color:#60738c;font-weight:500}.plans-detail-head{border-bottom:1px solid #e5ebf4;gap:7px;grid-template-columns:38px minmax(0,1fr) auto;padding:6px 9px}.plans-detail-head .plan-icon{border-radius:7px;height:38px;width:38px}.plans-detail-head>div{min-width:0}.plans-detail-head strong,.plans-detail-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-detail-head strong{font-size:10px}.plans-detail-head small{color:#60738c;font-size:7px;margin-top:3px}.plans-detail-head .status-badge{font-size:6px;padding:2px 4px}.plans-detail-list{align-content:space-evenly;display:grid;min-height:0;padding:3px 9px}.plans-detail-list>div{align-items:center;display:grid;font-size:7px;gap:5px;grid-template-columns:minmax(85px,1fr) minmax(110px,auto)}.plans-detail-list>div span{color:#60738c}.plans-detail-list>div strong{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.plans-detail-actions{border-top:1px solid #e5ebf4;display:grid;gap:3px;grid-template-columns:repeat(2,1fr);padding:4px 7px}.plans-detail-actions button{align-items:center;background:#fff;border:1px solid #d8e0ec;border-radius:5px;color:#173451;display:inline-flex;font-size:6px;font-weight:800;gap:3px;justify-content:center;min-height:18px}.plans-detail-actions .danger-action{background:#fff0f1;border-color:#ffc4c8;color:#e83843}.plans-usage-card{display:grid;grid-template-rows:31px minmax(0,1fr) 38px}.plans-usage-card select{border-radius:5px;font-size:7px;min-height:23px;padding:0 4px}.plans-usage-body{align-items:center;display:grid;gap:7px;grid-template-columns:78px minmax(0,1fr);min-height:0;padding:4px 9px}.plans-usage-donut{align-items:center;background:conic-gradient(#2382ff 0,#2382ff 4%,#09aeb7 4%,#09aeb7 17%,#ffab08 17%,#ffab08 50%,#7c3aed 50%,#7c3aed 75%,#13b866 75%,#13b866);border-radius:50%;display:flex;flex-direction:column;height:70px;justify-content:center;position:relative;width:70px}.plans-usage-donut:after{background:#fff;border-radius:50%;content:"";top:12px;right:12px;bottom:12px;left:12px;position:absolute}.plans-usage-donut strong,.plans-usage-donut small{position:relative;z-index:1}.plans-usage-donut strong{font-size:10px}.plans-usage-donut small{color:#60738c;font-size:5px}.plans-usage-body>div:last-child{display:grid;gap:4px}.plans-usage-body p{align-items:center;display:grid;font-size:6px;gap:4px;grid-template-columns:5px minmax(0,1fr) auto}.plans-usage-body p i{border-radius:50%;height:5px;width:5px}.plans-usage-body i.blue{background:#2382ff}.plans-usage-body i.teal{background:#09aeb7}.plans-usage-body i.amber{background:#ffab08}.plans-usage-body i.violet{background:#7c3aed}.plans-usage-body i.green{background:#13b866}.plans-usage-body p strong{font-size:6px}.plans-usage-card footer{border-top:1px solid #e5ebf4;display:grid;font-size:6px;gap:2px;padding:5px 9px}.plans-usage-card footer span{color:#60738c}.plans-form-modal{display:grid;grid-template-rows:50px minmax(0,1fr) 52px;height:min(760px,92vh);max-width:880px;overflow:hidden}.plans-form-modal .modal-header p{color:#60738c;font-size:9px;margin-top:3px}.plans-form-scroll{overflow:auto}.plans-form-scroll section{border-bottom:1px solid #e5ebf4;padding:12px 16px}.plans-form-scroll h3{font-size:11px;margin:0 0 9px}.plans-form-grid{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.plans-form-grid label{font-size:9px;gap:4px}.plans-form-grid input,.plans-form-grid select{font-size:9px;min-height:32px}.plans-form-grid .wide-field{grid-column:span 2}.plans-form-grid .check-row{align-items:center;display:flex;gap:6px;min-height:32px}.plans-form-grid .check-row input{height:13px;min-height:0;width:13px}.plans-filter-modal{max-width:680px}.plans-delete-body{align-items:start;display:grid;gap:10px;grid-template-columns:30px 1fr;padding:18px}.plans-delete-body>svg{color:#ffab08}@media (max-width: 1250px) and (min-width: 981px){.plans-main-grid{grid-template-columns:minmax(0,1fr) 280px}.plans-table-panel th:nth-child(5),.plans-table-panel td:nth-child(5){display:none}}@media (max-width: 980px){.plans-app{height:auto;overflow:visible}.plans-app .content{height:auto;min-height:100vh;overflow:visible;padding:8px}.plans-page{display:flex;flex-direction:column}.plans-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plans-stat-card{min-height:70px}.plans-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.plans-search{grid-column:span 2}.plans-main-grid{grid-template-columns:1fr}.plans-table-panel{min-height:480px}.plans-side-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:330px}.plans-details-card{display:none}.plans-details-card.mobile-open{background:#fff;bottom:0;box-shadow:-18px 0 45px #0f172a2e;display:grid;left:auto;position:fixed;right:0;top:0;width:min(390px,100vw);z-index:80}.plans-details-card.mobile-open .plans-mobile-close{display:inline-flex}.plans-side-column .plans-usage-card{grid-column:1 / -1}}@media (max-width: 620px){.plans-stats-grid,.plans-filter-toolbar,.plans-side-column,.plans-form-grid{grid-template-columns:1fr}.plans-search,.plans-form-grid .wide-field{grid-column:auto}.plans-table-panel .table-wrap{overflow-x:auto}.plans-table-panel table{min-width:820px}.plans-side-column{grid-template-rows:240px}.plans-form-modal{height:100vh;max-height:none}.plans-details-card.mobile-open{left:0;width:auto}}:root{--vivi-list-text: 12px;--vivi-list-meta: 10.5px;--vivi-list-badge: 10px}@media (min-width: 981px){.content table th,.content table td{font-size:var(--vivi-list-text)}.content table small,.admin-user-cell small,.admin-user-created small,.subscription-user-cell small,.online-user-cell small,.plan-name-cell small,.price-cell small,.plans-table-panel td>small,.radius-server-name small{font-size:var(--vivi-list-meta)}.content table .status-badge,.content table .plan-badge,.content table .popular-badge,.content table .subscription-status,.content table .log-level-badge,.content table .protocol-badge,.content table .radius-request-status{font-size:var(--vivi-list-badge)}.admin-user-usage>div:first-child,.online-usage-cell,.speed-cell span,.billing-label,.radius-servers-panel .secret-field code{font-size:var(--vivi-list-meta)}.dashboard-table-footer,.plans-table-footer,.subscriptions-page-footer,.online-table-footer,.radius-requests-footer,.logs-pagination,.users-page-pagination{font-size:var(--vivi-list-meta)}.dashboard-side-list,.dashboard-side-list strong,.dashboard-side-list span,.dashboard-side-list small,.module-row span,.module-row strong,.critical-list button,.logs-overview-legend div,.radius-donut-content p,.radius-donut-content p strong,.radius-quick-card .quick-action-grid button,.radius-quick-card .quick-action-grid a,.radius-service-card>div,.online-country-list,.online-country-list span,.online-country-list strong{font-size:var(--vivi-list-text)}.settings-app .settings-card-rows button,.settings-app .settings-card-rows span,.settings-app .settings-card-rows strong,.settings-app .settings-summary-grid strong,.settings-app .settings-form-field,.settings-app .settings-form-field span,.settings-app .settings-form-field input,.settings-app .settings-form-field select{font-size:11px}.settings-app .settings-card p,.settings-app .settings-summary-grid span{font-size:10px}.system-app .system-field-row>span,.system-app .system-field-row>strong,.system-app .system-field-row select,.system-app .system-field-row input,.system-app .system-limits-grid input,.system-app .preference-row select,.system-app .preference-row strong{font-size:11px}.system-app .preference-row small,.system-app .system-info-grid .system-field-row>span,.system-app .system-info-grid .system-field-row>strong{font-size:10px}.dashboard-stat-card span,.subscription-stat-card>div span,.online-stat-card>div span,.online-stat-card>small,.plans-stat-card>div span,.plans-stat-card>small,.radius-kpi-copy span,.radius-kpi-meta small{font-size:11px}.dashboard-stat-card strong,.subscription-stat-card>div strong,.online-stat-card>div strong,.plans-stat-card>div strong,.radius-kpi-copy strong{font-size:20px}.plans-filter-toolbar,.subscriptions-filter-bar,.online-filter-toolbar,.logs-filter-toolbar,.radius-tab-toolbar,.users-filter-toolbar,.plans-filter-toolbar label,.plans-filter-toolbar select,.plans-filter-toolbar input,.plans-filter-toolbar button,.subscriptions-filter-bar label,.subscriptions-filter-bar select,.subscriptions-filter-bar input,.subscriptions-filter-bar button,.online-filter-toolbar label,.online-filter-toolbar select,.online-filter-toolbar input,.online-filter-toolbar button,.logs-filter-toolbar label,.logs-filter-toolbar select,.logs-filter-toolbar input,.logs-filter-toolbar button,.radius-tab-toolbar input,.users-filter-toolbar label,.users-filter-toolbar select,.users-filter-toolbar input,.users-filter-toolbar button{font-size:11px}}@media (min-width: 981px){.online-app{font-size:13px}.online-stat-card>div span,.online-stat-card>small{font-size:12px}.online-stat-card>div strong{font-size:24px}.online-stat-card>b{font-size:10px}.online-filter-toolbar label,.online-filter-toolbar select,.online-filter-toolbar input,.online-filter-toolbar button{font-size:12px}.online-users-table-card .panel-header h2,.online-map-card h2,.online-protocol-card h2,.online-live-chart-card h2,.online-countries-card h2{font-size:14px}.online-users-table-card th,.online-users-table-card td{font-size:12px}.online-user-cell>span:first-child{font-size:11px}.online-user-cell small,.online-users-table-card .protocol-badge,.online-usage-cell,.online-table-footer,.online-table-footer .pagination button,.online-table-footer select{font-size:11px}.online-protocol-legend p,.online-country-head,.online-country-list>div,.online-live-chart-card .panel-header p,.online-live-chart-card select,.online-countries-card select{font-size:11px}.online-protocol-donut strong{font-size:15px}.online-protocol-donut small,.online-bandwidth-chart text,.online-world-map button{font-size:9px}}@media (min-width: 981px){.radius-app{font-size:13px}.radius-kpi-copy span,.radius-kpi-meta small{font-size:12px}.radius-kpi-copy strong{font-size:24px}.radius-kpi-meta b{font-size:10px}.radius-kpi-card>button,.radius-page-tabs button,.radius-app .primary-action,.radius-app .light-button,.text-action{font-size:12px}.radius-servers-panel .panel-header h2,.radius-requests-panel .panel-header h2,.radius-tab-workspace .panel-header h2,.radius-side-column h2{font-size:14px}.radius-servers-panel .panel-header p,.radius-tab-workspace .panel-header p,.radius-servers-panel th,.radius-servers-panel td,.radius-requests-panel th,.radius-requests-panel td,.radius-tab-workspace th,.radius-tab-workspace td{font-size:12px}.radius-server-name small,.radius-servers-panel .status-badge,.radius-test-results .status-badge,.secret-field code,.radius-request-status,.radius-requests-footer,.radius-tab-toolbar label,.radius-tab-toolbar input{font-size:11px}.radius-donut strong{font-size:15px}.radius-donut small{font-size:9px}.radius-donut-content p,.radius-donut-content p strong,.radius-quick-card .quick-action-grid button,.radius-quick-card .quick-action-grid a,.radius-service-card>div{font-size:12px}}@media (min-width: 981px){.plans-app{font-size:13px}.plans-stat-card>div span,.plans-stat-card>small{font-size:12px}.plans-stat-card>div strong{font-size:24px}.plans-stat-card>b{font-size:10px}.plans-filter-toolbar label,.plans-filter-toolbar select,.plans-filter-toolbar input,.plans-filter-toolbar button{font-size:12px}.plans-table-panel .panel-header h2,.plans-details-card h2,.plans-usage-card h2{font-size:14px}.plans-table-panel th,.plans-table-panel td{font-size:12px}.plans-table-panel .plan-name-cell{gap:12px;grid-template-columns:42px minmax(0,1fr)}.plans-table-panel .plan-icon{border-radius:10px;height:42px;width:42px}.plans-table-panel .plan-name-cell small,.plans-table-panel .price-cell small,.plans-table-panel td>small,.plans-table-panel .speed-cell span,.plans-table-panel .status-badge,.plans-table-panel .popular-badge,.plans-table-footer,.plans-table-footer .pagination button{font-size:11px}.plans-row-actions .table-icon{border-radius:7px;height:26px;min-height:26px;width:26px}.plans-detail-head strong{font-size:14px}.plans-detail-head small,.plans-detail-head .status-badge,.plans-detail-list>div,.plans-detail-actions button,.plans-usage-card select,.plans-usage-body p,.plans-usage-body p strong,.plans-usage-card footer{font-size:11px}.plans-usage-donut strong{font-size:15px}.plans-usage-donut small{font-size:9px}}@media (min-width: 981px){.subscriptions-page{gap:4px;grid-template-rows:68px 46px minmax(0,1fr)}.subscription-stats-grid,.subscriptions-main-grid,.subscriptions-detail-column{gap:4px}.subscription-filter-toolbar{gap:5px;grid-template-columns:112px 124px 160px minmax(150px,1fr) auto auto auto;padding:4px 8px}.subscription-filter-toolbar select,.subscription-filter-toolbar input,.subscription-search,.subscription-tool-button,.subscription-primary-button{min-height:26px}.subscriptions-table-panel{grid-template-rows:28px minmax(0,1fr) 26px}.subscriptions-table-panel .panel-header{height:28px;padding:4px 10px}.subscriptions-table-panel table{height:auto}.subscriptions-table-panel th,.subscriptions-table-panel td{font-size:10px;padding:2px 5px}.subscription-user-cell{gap:5px;grid-template-columns:18px minmax(0,1fr)}.subscription-user-cell>span{font-size:8px;height:18px;width:18px}.subscription-user-cell small,.subscriptions-page .plan-badge,.subscription-status,.subscriptions-page .billing-label{font-size:9px}.subscriptions-page .plan-badge,.subscription-status{padding:2px 5px}.subscription-row-actions{gap:2px}.subscription-row-actions button{height:18px;width:18px}.subscriptions-page-footer{font-size:9px;min-height:26px;padding:2px 8px}.subscriptions-page-footer .pagination button{font-size:9px;height:20px;min-width:20px}.subscriptions-page-footer select{font-size:9px;min-height:20px}}@media (min-width: 981px){.plans-table-panel{grid-template-rows:30px minmax(0,1fr) 26px}.plans-table-panel>.panel-header{padding:5px 9px}.plans-table-panel th,.plans-table-panel td{font-size:11px;padding:2px 5px}.plans-table-panel .plan-name-cell{gap:7px;grid-template-columns:30px minmax(0,1fr)}.plans-table-panel .plan-icon{border-radius:7px;height:30px;width:30px}.plans-table-panel .plan-name-cell small,.plans-table-panel .price-cell small,.plans-table-panel td>small,.plans-table-panel .speed-cell span,.plans-table-panel .status-badge,.plans-table-panel .popular-badge{font-size:10px}.plans-row-actions{gap:2px}.plans-row-actions .table-icon{border-radius:5px;height:21px;min-height:21px;width:21px}.plans-table-footer{font-size:10px;padding:2px 8px}.plans-table-footer .pagination button{font-size:10px;height:22px;min-width:22px}}@media (min-width: 981px){.subscription-details-panel .panel-header,.subscription-overview-card .panel-header{height:38px;padding:9px 12px}.subscription-details-panel .panel-header h2,.subscription-overview-card .panel-header h2{font-size:15px}.subscription-profile{gap:10px;grid-template-columns:48px minmax(0,1fr);padding:9px 12px}.subscription-profile .large-avatar{font-size:20px;height:48px;width:48px}.subscription-profile strong{font-size:13px}.subscription-profile small{font-size:10px}.subscription-details-list{padding:7px 12px}.subscription-details-list>div{font-size:12px}.subscription-detail-actions{padding:6px 9px}.subscription-detail-actions button{font-size:11px;min-height:30px}.subscription-overview-body{gap:12px;grid-template-columns:100px minmax(0,1fr);padding:8px 12px 10px}.subscription-donut{width:88px}.subscription-donut:before{height:54px;width:54px}.subscription-donut strong{font-size:16px}.subscription-donut span{font-size:10px}.subscription-overview-legend{gap:8px}.subscription-overview-legend div{font-size:11px}}@media (min-width: 981px){.subscription-filter-toolbar{grid-template-columns:112px 124px 160px 260px auto auto auto minmax(0,1fr)}.subscription-search{max-width:260px;width:260px}.subscription-filter-toolbar .subscription-primary-button{justify-self:start;min-height:30px;padding-inline:14px}.subscription-filter-toolbar .subscription-tool-button:last-child{grid-column:auto;justify-self:start}}@media (min-width: 981px){.settings-app .settings-tabs button,.system-app .system-tabs button,.radius-page-tabs button,.drawer-tabs button{font-size:12px;font-weight:800;letter-spacing:0}.settings-app .settings-tabs,.system-app .system-tabs{height:40px;min-height:40px}.settings-app .settings-tabs button,.system-app .system-tabs button{padding-inline:5px}.plans-filter-toolbar label,.subscription-filter-toolbar label,.users-filter-toolbar label,.online-filter-toolbar label,.logs-filter-toolbar label{font-size:11px}.plans-filter-toolbar select,.plans-filter-toolbar input,.plans-filter-toolbar>button,.subscription-filter-toolbar select,.subscription-filter-toolbar input,.subscription-filter-toolbar button,.users-filter-toolbar select,.users-filter-toolbar input,.users-filter-toolbar button,.online-filter-toolbar select,.online-filter-toolbar input,.online-filter-toolbar button,.logs-filter-toolbar select,.logs-filter-toolbar input,.logs-filter-toolbar button,.logs-filter-toolbar .date-input{font-size:12px}.users-table-panel th,.users-table-panel td,.plans-table-panel th,.plans-table-panel td,.subscriptions-table-panel th,.subscriptions-table-panel td,.online-table-panel th,.online-table-panel td,.logs-table-panel th,.logs-table-panel td,.radius-servers-panel th,.radius-servers-panel td,.radius-requests-panel th,.radius-requests-panel td{font-size:12px}.users-table-panel small,.plans-table-panel small,.subscriptions-table-panel small,.online-table-panel small,.logs-table-panel small,.radius-servers-panel small,.radius-requests-panel small{font-size:10.5px}.plan-badge,.status-badge,.subscription-status,.online-status-badge,.log-level-badge,.radius-status-badge{font-size:11px}.settings-app .settings-card h2,.system-app .system-card h2,.radius-servers-panel .panel-header h2,.radius-requests-panel .panel-header h2,.radius-tab-workspace .panel-header h2,.radius-side-column h2,.plans-detail-card h2,.plans-usage-card h2,.subscription-details-panel .panel-header h2,.subscription-overview-card .panel-header h2{font-size:15px}.settings-app .settings-card p,.settings-app .settings-card-rows span,.settings-app .settings-card-rows strong,.settings-app .settings-card-rows button,.settings-app .settings-card-action,.settings-app .settings-summary-grid span,.settings-app .settings-summary-grid strong,.system-app label,.system-app input,.system-app select,.system-app button,.subscription-details-list>div,.subscription-overview-legend div,.radius-service-info div,.radius-quick-actions button,.radius-quick-actions a,.radius-auth-legend div,.radius-health-legend div{font-size:12px}}@media (max-width: 1240px) and (min-width: 981px){.settings-app .settings-tabs button,.system-app .system-tabs button{font-size:11px;padding-inline:3px}}@media (min-width: 981px){.app-shell,.app-shell.plans-app,.app-shell.online-app,.app-shell.radius-app,.app-shell.logs-app,.app-shell.settings-app,.app-shell.system-app,.app-shell.multi-page-app{grid-template-columns:228px minmax(0,1fr)!important}.sidebar{flex:0 0 228px!important;max-width:228px!important;min-width:228px!important;padding:22px 14px 18px!important;position:sticky;transform:none!important;transition:none!important;width:228px!important}.brand{justify-content:flex-start!important;margin-bottom:29px!important}.brand>div:not(.brand-mark),.side-nav a span,.nav-chevron,.server-card{display:block!important}.side-nav{gap:6px!important}.side-nav a{font-size:14px;grid-template-columns:18px 1fr auto!important;justify-items:stretch!important;min-height:39px!important;padding:9px 12px!important}.side-nav a svg{height:18px;width:18px}.server-card{font-size:12px;margin-top:auto!important;padding:15px!important}.server-title{margin-bottom:17px!important}.server-row{padding:8px 2px!important}.system-info-button{margin-top:12px!important;min-height:34px!important}}.content,.multi-page-app .content,.plans-app .content,.online-app .content,.radius-app .content,.logs-app .content,.settings-app .content,.system-app .content{gap:4px!important}.top-header,.multi-page-app:has(.dashboard-page) .top-header,.multi-page-app:has(.users-page) .top-header,.multi-page-app:has(.subscriptions-page) .top-header,.plans-app .top-header,.online-app .top-header,.radius-app .top-header,.logs-app .top-header,.settings-app .top-header,.system-app .top-header{margin-bottom:4px!important}.dashboard-page,.users-page,.subscriptions-page,.plans-page,.online-users-page,.radius-page,.logs-page,.settings-page,.system-grid,.subscription-stats-grid,.subscriptions-main-grid,.subscriptions-detail-column,.plans-stats-grid,.plans-filter-toolbar,.plans-main-grid,.online-stats-grid,.online-filter-toolbar,.online-main-grid,.radius-kpi-grid,.radius-page-tabs,.radius-main-grid,.logs-stats-grid,.logs-filter-toolbar,.logs-main-grid,.settings-tabs,.settings-overview-grid,.settings-summary-grid{gap:4px!important}.breadcrumbs{display:none!important}.system-app .system-tabs{display:grid!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;overflow:visible!important;padding:0 6px!important}.system-app .system-tabs button{min-width:0!important;overflow:hidden!important;padding-inline:3px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.modal-note{margin:0 0 14px;padding:9px 12px;border-radius:8px;border:1px solid var(--warning-border, #f5d99a);background:var(--warning-soft, #fdf6e6);color:var(--warning-text, #8a6100);font-size:13px;line-height:1.45}.bandwidth-note{margin:0 18px 10px;color:#6b7a90;font-size:12.5px;line-height:1.5}.dashboard-alerts{display:grid;gap:8px;margin-bottom:16px}.dashboard-alert{display:grid;gap:2px;text-align:left;padding:10px 14px;border-radius:10px;border:1px solid transparent;border-left-width:4px;cursor:pointer;background:var(--panel, #fff)}.dashboard-alert strong{font-size:13px}.dashboard-alert small{font-size:12px;opacity:.8}.dashboard-alert.critical{border-color:#ef4444;background:#fef2f2}.dashboard-alert.warning{border-color:#f59e0b;background:#fffbeb}.dashboard-alert.info{border-color:#2485ff;background:#eff6ff}.admins-modal{max-width:960px;width:94vw}.admins-modal .table-wrap{max-height:46vh;overflow:auto}.admins-modal td small{display:block;opacity:.7;font-size:11px}.admins-create{border-top:1px solid rgba(0,0,0,.08);margin-top:14px;padding-top:14px}.admins-create h3{font-size:13px;margin:0 0 10px}