:root{color:#0d1b35;background:#f4f7fb;--teal: #0bb6bd;--green: #15b866;--amber: #f3ad08;--red: #ff4551;--blue: #2382ff;--violet: #7c3aed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(18,184,190,.28);outline-offset:2px}.login-shell{align-items:center;background:linear-gradient(135deg,#041427f5,#065c70e6),url("data:image/svg+xml,%3Csvg width='1200' height='800' viewBox='0 0 1200 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.11'%3E%3Cpath d='M40 110h1120M40 270h1120M40 430h1120M40 590h1120M160 40v720M400 40v720M640 40v720M880 40v720M1120 40v720'/%3E%3Ccircle cx='600' cy='400' r='260'/%3E%3Ccircle cx='600' cy='400' r='120'/%3E%3C/g%3E%3C/svg%3E");display:grid;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:12px;box-shadow:0 24px 80px #02081747;display:grid;gap:18px;margin:0 auto;max-width:420px;padding:28px;width:100%}.login-brand{align-items:center;display:flex;gap:12px}.login-brand svg{color:#0bbac1}.login-brand h1{margin:0}.login-brand p{color:#61718a;margin:2px 0 0}.login-panel form{display:grid;gap:14px}label{color:#425371;display:grid;font-size:12px;font-weight:700;gap:7px}input,select{background:#fff;border:1px solid #d8e0ec;border-radius:9px;color:#0d1b35;min-height:40px;padding:9px 11px}.primary-button{align-items:center;background:linear-gradient(135deg,#0db6bd,#13c7b7);border:0;border-radius:9px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:10px 14px}.primary-button:disabled{cursor:wait;opacity:.72}.notice,.toast{align-items:center;background:#e8fbfb;border:1px solid #b9ecee;border-radius:10px;color:#08747c;display:flex;gap:8px;padding:10px 12px}.notice.quiet,.toast.quiet{background:#fff;border-color:#e5ebf4;color:#5d6f89}.login-notice{margin:0}.app-shell{background:#f4f7fb;display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#061b35,#07192f 46%,#081a32);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:22px 14px 18px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:11px;margin-bottom:29px;position:relative}.brand-mark{align-items:center;color:#14cbd1;display:inline-flex;justify-content:center}.brand span{display:block;font-size:24px;font-weight:900;line-height:1}.brand span span{color:#14cbd1;display:inline}.brand small{color:#b7c7db;display:block;font-size:11px;margin-top:6px}.close-menu{display:none;margin-left:auto}.side-nav{display:grid;gap:6px}.side-nav button{align-items:center;background:transparent;border:0;border-radius:7px;color:#e1ebf6;display:grid;gap:10px;grid-template-columns:18px 1fr auto;min-height:39px;padding:9px 12px;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.side-nav button:hover,.side-nav button.active{background:linear-gradient(135deg,#09aeb7,#14c9b7);color:#fff}.side-nav button:hover{transform:translate(1px)}.nav-chevron{justify-self:end}.server-card{background:linear-gradient(135deg,#ffffff1c,#ffffff0f);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-top:auto;padding:15px}.server-title,.server-row{align-items:center;display:flex;justify-content:space-between}.server-title{margin-bottom:17px}.server-title span{align-items:center;color:#47e7a0;display:inline-flex;font-size:12px;gap:6px}.server-title i,.overview-row .status-badge:after{background:#13c982;border-radius:999px;content:"";display:inline-block;height:8px;width:8px}.server-row{color:#d9e5f2;font-size:12px;padding:8px 2px}.server-row strong{color:#67ffd1;font-weight:700}.system-info-button{background:#ffffff1f;border:0;border-radius:7px;color:#fff;font-weight:800;margin-top:12px;min-height:34px;width:100%}.content{min-width:0;padding:22px 24px 14px}.users-app .content{padding-bottom:22px}.top-header{align-items:start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.header-title{align-items:center;display:flex;gap:10px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:14px;line-height:1.2}.breadcrumbs{align-items:center;color:#516681;display:flex;font-size:12px;gap:6px;margin-top:14px}.breadcrumbs strong{color:#334866;font-weight:500}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.search-box{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:9px;box-shadow:0 8px 25px #0f172a0a;display:grid;gap:8px;grid-template-columns:auto minmax(190px,1fr) auto;min-height:42px;padding:0 10px;width:min(320px,34vw)}.search-box input{border:0;min-height:auto;padding:0}.search-box input:focus-visible{outline:0}kbd{background:#edf2f8;border-radius:7px;color:#62738a;font-size:11px;font-weight:700;padding:5px 8px}.icon-button,.refresh-button,.light-button,.profile-button,.dropdown button,.pagination button{border:1px solid #dfe6f0;border-radius:9px;color:#10223e}.icon-button{align-items:center;background:#fff;display:inline-flex;height:38px;justify-content:center;padding:0;position:relative;width:38px}.ghost-button{background:#fff;box-shadow:0 8px 24px #0f172a0a}.notification-badge{align-items:center;background:#ff424f;border:2px solid #ffffff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;position:absolute;right:-4px;top:-5px;width:18px}.profile-button{align-items:center;background:transparent;border-color:transparent;display:flex;gap:10px;min-height:42px;padding:0 4px}.avatar{align-items:center;background:linear-gradient(135deg,#00a6b9,#17c9ba);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;height:40px;justify-content:center;width:40px}.profile-copy{display:grid;line-height:1.2;text-align:left}.profile-copy small{color:#445874;margin-top:3px}.refresh-button,.light-button{align-items:center;background:#fff;display:inline-flex;font-weight:700;gap:8px;min-height:36px;padding:0 13px}.light-button{color:#314865;font-size:12px;min-height:34px}.mobile-menu{display:none}.menu-wrap{position:relative}.dropdown{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 16px 44px #0f172a24;display:grid;gap:4px;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.dropdown button{align-items:start;background:#fff;display:grid;gap:4px;justify-items:start;padding:10px;text-align:left}.dropdown button:hover{background:#f5f8fc}.dropdown span,.dropdown small{color:#61718a;font-size:12px}.profile-menu{min-width:150px}.profile-menu button{align-items:center;display:flex;flex-direction:row}.toast{margin-bottom:14px;justify-content:space-between}.toast button{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font-weight:800;gap:6px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:16px}.stat-card,.panel{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b}.stat-card{align-items:center;display:grid;gap:14px;grid-template-columns:50px minmax(0,1fr) auto;min-height:112px;padding:18px}.stat-icon{align-items:center;border-radius:999px;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.stat-icon.teal{background:linear-gradient(135deg,#08a9b7,#12cdbd)}.stat-icon.green{background:linear-gradient(135deg,#18b35e,#16c978)}.stat-icon.amber{background:linear-gradient(135deg,#f4a600,#ffc317)}.stat-icon.red{background:linear-gradient(135deg,#ff424d,#ff6570)}.stat-icon.blue{background:linear-gradient(135deg,#147aff,#2c8cff)}.stat-icon.violet{background:linear-gradient(135deg,#6d4df6,#8b5cf6)}.stat-copy{display:grid;min-width:0}.stat-copy span{color:#3d506f;font-size:12px;margin-bottom:6px}.stat-copy strong{font-size:22px;line-height:1.1}.stat-copy small{color:#506783;font-size:12px;margin-top:10px}.trend{align-self:end;border-radius:8px;font-size:11px;font-weight:800;padding:6px 7px;white-space:nowrap}.trend.good{background:#dff8eb;color:#10a05a}.trend.bad{background:#ffe5e7;color:#ef3c45}.trend.neutral{background:#fff5df;color:#d79a00}.dashboard-grid{display:grid;gap:16px;grid-template-columns:minmax(420px,2fr) minmax(260px,1.05fr) minmax(250px,.85fr);margin-bottom:16px}.panel{overflow:hidden}.panel-header{align-items:center;display:flex;justify-content:space-between;padding:17px 17px 12px}.panel-header h2 span{color:#314865;font-weight:600}.panel-header select{color:#1f334f;font-size:12px;min-height:34px;padding:0 10px}.bandwidth-body{display:grid;gap:18px;grid-template-columns:180px minmax(0,1fr);padding:4px 15px 18px}.bandwidth-summary{display:grid;gap:28px;padding-top:6px}.chart-legend{display:flex;gap:18px}.chart-legend span{align-items:center;color:#445b78;display:inline-flex;font-size:12px;gap:7px}.chart-legend i{border-radius:999px;display:inline-block;height:8px;width:8px}.teal-dot{background:#10b8bd}.blue-dot{background:#2382ff}.bandwidth-summary strong{display:block;font-size:26px}.bandwidth-summary strong span{font-size:13px}.bandwidth-summary small{color:#506783;display:block;margin-top:8px}.chart-wrap{min-width:0}.active-list,.overview-list{display:grid;gap:12px;padding:6px 17px 18px}.active-row{align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr auto 16px}.active-row strong{display:block;font-size:12px}.active-row small{color:#607793;display:block;font-size:12px;margin-top:3px}.active-row>span:nth-child(3){font-size:12px;font-weight:700}.active-row svg{color:#1d3858}.mini-avatar{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.mini-avatar.blue{background:#d9ecff;color:#1376e8}.mini-avatar.teal{background:#dff7f5;color:#0c9d9b}.mini-avatar.violet{background:#e8e5ff;color:#6d57f6}.mini-avatar.amber{background:#fff2d8;color:#cc8700}.mini-avatar.red{background:#ffe3e6;color:#ef3c45}.overview-row,.progress-row{align-items:center;display:grid;font-size:12px;gap:10px;grid-template-columns:minmax(110px,1fr) auto}.overview-row strong,.progress-row strong{font-weight:800}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:800;gap:7px;justify-content:center;padding:6px 9px;width:max-content}.status-badge.running,.status-badge.active{background:#daf8e9;color:#0d9b58}.status-badge.suspended{background:#fff0d8;color:#d48400}.status-badge.expired{background:#ffe1e5;color:#ef3c45}.status-badge.inactive{background:#e9eef5;color:#60718a}.progress-row{grid-template-columns:minmax(88px,1fr) minmax(76px,106px) 38px}.progress-track{background:#eef3f9;border-radius:999px;height:6px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#09aeb7,#14c9b7);border-radius:inherit;display:block;height:100%}.tables-grid{display:grid;gap:16px;grid-template-columns:minmax(520px,1.65fr) minmax(340px,1fr)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:100%;width:100%}th,td{border-top:1px solid #e6edf5;font-size:12px;padding:12px 17px;text-align:left;white-space:nowrap}th{color:#334866;font-weight:800}td{color:#10223e}.table-actions{display:flex;gap:8px}.table-icon{border-radius:8px;height:26px;width:26px}.table-icon svg{color:#112642}.table-footer{align-items:center;border-top:1px solid #e6edf5;color:#607793;display:flex;font-size:12px;justify-content:space-between;padding:13px 17px}.pagination{align-items:center;display:flex;gap:6px}.pagination button{background:#fff;height:28px;min-width:28px;padding:0 8px}.pagination button.active{background:linear-gradient(135deg,#09aeb7,#14c9b7);border-color:transparent;color:#fff}.pager{height:28px;width:28px}.footer{align-items:center;color:#627894;display:flex;font-size:12px;justify-content:space-between;padding:30px 0 6px}.sidebar-footer{color:#b7c7db;display:block;font-size:11px;margin-top:18px}.user-stat-card{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:10px 14px;grid-template-columns:50px 1fr auto;min-height:142px;padding:18px}.user-stat-card .sparkline{grid-column:2 / -1;height:28px;margin-top:2px}.filter-bar{align-items:end;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:14px;grid-template-columns:140px 150px 170px minmax(180px,1fr) auto auto auto auto;margin-bottom:14px;padding:16px 18px}.filter-bar label{min-width:0}.filter-search{align-items:center;border:1px solid #d8e0ec;border-radius:9px;display:grid;gap:8px;grid-template-columns:auto 1fr;min-height:40px;padding:0 10px}.filter-search input{border:0;min-height:auto;padding:0}.primary-action,.warning-button{align-items:center;border:0;border-radius:9px;color:#fff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 14px;white-space:nowrap}.primary-action{background:linear-gradient(135deg,#09aeb7,#14c9b7)}.warning-button{background:#ffb82e;color:#8a4f00}.bulk-bar{align-items:center;background:#08304f;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px 12px}.bulk-bar button{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;min-height:30px;padding:0 10px}.users-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(650px,1fr) 360px}.users-table-card .panel-header h2 span{color:#31506f;font-weight:500}.users-table-card table{min-width:880px}.users-table-card tr.selected td{background:#fbfdff}.user-cell{align-items:center;background:transparent;border:0;color:#10223e;display:grid;gap:10px;grid-template-columns:34px 1fr;padding:0;text-align:left}.user-cell strong,.user-cell small,.date-cell,.date-cell small{display:block}.user-cell small,.date-cell small{color:#607793;margin-top:3px}.mini-avatar.u,.mini-avatar.a{background:#d9ecff;color:#1376e8}.mini-avatar.j,.mini-avatar.m{background:#dff7f5;color:#0c9d9b}.mini-avatar.r{background:#e8e5ff;color:#6d57f6}.mini-avatar.t{background:#fff2d8;color:#cc8700}.mini-avatar.s,.mini-avatar.e{background:#ffe3e6;color:#ef3c45}.plan-badge{border-radius:7px;display:inline-flex;font-size:11px;font-weight:800;padding:6px 8px}.plan-badge.blue{background:#ddecff;color:#136cda}.plan-badge.green{background:#dff7e9;color:#0e9d56}.plan-badge.violet{background:#ebe7ff;color:#6652e8}.plan-badge.amber{background:#fff0d2;color:#cf8200}.plan-badge.gray{background:#edf2f8;color:#52647b}.status-badge i{background:currentColor;border-radius:999px;display:inline-block;height:6px;width:6px}.status-badge.offline{background:#e9eef5;color:#60718a}.usage-cell{display:grid;gap:7px;min-width:150px}.usage-cell div:first-child{align-items:center;display:flex;font-size:11px;gap:4px;justify-content:space-between}.usage-cell span{color:#31506f}.usage-track{background:#e9eef5;border-radius:999px;height:6px;overflow:hidden}.usage-track i{display:block;height:100%}.usage-track.normal i{background:#0bb6bd}.usage-track.warning i{background:#f3ad08}.usage-track.danger i{background:#ff4551}.usage-track.neutral i{background:#c9d4e2}.pagination-wrap{align-items:center;background:#fff;border:1px solid #dfe6f0;border-top:0;border-radius:0 0 10px 10px;color:#607793;display:grid;font-size:12px;gap:12px;grid-template-columns:1fr auto auto;margin-top:-1px;padding:13px 17px}.pagination-wrap select{font-size:12px;min-height:34px}.details-drawer{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;overflow:hidden;position:sticky;top:22px}.drawer-header,.modal-header{align-items:center;border-bottom:1px solid #e6edf5;display:flex;justify-content:space-between;padding:16px 18px}.drawer-profile{align-items:center;display:grid;gap:13px;grid-template-columns:54px 1fr;padding:20px 18px}.large-avatar{align-items:center;background:#d9ecff;border-radius:999px;color:#1376e8;display:inline-flex;font-size:24px;font-weight:900;height:54px;justify-content:center;width:54px}.drawer-profile strong,.drawer-profile span,.drawer-profile small{display:block}.drawer-profile strong{align-items:center;display:flex;gap:8px}.drawer-profile span,.drawer-profile small{color:#607793;font-size:12px;margin-top:4px}.drawer-tabs{border-bottom:1px solid #e6edf5;display:flex;overflow-x:auto;padding:0 18px}.drawer-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#31506f;font-size:12px;font-weight:700;min-height:39px;padding:0 10px}.drawer-tabs button.active{border-bottom-color:#0bb6bd;color:#009aa4}.drawer-tab{display:grid;gap:13px;padding:18px}.detail-row{align-items:center;display:grid;gap:9px;grid-template-columns:16px minmax(110px,1fr) minmax(100px,1fr);font-size:12px}.detail-row svg{color:#506783}.detail-row span{color:#506783}.detail-row strong{font-weight:700}.remaining{color:#0d9b58;margin-top:-8px;padding-left:25px}.device-row{border:1px solid #e6edf5;border-radius:9px;display:grid;gap:6px;padding:10px}.device-row span,.timeline span,.timeline small{color:#607793}.timeline div{border-left:2px solid #dce7f3;display:grid;gap:3px;padding-left:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-footer{border-top:1px solid #e6edf5;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:16px 18px}.drawer-footer button{min-width:0;padding-inline:8px}.modal-backdrop{align-items:center;background:#0812227a;display:grid;top:0;right:0;bottom:0;left:0;padding:20px;position:fixed;z-index:70}.modal{background:#fff;border-radius:12px;box-shadow:0 24px 90px #02081747;margin:0 auto;max-height:calc(100vh - 40px);max-width:860px;overflow:auto;width:100%}.modal-grid{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}.checkbox-label{align-items:center;display:flex;gap:8px}.checkbox-label input{min-height:auto}.modal-actions{border-top:1px solid #e6edf5;display:flex;gap:10px;justify-content:flex-end;padding:16px 18px}.filter-drawer{background:#fff;border-left:1px solid #dfe6f0;box-shadow:-20px 0 60px #02081729;display:grid;gap:13px;height:100vh;overflow:auto;padding-bottom:18px;position:fixed;right:0;top:0;width:360px;z-index:75}.filter-drawer label,.filter-drawer .primary-action{margin-inline:18px}.plans-app .content{padding-bottom:22px}.plan-stat-card{align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 8px 28px #0f172a0b;display:grid;gap:14px;grid-template-columns:50px minmax(0,1fr) auto;min-height:116px;padding:18px}.plan-filter-bar{grid-template-columns:140px 170px minmax(220px,1fr) auto auto auto auto}.plans-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(700px,1fr) 330px}.plans-side{display:grid;gap:14px;position:sticky;top:22px}.plans-table-card table{min-width:900px}.plans-table-card tr.selected td{background:#fbfdff}.plan-name-cell{align-items:center;background:transparent;border:0;color:#10223e;display:grid;gap:12px;grid-template-columns:42px 1fr;padding:0;text-align:left}.plan-name-cell strong,.plan-name-cell small,.price-cell,.price-cell small,.speed-cell span{display:block}.plan-name-cell small,.price-cell small{color:#607793;margin-top:6px}.plan-icon{align-items:center;border-radius:10px;display:inline-flex;height:42px;justify-content:center;width:42px}.plan-icon.violet{background:#ebe7ff;color:#6847f5}.plan-icon.green{background:#dff7e9;color:#0e9d56}.plan-icon.amber{background:#fff0d2;color:#e69a00}.plan-icon.blue{background:#ddecff;color:#136cda}.plan-icon.gray{background:#edf2f8;color:#52647b}.plan-icon.teal{background:#dff7f5;color:#0c9d9b}.speed-cell{display:grid;gap:7px}.speed-cell .down{color:#009c9f;font-weight:700}.speed-cell .up{color:#4f46e5;font-weight:700}.badge-stack{align-items:start;display:grid;gap:5px;justify-items:start}.popular-badge{background:#dff8eb;border-radius:8px;color:#0d9b58;font-size:11px;font-weight:800;padding:4px 7px}.plan-pagination{grid-template-columns:1fr auto}.plan-details-panel .panel-header{padding-bottom:12px}.plan-detail-head{align-items:center;display:grid;gap:13px;grid-template-columns:56px 1fr auto;padding:18px}.plan-detail-head .plan-icon{height:56px;width:56px}.plan-detail-head strong,.plan-detail-head span{display:block}.plan-detail-head>div span{color:#607793;font-size:12px;margin-top:5px}.plan-detail-list{display:grid;gap:14px;padding:8px 18px 18px}.plan-detail-list .detail-row{grid-template-columns:16px minmax(100px,1fr) minmax(112px,auto)}.plan-actions{border-top:1px solid #e6edf5;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.danger-button{align-items:center;background:#ffe1e5;border:0;border-radius:9px;color:#d62334;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 12px}.usage-overview-body{display:grid;gap:10px;grid-template-columns:122px 1fr;padding:6px 18px 14px}.donut-wrap{min-height:178px;position:relative}.donut-center{display:grid;left:50%;place-items:center;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-center strong{font-size:18px}.donut-center span{color:#607793;font-size:11px}.usage-legend{align-content:center;display:grid;gap:10px}.usage-legend div{align-items:center;display:flex;font-size:11px;justify-content:space-between}.usage-legend span{align-items:center;color:#304967;display:inline-flex;gap:7px}.usage-legend i{border-radius:4px;display:inline-block;height:8px;width:8px}.usage-footer{border-top:1px solid #e6edf5;color:#607793;display:grid;gap:4px;font-size:12px;padding:14px 18px 16px}.usage-footer strong{color:#10223e}.plan-modal{max-width:980px}.modal-section{border-bottom:1px solid #e6edf5;padding-top:16px}.modal-section h3{font-size:13px;margin:0;padding:0 18px}.drawer-backdrop{display:none}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1240px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center}.brand>div:not(.brand-mark),.side-nav button span,.nav-chevron,.server-card{display:none}.side-nav button{grid-template-columns:1fr;justify-items:center;padding-inline:0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.tables-grid{grid-template-columns:1fr}}@media (max-width: 860px){.app-shell{display:block}.content{padding:16px}.mobile-menu{display:inline-flex}.sidebar{box-shadow:22px 0 60px #0208173d;left:0;max-width:280px;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:86vw;z-index:50}.sidebar.open{transform:translate(0)}.drawer-backdrop{background:#0812226b;border:0;display:block;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:40}.drawer-backdrop.show{opacity:1;pointer-events:auto}.brand{justify-content:flex-start}.brand>div:not(.brand-mark),.side-nav button span,.nav-chevron,.server-card,.close-menu{display:block}.side-nav button{grid-template-columns:18px 1fr auto;justify-items:stretch;padding-inline:12px}.close-menu{display:inline-flex}.top-header{display:grid}.header-actions{display:grid;grid-template-columns:1fr auto auto;justify-content:stretch}.search-box{grid-column:1 / -1;width:100%}.profile-button{justify-content:end}.refresh-button{grid-column:1 / -1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bandwidth-body{grid-template-columns:1fr}.bandwidth-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{grid-column:1 / -1}}@media (max-width: 560px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:96px}.bandwidth-summary{grid-template-columns:1fr;gap:16px}.profile-copy,kbd{display:none}.search-box{grid-template-columns:auto 1fr}.table-footer,.footer{align-items:start;display:grid;gap:12px}}