:root{--bg:#080b11;--surface:#0f141d;--surface-2:#141b26;--surface-3:#1a2330;--line:#273244;--line-soft:#1c2634;--text:#f7f9fc;--muted:#8e9bad;--accent:#66e6a5;--accent-strong:#2fd582;--accent-soft:rgba(102,230,165,.12);--blue:#72a8ff;--blue-soft:rgba(114,168,255,.12);--danger:#ff7181;--danger-soft:rgba(255,113,129,.12);--warning:#ffc968;--radius:18px;--radius-sm:12px;--shadow:0 24px 80px rgba(0,0,0,.34);--sidebar:250px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.2em}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.1;margin-bottom:12px}h2{font-size:28px;letter-spacing:-.03em;margin-bottom:0}h3{font-size:19px;letter-spacing:-.015em;margin-bottom:0}small{color:var(--muted)}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,rgba(102,230,165,.16),transparent 42%),radial-gradient(circle at 10% 90%,rgba(114,168,255,.08),transparent 35%),var(--bg)}.login-card{width:min(440px,100%);border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,28,39,.98),rgba(10,14,20,.98));border-radius:28px;padding:42px;box-shadow:var(--shadow)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),#9af7c6);color:#07110b;font-weight:950;font-size:28px;margin-bottom:26px;box-shadow:0 14px 38px rgba(102,230,165,.2)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:19px;margin:0}.form-error{color:var(--danger);margin:14px 0 0;min-height:20px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#0d121a,#090d13);display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 26px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{color:var(--muted);font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aeb8c8;border-radius:12px;padding:12px 13px;text-align:left;font-weight:700;transition:.18s ease}.nav-item span{width:22px;color:#718096;font-size:17px}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active span{color:var(--accent)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line-soft);padding:18px 9px 2px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.text-button{grid-column:1/-1;border:0;background:transparent;color:var(--muted);text-align:left;padding:10px 0 0}.text-button:hover{color:var(--text)}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:35;min-height:96px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(39,50,68,.72);background:rgba(8,11,17,.86);backdrop-filter:blur(18px)}.page-heading{min-width:0}.top-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none!important}.content{padding:30px 32px 56px;max-width:1680px;margin:0 auto}.button{border:1px solid transparent;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text);font-weight:780;line-height:1;min-height:40px;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06110b;box-shadow:0 8px 22px rgba(47,213,130,.18)}.button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.button.secondary:hover{background:var(--surface-3);border-color:#35445a}.button.ghost{background:transparent;border-color:var(--line);color:#c5cedb}.button.danger{background:var(--danger-soft);border-color:rgba(255,113,129,.24);color:#ff9daa}.button.small{min-height:34px;padding:7px 11px;border-radius:9px;font-size:12px}.button.wide{width:100%}.button-icon{font-size:17px}
.stack{display:grid;gap:17px}label{display:grid;gap:8px;color:#cbd3df;font-size:12px;font-weight:750}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:#0c1119;color:var(--text);padding:12px 13px;outline:none;transition:border .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:94px}input:focus,textarea:focus,select:focus{border-color:rgba(102,230,165,.72);box-shadow:0 0 0 4px rgba(102,230,165,.08)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{margin:0;padding:12px 14px;border:1px solid rgba(114,168,255,.18);background:var(--blue-soft);border-radius:11px;color:#afc9f5;font-size:12px;line-height:1.5}
.card{border:1px solid var(--line-soft);background:linear-gradient(145deg,var(--surface),#0c1118);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:21px;min-height:150px;display:flex;flex-direction:column;align-items:flex-start}.metric-label{color:var(--muted);font-size:12px;font-weight:760}.metric strong{font-size:34px;letter-spacing:-.045em;margin:14px 0 8px}.metric small{margin-top:auto}.section{margin-top:28px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.empty{min-height:180px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:7px}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px 15px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}th{position:sticky;top:0;background:#111721;color:#748196;font-size:10px;letter-spacing:.11em;text-transform:uppercase;z-index:2}td{font-size:13px}tr:last-child td{border-bottom:0}tbody tr{transition:background .12s ease}tbody tr:hover{background:rgba(255,255,255,.022)}td strong,td small{display:block}td small{margin-top:5px;max-width:360px}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.code{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;word-break:break-all}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;text-transform:capitalize;background:#202937;color:#bcc7d6}.pill.healthy,.pill.active{background:var(--accent-soft);color:var(--accent)}.pill.offline,.pill.disabled{background:var(--danger-soft);color:#ff98a5}.pill.checking,.pill.warning{background:rgba(255,201,104,.12);color:var(--warning)}.progress{height:4px;background:#222c3a;border-radius:99px;margin-top:9px;overflow:hidden;min-width:90px}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}.order-summary{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-edit-button{margin-top:8px}
.modal{width:min(650px,calc(100vw - 28px));max-height:calc(100vh - 34px);padding:0;border:1px solid var(--line);border-radius:22px;background:#0e141d;color:var(--text);box-shadow:var(--shadow);overflow:hidden}.modal::backdrop{background:rgba(2,4,8,.76);backdrop-filter:blur(7px)}.wide-modal{width:min(1080px,calc(100vw - 28px))}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px}.modal-head{border-bottom:1px solid var(--line-soft)}.modal-actions{border-top:1px solid var(--line-soft);justify-content:flex-end;background:#0b1017}.modal-body{padding:22px;max-height:calc(100vh - 172px);overflow:auto}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);display:inline-grid;place-items:center}.icon-button:hover{background:var(--surface-3)}.icon-button.tiny{width:29px;height:29px;border-radius:8px;font-size:12px}.danger-icon{color:var(--danger)}
.form-section{display:grid;gap:15px;border:1px solid var(--line-soft);border-radius:15px;background:rgba(255,255,255,.015);padding:17px}.form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:1px}.form-section-title>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:900;font-size:12px}.form-section-title div{display:grid;gap:2px}.form-section-title strong{font-size:13px}.form-section-title small{font-size:11px}.compact-section{padding-bottom:17px}.quick-options{display:flex;gap:8px;flex-wrap:wrap}.quick-option{border:1px solid var(--line);background:#0c1119;color:#aab5c5;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:750}.quick-option:hover,.quick-option.active{border-color:rgba(102,230,165,.48);background:var(--accent-soft);color:var(--accent)}
.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset-card{border:1px solid var(--line);border-radius:12px;background:#0c1119;padding:12px;text-align:left;color:var(--text);min-height:88px;transition:.15s ease}.preset-card:hover{border-color:#40516a;background:#111925}.preset-card.active{border-color:rgba(102,230,165,.65);background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(102,230,165,.12)}.preset-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.preset-card strong{font-size:12px}.preset-card .preset-flags{font-size:17px;letter-spacing:-3px}.preset-card small{display:block;margin-top:8px;font-size:10px;line-height:1.35}.country-editor{display:grid;gap:11px}.country-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.country-editor-head>div{display:grid;gap:3px}.country-editor-head strong{font-size:12px}.country-editor-head span{font-size:10px;color:var(--muted)}.count-badge{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 9px!important;white-space:nowrap}.country-order-list{display:grid;gap:7px}.country-order-row{display:grid;grid-template-columns:30px 28px 1fr 38px auto;align-items:center;gap:9px;border:1px solid var(--line-soft);background:#0b1017;border-radius:11px;padding:8px 9px;cursor:grab;transition:.12s ease}.country-order-row:hover{border-color:#34445b;background:#0f1620}.country-order-row.dragging{opacity:.45;border-color:var(--accent)}.country-position{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800}.country-flag{font-size:18px}.country-order-row strong{font-size:12px}.country-code{color:var(--muted);font-size:10px;font-weight:850}.country-order-actions{display:flex;gap:5px}.country-add-row{display:grid;grid-template-columns:1fr auto;gap:9px}.fallback-flow{display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed #303d50;border-radius:10px;padding:10px;color:var(--muted);font-size:10px}.fallback-flow strong{color:#b8c3d2;font-size:10px}.fallback-flow i{font-style:normal;color:#607086}.adult-lock{display:grid;grid-template-columns:38px auto 1fr;align-items:center;gap:10px;border:1px solid rgba(255,113,129,.18);background:var(--danger-soft);border-radius:11px;padding:10px 12px}.adult-lock>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,113,129,.16);color:#ff98a5;font-size:10px;font-weight:900}.adult-lock strong{font-size:12px}.adult-lock small{text-align:right;font-size:10px}.credential-row{display:grid;grid-template-columns:120px 120px 180px minmax(250px,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-soft)}
#toast{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:9px}.toast-item{max-width:420px;padding:13px 15px;border:1px solid rgba(102,230,165,.24);background:#10231a;color:#d7f9e7;border-radius:11px;box-shadow:var(--shadow);font-size:12px}.toast-item.error{border-color:rgba(255,113,129,.28);background:#271218;color:#ffd7dc}.mobile-backdrop{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:25px 22px}.topbar{padding:21px 22px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--sidebar:280px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar);transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:45}.mobile-menu{display:inline-grid!important;flex:0 0 auto}.topbar{min-height:80px;padding:17px 16px}.top-actions .button span:not(.button-icon){display:none}.content{padding:20px 14px 44px}.metric-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.grid-two{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr 1fr}.modal-body{padding:16px}.modal-head,.modal-actions{padding:16px}.country-order-row{grid-template-columns:28px 25px 1fr 32px}.country-order-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line-soft);padding-top:7px}.credential-row{grid-template-columns:1fr;align-items:start}.adult-lock{grid-template-columns:38px 1fr}.adult-lock small{grid-column:1/-1;text-align:left}.login-card{padding:30px 24px}.top-actions{gap:7px}.button{padding:10px 12px}.page-heading h2{font-size:23px}}
@media(max-width:430px){.preset-grid{grid-template-columns:1fr}.quick-options{display:grid;grid-template-columns:1fr 1fr}.country-add-row{grid-template-columns:1fr}.fallback-flow{flex-wrap:wrap}}

.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.quick-action-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface);color:var(--text);padding:15px;text-align:left}.quick-action-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:18px}.quick-action-card div{display:grid;gap:3px}.quick-action-card strong{font-size:12px}.quick-action-card small{font-size:10px}.quick-action-card i{font-style:normal;color:#607086}.quick-action-card:hover{border-color:#34455b;background:var(--surface-2)}.toolbar-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;border:1px solid var(--line-soft);background:var(--surface);border-radius:15px;padding:15px 17px}.toolbar-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.search-box{position:relative;display:flex;align-items:center;min-width:300px}.search-box span{position:absolute;left:12px;color:var(--muted);font-size:18px}.search-box input{padding-left:36px}.profile-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}.skeleton{overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shine 1.2s infinite}.skeleton i,.skeleton b,.skeleton em{display:block;background:#1a2330;border-radius:7px}.skeleton i{width:45%;height:11px}.skeleton b{width:60%;height:34px;margin:17px 0}.skeleton em{width:75%;height:10px}@keyframes shine{100%{transform:translateX(100%)}}@media(max-width:760px){.quick-action-grid{grid-template-columns:1fr}.toolbar-card{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}}


/* Luma TV Server 1.6.0 Users and Country UX */
.users-table th{white-space:nowrap}.users-table td{vertical-align:middle}.users-table-wrap{border-radius:16px}.user-identity{display:flex;align-items:center;gap:11px;min-width:190px}.user-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(102,230,165,.18),rgba(94,151,255,.14));border:1px solid rgba(102,230,165,.22);font-weight:900;color:var(--accent)}.user-identity>div,.watching-cell>div{display:grid;gap:3px}.status-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:var(--surface-2);font-size:11px;text-transform:capitalize;font-weight:800}.status-chip i,.online-indicator i{width:7px;height:7px;border-radius:50%;background:#687387}.status-chip.active i,.online-indicator.is-online i{background:var(--accent);box-shadow:0 0 0 4px rgba(102,230,165,.1)}.status-chip.disabled i{background:#ff7181}.online-indicator{display:grid;grid-template-columns:9px auto;align-items:center;column-gap:7px;min-width:86px}.online-indicator small{grid-column:2}.watching-cell{display:flex;align-items:center;gap:9px;max-width:220px}.watching-cell>span{width:30px;height:30px;border-radius:9px;background:rgba(94,151,255,.12);display:grid;place-items:center;color:#8cb9ff}.watching-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.copy-access{display:flex;gap:7px}.copy-chip{border:1px solid var(--line);background:#0d141e;color:#dbe4f0;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850;white-space:nowrap}.copy-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.copy-chip span{color:var(--accent);margin-left:4px}.location-cell{display:grid;gap:3px;min-width:95px}.location-unknown{font-weight:750}.settings-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #35445a;background:#111a26;color:#eef4fb;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:850;white-space:nowrap}.settings-button:hover{border-color:var(--accent);background:var(--accent-soft)}.settings-button span{color:var(--accent)}
.user-settings-modal{width:min(520px,calc(100vw - 24px))}.settings-panel{display:grid;gap:18px}.settings-user-summary{display:flex;align-items:center;gap:13px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#101823,#0b1119);border-radius:15px;padding:14px}.settings-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:900}.settings-user-summary>div{display:grid;gap:4px}.settings-action-grid{display:grid;gap:8px}.settings-action{width:100%;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:11px;border:1px solid var(--line-soft);background:#0b1119;color:var(--text);border-radius:13px;padding:11px 12px;text-align:left;transition:.14s ease}.settings-action:hover{transform:translateY(-1px);border-color:#3a4c65;background:#101925}.settings-action>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-weight:900}.settings-action>div{display:grid;gap:3px}.settings-action strong{font-size:12px}.settings-action small{font-size:10px}.settings-action i{font-style:normal;color:#77879c;font-size:20px}.danger-setting:hover{border-color:rgba(255,113,129,.45);background:var(--danger-soft)}.danger-setting>span,.danger-setting strong{color:#ff8d9a}.compact-modal{width:min(460px,calc(100vw - 24px))}
.priority-track{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:5px 2px 10px;scrollbar-width:thin}.priority-country-card{position:relative;flex:0 0 156px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:8px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#101823,#0b1119);border-radius:14px;padding:11px;cursor:grab;transition:.14s ease}.priority-country-card:hover{border-color:#435774;transform:translateY(-1px)}.priority-country-card.dragging{opacity:.45;border-color:var(--accent)}.priority-rank{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:900}.priority-flag{font-size:28px;line-height:1}.priority-name{display:grid;gap:3px;padding-right:20px}.priority-name strong{font-size:11px}.priority-name small{font-size:9px}.priority-controls{grid-column:1/-1;display:flex;gap:5px;border-top:1px solid var(--line-soft);padding-top:8px}.mini-control{flex:1;height:27px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:7px;font-size:14px}.mini-control:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mini-control.remove:hover{border-color:#ff7181;color:#ff7181}.priority-arrow{display:grid;place-items:center;color:#506079;font-size:14px;flex:0 0 12px}.priority-empty{border:1px dashed var(--line);border-radius:13px;padding:24px;text-align:center;color:var(--muted)}.country-add-row{background:#0b1119;border:1px solid var(--line-soft);border-radius:12px;padding:9px}.fallback-flow{background:#0b1119}.adult-lock{box-shadow:inset 0 0 0 1px rgba(255,113,129,.03)}
@media(max-width:900px){.users-table{min-width:1050px}.priority-country-card{flex-basis:145px}}


/* 1.7.0 UI refresh */
.quick-action-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.quick-action-grid.two-up{grid-template-columns:1fr}}
.users-table-wrap{overflow:auto;border:1px solid var(--line-soft);background:var(--surface);}
.users-table{min-width:980px}
.users-table th{font-size:11px;color:#9fb0c7;text-transform:uppercase;letter-spacing:.04em}
.users-table td{padding-top:14px;padding-bottom:14px}
.user-identity{min-width:220px;align-items:flex-start}
.user-avatar{margin-top:2px}
.user-note-line,.user-expiry-line{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
.status-chip,.online-indicator,.settings-button,.copy-chip{white-space:nowrap}
.watching-pill{display:inline-flex;align-items:center;gap:10px;max-width:220px;padding:8px 10px;border:1px solid var(--line-soft);background:#0d141d;border-radius:12px}
.watching-pill>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(94,151,255,.12);font-size:13px}
.watching-pill strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
.watching-pill small{display:block;font-size:10px;color:var(--muted)}
.compact-muted{font-size:12px;color:var(--muted)}
.copy-access{flex-wrap:wrap}
.copy-chip{padding:9px 11px;border-radius:10px}
.location-cell{min-width:135px}
.connected-country{display:flex;align-items:flex-start;gap:10px}
.connected-flag{font-size:22px;line-height:1}
.connected-country strong{display:block;font-size:12px}
.connected-country small{display:block;font-size:10px;color:var(--muted)}
.settings-button{padding:10px 13px;border-radius:12px}
.country-editor{gap:14px}
.country-editor-head{align-items:flex-end;flex-wrap:wrap}
.country-editor-head strong{font-size:14px}
.country-editor-head span{font-size:11px}
.count-badge{font-size:11px!important;padding:6px 10px!important}
.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.preset-card{min-height:92px;border-radius:16px;padding:14px;background:linear-gradient(180deg,#0f1620,#0b1119)}
.preset-card strong{font-size:13px}.preset-card small{font-size:11px}.preset-card .preset-flags{font-size:18px}
.country-priority-simple{display:grid;gap:10px}
.country-priority-item{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,#101823,#0c1118);cursor:grab;transition:.16s ease}
.country-priority-item:hover{border-color:#3c4f66;transform:translateY(-1px)}
.country-priority-item.dragging{opacity:.45;border-color:var(--accent)}
.drag-handle{border:0;background:transparent;color:#7f91a8;font-size:16px;cursor:grab;padding:0 2px}
.priority-rank-badge{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:900}
.priority-country-main{display:flex;align-items:center;gap:12px;min-width:0}
.priority-country-flag{font-size:24px;line-height:1}
.priority-country-text{min-width:0}.priority-country-text strong{display:block;font-size:13px}.priority-country-text small{display:block;font-size:11px;color:var(--muted)}
.priority-country-actions{display:flex;gap:8px}
.mini-control{min-width:34px;height:34px;border-radius:10px;font-size:13px}
.modern-empty{display:grid;gap:6px;padding:24px;border-style:dashed}
.modern-empty strong{font-size:14px}.modern-empty span{font-size:12px;color:var(--muted)}
.country-add-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;border-radius:14px;padding:10px;background:#0b1119;border:1px solid var(--line-soft)}
.country-add-row select{min-width:0}
.fallback-flow{justify-content:flex-start;padding:12px 14px;border-radius:14px;font-size:11px}
.adult-lock{grid-template-columns:40px auto 1fr;align-items:center;border-radius:14px;padding:12px 14px}
.adult-lock strong{font-size:13px}.adult-lock small{font-size:11px}
.user-settings-modal .settings-action-grid{gap:12px}
.user-settings-modal .settings-action{border-radius:16px;padding:14px}
@media(max-width:1100px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .users-table{min-width:860px}
  .preset-grid{grid-template-columns:1fr}
  .country-priority-item{grid-template-columns:auto auto minmax(0,1fr);}
  .priority-country-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid var(--line-soft);padding-top:10px}
  .country-add-row{grid-template-columns:1fr}
  .watching-pill{max-width:180px}
}
@media(max-width:520px){
  .toolbar-card{padding:14px}
  .user-note-line,.user-expiry-line{max-width:170px}
  .country-priority-item{padding:11px}
}


/* 1.7.1 advanced user search */
.advanced-search-card{display:grid;gap:14px;margin-bottom:16px;padding:18px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(180deg,#111923,#0d131c);box-shadow:0 14px 40px rgba(0,0,0,.12)}
.search-overview{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-overview h3{margin:0}.search-overview p{margin:5px 0 0;color:var(--muted);font-size:12px}.search-result-badge{padding:7px 11px;border:1px solid rgba(102,230,165,.22);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:850;white-space:nowrap}
.advanced-search-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px}.smart-search-box{position:relative;display:flex;align-items:center}.smart-search-box input{height:48px;padding:0 104px 0 44px;border-radius:14px;background:#090f16;border-color:#2a394c;font-size:13px}.smart-search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(102,230,165,.08)}.smart-search-icon{position:absolute;left:15px;color:var(--accent);font-size:20px;z-index:2}.smart-search-box kbd{position:absolute;right:42px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:#151e29;color:#8fa0b6;font:700 9px/1 system-ui}.search-clear{position:absolute;right:10px;width:27px;height:27px;border:0;border-radius:8px;background:#1a2431;color:#aab7c8;font-size:17px}.search-clear:hover{background:#263447;color:#fff}.search-mode{height:48px;border-radius:14px;background:#0b1119}
.search-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.search-shortcuts button{border:1px solid var(--line);border-radius:999px;background:#0b1119;color:#b8c5d5;padding:7px 10px;font-size:10px;font-weight:800}.search-shortcuts button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.search-shortcuts>span{margin-left:auto;color:var(--muted);font-size:10px}.search-shortcuts code{padding:3px 5px;border-radius:5px;background:#151e29;color:#b9c9dc;font-size:9px}
mark{padding:0 2px;border-radius:3px;background:rgba(255,210,89,.24);color:#ffe39a}
@media(max-width:760px){.advanced-search-card{padding:14px;border-radius:15px}.search-overview{align-items:flex-start}.advanced-search-row{grid-template-columns:1fr}.search-shortcuts>span{width:100%;margin-left:0;line-height:1.7}.smart-search-box kbd{display:none}.smart-search-box input{padding-right:45px}}


/* 1.7.2 compact users, simple search and dashboard polish */
.simple-user-search{position:relative;display:flex;align-items:center;max-width:760px;margin:0 auto 10px;border:1px solid #3b4e65;background:linear-gradient(180deg,#111b28,#0d151f);border-radius:18px;box-shadow:0 16px 44px rgba(0,0,0,.18)}
.simple-user-search>span{position:absolute;left:17px;color:var(--accent);font-size:21px;pointer-events:none}
.simple-user-search input{height:56px;border:0!important;background:transparent!important;padding:0 50px 0 50px;font-size:14px;box-shadow:none!important}
.simple-user-search input:focus{outline:none}.simple-user-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(102,230,165,.08)}
.simple-user-search .search-clear{right:14px}
.users-summary-line{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:15px;color:var(--muted);font-size:11px}.users-summary-line strong{color:var(--text);font-size:13px}
.users-table{min-width:1240px}.users-table td{padding-top:12px;padding-bottom:12px}
.watching-name{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;color:#d9e4f1}
.expiry-date{display:inline-flex;padding:6px 9px;border:1px solid var(--line-soft);border-radius:9px;background:#0d141d;font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.note-preview{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d4deeb}.note-preview.empty{color:#65748a}
.user-identity>div>small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#718096}
.connected-country{min-width:135px}.connected-flag{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#111b27;border:1px solid var(--line-soft)}
.settings-button{font-size:10px;padding:9px 11px}
.edit-details-modal{max-width:680px}.details-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px}.details-secondary-actions .button{justify-content:center}
.metric-grid .metric{min-height:145px}.metric-grid .metric strong{font-variant-numeric:tabular-nums}
.section{border-radius:18px}.quick-action-grid.two-up{max-width:900px}
@media(max-width:760px){.simple-user-search{margin:0 0 10px}.simple-user-search input{font-size:12px}.details-secondary-actions{grid-template-columns:1fr}.users-table{min-width:1120px}}


/* 1.7.3 copy, refresh and compact search fixes */
.simple-user-search{max-width:520px;margin:0 auto 8px;border-radius:14px}
.simple-user-search>span{left:14px;font-size:17px}
.simple-user-search input{height:44px;padding:0 42px 0 40px;font-size:12px}
.simple-user-search .search-clear{right:9px;width:25px;height:25px}
.users-summary-line{margin-bottom:10px;font-size:11px}
.visible-password{display:block;color:#aebbd0!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important;margin-top:3px}
.credential-url{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
@media(max-width:760px){
  .simple-user-search{max-width:none;margin:0 0 8px}
  .credential-url{max-width:100%}
}


/* MAG Users 1.8.0 */
.mag-hero-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px;border:1px solid rgba(102,230,165,.22);border-radius:18px;background:linear-gradient(135deg,rgba(102,230,165,.12),rgba(94,151,255,.08));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.mag-hero-card h3{margin:7px 0 5px;font-size:18px;word-break:break-all}.mag-hero-card p{margin:0;color:var(--muted);font-size:12px}.mag-table{min-width:1080px}.mag-device-cell{display:flex;align-items:center;gap:11px;min-width:190px}.mag-device-cell>div{display:grid;gap:3px}.mag-device-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#182a37,#0e1821);border:1px solid rgba(102,230,165,.28);color:var(--accent);font-size:10px;font-weight:900}.mac-code{display:inline-block;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#0b1119;color:#d8e5f1;font-size:12px;letter-spacing:.06em}.mag-watching{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.mag-portal-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(102,230,165,.22);border-radius:14px;background:var(--accent-soft)}.mag-portal-card span{color:var(--muted);font-size:11px}.mag-portal-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:12px}@media(max-width:760px){.mag-hero-card{align-items:stretch;flex-direction:column}.mag-portal-card{grid-template-columns:1fr}.mag-portal-card strong{white-space:normal;word-break:break-all}}


/* 1.8.2 compact and aligned users table */
.users-table-wrap{border-radius:18px;overflow:auto;background:#0c1119;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.users-table{min-width:1180px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.users-table col.col-account{width:210px}.users-table col.col-status{width:90px}.users-table col.col-online{width:96px}.users-table col.col-watching{width:150px}.users-table col.col-expiry{width:105px}.users-table col.col-note{width:150px}.users-table col.col-copy{width:150px}.users-table col.col-location{width:150px}.users-table col.col-actions{width:90px}
.users-table thead th{height:42px;padding:0 12px;background:#111925;border-bottom:1px solid #243146;font-size:9px;letter-spacing:.08em;color:#8fa0b7}
.users-table tbody tr{height:72px;background:#0e151f}
.users-table tbody tr:nth-child(even){background:#0b121b}
.users-table tbody tr:hover{background:#121d2a}
.users-table td{height:72px;padding:10px 12px;border-bottom:1px solid #1d2938;overflow:hidden}
.users-table tbody tr:last-child td{border-bottom:0}
.account-cell{display:flex;align-items:center;gap:9px}
.row-number{flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#151f2c;color:#718199;font-size:9px;font-weight:900}
.user-identity{min-width:0;gap:9px;align-items:center}
.user-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
.user-identity>div{min-width:0}
.user-identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visible-password{margin-top:2px!important;color:#8291a6!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-chip{padding:6px 8px;font-size:9px}
.online-indicator{min-width:0;grid-template-columns:7px minmax(0,1fr);column-gap:6px}
.online-indicator strong{font-size:10px}.online-indicator small{font-size:9px;margin-top:2px}
.watching-name{max-width:130px;font-size:10px}
.expiry-date{padding:5px 7px;border-radius:8px;font-size:9px}
.note-preview{max-width:130px;font-size:10px;line-height:1.35}
.compact-copy{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-wrap:nowrap}
.compact-copy .copy-chip{min-width:0;padding:7px 6px;font-size:9px;border-radius:8px}
.location-cell{min-width:0}.connected-country{min-width:0;gap:8px}.connected-flag{width:28px;height:28px;border-radius:8px;font-size:16px}.connected-country strong{font-size:10px}.connected-country small{font-size:8px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actions-cell{text-align:right}.settings-button{padding:8px 10px;font-size:9px;border-radius:9px}
.users-table th:last-child,.users-table td:last-child{text-align:right}
@media(max-width:1200px){.users-table{min-width:1100px}.users-table col.col-note{width:130px}.users-table col.col-location{width:130px}}
@media(max-width:760px){.users-table{min-width:1040px}.users-table tbody tr,.users-table td{height:66px}.users-table td{padding:8px 10px}.row-number{display:none}.account-cell{gap:0}.user-avatar{width:31px;height:31px;flex-basis:31px}}


.mag-users-table{min-width:1040px}.mag-users-table col.col-account{width:250px}.mag-users-table col.col-status{width:90px}.mag-users-table col.col-online{width:96px}.mag-users-table col.col-watching{width:140px}.mag-users-table col.col-expiry{width:105px}.mag-users-table col.col-note{width:130px}.mag-users-table col.col-copy{width:110px}.mag-users-table col.col-location{width:130px}.mag-users-table col.col-actions{width:95px}.mag-users-table tbody tr{height:64px}.mag-users-table td{height:64px;padding:9px 10px}.mag-users-table .user-identity{min-width:0}.mag-users-table .note-preview{max-width:110px}.mag-users-table .copy-access{justify-content:flex-start}.mag-users-table .portal-only{padding:7px 9px;font-size:10px}.mag-users-table .settings-button{padding:8px 10px;font-size:10px}.mag-users-table-wrap{max-width:1300px}


/* v1.9.0 modern users layout */
.user-card-list{display:grid;gap:14px;max-width:1320px}
.user-card{background:linear-gradient(180deg,#101823,#0c121b);border:1px solid #1c2a3b;border-radius:22px;padding:16px 18px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.user-card:hover{border-color:#2a3d55;box-shadow:0 22px 50px rgba(0,0,0,.22)}
.user-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.user-card-account{display:flex;align-items:center;gap:12px;min-width:0}
.card-rank{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#111b29;border:1px solid #213148;color:#91a4bf;font-size:11px;font-weight:800;flex:0 0 auto}
.user-card-id{display:grid;gap:3px;min-width:0}
.user-card-id strong{font-size:15px;color:#f2f6fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card-id small{font-size:11px;color:#8fa1b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.info-box{background:#0c141f;border:1px solid #192636;border-radius:16px;padding:12px 13px;min-height:72px;display:grid;align-content:start;gap:8px}
.info-box label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f92aa;font-weight:800}
.info-box.narrow{grid-column:span 2}
.info-box.wide{grid-column:span 3}
.mag-grid .info-box.narrow{grid-column:span 2}
.mag-grid .info-box.wide{grid-column:span 3}
.info-box .copy-access{flex-wrap:wrap;gap:8px}
.info-box .location-cell{min-width:0}
.info-box .note-preview{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.info-box .watching-name{display:block;font-size:12px;font-weight:700;color:#eef4fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.users-summary-line.modern{margin:0 0 12px;color:#98a9bd;font-size:12px}
.users-summary-line.modern strong{font-size:18px;color:#f5f8fc;margin-right:6px}
.simple-user-search{margin-bottom:12px}
.portal-only{min-width:120px;justify-content:center}
@media (max-width: 1350px){
  .info-box.narrow{grid-column:span 3}
  .info-box.wide{grid-column:span 4}
}
@media (max-width: 1100px){
  .user-card-grid,.mag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .info-box.narrow,.mag-grid .info-box.narrow{grid-column:span 2}
  .info-box.wide,.mag-grid .info-box.wide{grid-column:span 3}
}
@media (max-width: 760px){
  .user-card{padding:14px}
  .user-card-head{flex-direction:column;align-items:stretch}
  .user-card-account{align-items:flex-start}
  .user-card-grid,.mag-grid{grid-template-columns:1fr}
  .info-box,.info-box.narrow,.info-box.wide,.mag-grid .info-box.narrow,.mag-grid .info-box.wide{grid-column:auto;min-height:auto}
  .settings-button{width:100%;justify-content:center}
}


/* v1.10.0 classic users grid */
.admin-grid-toolbar{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(220px,.8fr);gap:18px;align-items:end;max-width:1180px;margin-bottom:16px;padding:18px;border:1px solid #1d2a39;border-radius:18px;background:linear-gradient(180deg,#0f1723,#0b1119)}
.grid-field{display:grid;gap:8px}
.grid-field label{font-size:12px;color:#93a6bd;font-weight:700}
.grid-field input,.grid-field select{height:42px;border-radius:12px;border:1px solid #263547;background:#0a1320;color:#e9f0f7;padding:0 14px;font-size:13px}
.grid-actions{display:flex;gap:8px;margin-top:2px}
.toolbar-btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid #2b3c4f;background:#101a28;color:#d7e1ec;font-size:12px;font-weight:700;cursor:pointer}
.toolbar-btn.primary{background:#1188e8;color:white;border-color:#1188e8}
.toolbar-btn.small{height:32px;padding:0 12px}
.admin-grid-panel{max-width:1180px;border:1px solid #1d2a39;border-radius:18px;background:linear-gradient(180deg,#0f1723,#0b1119);overflow:hidden}
.classic-table-wrap{overflow:auto}
.classic-admin-table{width:100%;border-collapse:separate;border-spacing:0}
.classic-admin-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#87a0bd;background:#121c29;padding:14px 16px;border-bottom:1px solid #213142;text-align:left;position:sticky;top:0}
.classic-admin-table tbody td{padding:14px 16px;border-bottom:1px solid #182433;vertical-align:middle;font-size:13px;color:#d9e4ef}
.classic-admin-table tbody tr:nth-child(odd){background:rgba(255,255,255,.01)}
.classic-admin-table tbody tr:hover{background:rgba(17,136,232,.06)}
.classic-user{display:grid;gap:4px;min-width:180px}
.classic-user strong{font-size:13px;color:#f4f8fb}
.classic-user small{font-size:11px;color:#86a0b9}
.status-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;color:white}
.status-toggle.on{background:linear-gradient(135deg,#09b2a0,#42d392)}
.status-toggle.off{background:linear-gradient(135deg,#6c38ff,#8f4fff)}
.classic-note{display:inline-block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6d4e1}
.classic-expire strong{color:#70b9ff;font-size:13px}
.classic-location .location-cell{min-width:120px}
.icon-action{width:34px;height:34px;border-radius:10px;border:1px solid #2a3a4d;background:#101a28;color:#d9e2ec;font-size:16px;cursor:pointer}
.classic-footer{padding:12px 16px;font-size:12px;color:#8ca1ba;border-top:1px solid #1a2735}
.classic-watching .watching-chip{max-width:170px}
.classic-watching .watching-name{max-width:140px}
@media (max-width: 900px){.admin-grid-toolbar{grid-template-columns:1fr}.classic-admin-table{min-width:900px}}

#editMagFields label{display:grid;gap:8px}#editDetailsMac{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* v2.0 Reseller system */
.credit-metric strong,.credit-value{color:var(--accent)}
.reseller-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(180deg,#111a27,#0c131d)}
.reseller-intro>div{display:grid;gap:4px}.reseller-intro span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.reseller-intro strong{font-size:26px;color:var(--accent)}.reseller-intro p{max-width:600px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:760px){.reseller-intro{align-items:flex-start;flex-direction:column}}
.classic-user em{font-style:normal;font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}


/* v2.0.1 quick access buttons for M3U users */
.inline-access-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.mini-copy-button{height:31px;padding:0 10px;border-radius:9px;border:1px solid #2a3c50;background:#101a28;color:#dbe7f2;font-size:11px;font-weight:800;cursor:pointer}
.mini-copy-button:hover{border-color:var(--accent);background:var(--accent-soft)}
.mini-copy-button span{color:var(--accent);margin-left:3px}
@media(max-width:900px){.inline-access-actions{gap:5px}.mini-copy-button{padding:0 8px}}

/* v2.1.0 Support tickets and settings */
.ticket-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin-bottom:16px}
.ticket-metrics article{padding:18px 20px;border:1px solid #1e2c3d;border-radius:18px;background:linear-gradient(180deg,#111a27,#0c131d);display:grid;gap:5px}
.ticket-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8297af;font-weight:800}
.ticket-metrics strong{font-size:30px;color:#f5f8fc}.ticket-metrics small{color:#7e91a8}
.support-panel{max-width:1180px;border:1px solid #1d2a39;border-radius:18px;background:#0d151f;overflow:hidden}
.support-table-wrap{overflow:auto}.support-table{width:100%;border-collapse:collapse;min-width:880px}
.support-table th{padding:14px 16px;background:#121c29;color:#859ab2;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.support-table td{padding:14px 16px;border-top:1px solid #1a2736;vertical-align:middle}.support-table tbody tr{cursor:pointer}.support-table tbody tr:hover{background:rgba(43,143,255,.06)}
.ticket-subject{display:grid;gap:4px;max-width:360px}.ticket-subject strong{color:#f0f5fa}.ticket-subject small{color:#8093aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-status,.ticket-priority{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;text-transform:capitalize;white-space:nowrap}
.ticket-status{background:#162131;color:#b5c2d2}.ticket-status i{width:7px;height:7px;border-radius:50%;background:#8090a5}.ticket-status.open i{background:#ffbd45}.ticket-status.answered i{background:#4dd59d}.ticket-status.closed i{background:#718096}
.ticket-priority{background:#162131;color:#aebed0}.ticket-priority.high{color:#ffbf69;background:rgba(255,153,51,.12)}.ticket-priority.urgent{color:#ff7e8c;background:rgba(255,75,95,.12)}
.ticket-thread-modal{max-width:820px}.ticket-thread-body{display:grid;gap:16px;max-height:65vh;overflow:auto}.ticket-thread-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #203044;border-radius:14px;background:#0d1622}.ticket-thread-summary small{color:#8598af}
.ticket-message-list{display:grid;gap:12px}.ticket-message{max-width:82%;padding:14px 16px;border-radius:16px;border:1px solid #203044;background:#101925}.ticket-message.admin{margin-left:auto;background:linear-gradient(145deg,rgba(46,135,255,.14),#101925);border-color:#2c4d74}.ticket-message>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px}.ticket-message strong{font-size:12px}.ticket-message time{font-size:10px;color:#73879f}.ticket-message p{margin:0;line-height:1.55;color:#d9e4ef;font-size:13px}
.ticket-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 20px;border-top:1px solid #1e2b3a}.ticket-reply-form textarea{min-height:76px;resize:vertical}.ticket-reply-form button{align-self:end}.ticket-admin-controls{display:flex;gap:8px;flex-wrap:wrap}
.settings-page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:16px;max-width:1100px}.settings-card{border:1px solid #1f2d3e;border-radius:22px;background:linear-gradient(180deg,#111a27,#0c131d);padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.profile-card{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:18px 22px}.settings-card-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(102,230,165,.2),rgba(74,139,255,.18));display:grid;place-items:center;color:#68e1aa;font-size:20px;font-weight:900}.profile-card span,.settings-section-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7d91aa;font-weight:850}.profile-card h3{margin:3px 0;font-size:19px}.profile-card p{margin:0;color:#8194ab;font-size:12px}
.settings-form-card{display:grid;gap:15px}.settings-section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.settings-section-head h3{margin:4px 0 5px;font-size:19px}.settings-section-head p{margin:0;color:#7f92a9;font-size:12px}.settings-icon{width:38px;height:38px;border:1px solid #293a4f;border-radius:12px;display:grid;place-items:center;color:#69dca8;background:#111b29}.settings-form-card label{display:grid;gap:7px;font-size:12px;color:#a8b7c8}.settings-form-card input{height:45px;border-radius:12px}.settings-divider{height:1px;background:#1e2b3a;margin:4px 0}.field-help{color:#73869e;line-height:1.5}.settings-save-row{display:flex;justify-content:flex-end}.settings-notice{padding:13px 15px;border-radius:13px;border:1px solid #26364a;background:#0c1520;color:#94a7bd;font-size:12px;line-height:1.5}.security-info-card ul{display:grid;gap:12px;padding-left:18px;color:#9badc1;font-size:12px;line-height:1.55}.security-info-card li::marker{color:#66dfa8}
@media(max-width:900px){.ticket-metrics{grid-template-columns:1fr}.settings-page-grid{grid-template-columns:1fr}.ticket-reply-form{grid-template-columns:1fr}.ticket-message{max-width:95%}}


/* v2.1.1 credit request center */
.credit-request-notice{padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(111,72,255,.22),rgba(40,117,255,.12));border:1px solid rgba(137,111,255,.38);display:grid;gap:7px}.credit-request-notice strong{font-size:15px;color:#f4f1ff}.credit-request-notice p{margin:0;color:#c6c1df;line-height:1.55;font-size:12px}.credit-request-notice span{font-size:12px;font-weight:800;color:#bfaeff}.request-account-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.request-account-card>div{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#0d151f;display:grid;gap:4px}.request-account-card span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8294aa}.request-account-card strong{font-size:14px;color:#eef5fb}.credit-request-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize;background:#172131}.credit-request-status i{width:7px;height:7px;border-radius:50%;background:#8794a8}.credit-request-status.pending i{background:#f7b84b}.credit-request-status.contacted i{background:#5ca9ff}.credit-request-status.completed i{background:#54d99a}.credit-request-status.rejected i{background:#ff7181}.whatsapp-link{color:#62dfa0;font-weight:750;text-decoration:none;white-space:nowrap}.credit-reason{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-request-actions{display:flex;align-items:center;gap:8px}.credit-request-actions select{height:34px;border:1px solid #2a3b50;background:#0f1925;color:#dfe8f2;border-radius:9px;padding:0 8px;font-size:11px}.toolbar-btn.whatsapp{display:inline-flex;align-items:center;text-decoration:none;color:#07140d;background:#55dc92;border-color:#55dc92}.credit-request-table{min-width:1100px}@media(max-width:700px){.request-account-card{grid-template-columns:1fr}}


/* v2.1.2 streamlined user creation */
.duration-choice-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px}.duration-choice-head>div:first-child{display:grid;gap:3px}.duration-choice-head strong{font-size:13px}.duration-choice-head small{font-size:11px;color:#8295ad}.credit-cost-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(102,230,165,.28);background:rgba(102,230,165,.08);border-radius:12px}.credit-cost-badge span{font-size:10px;text-transform:uppercase;color:#8ca0b8;letter-spacing:.06em}.credit-cost-badge strong{color:var(--accent);font-size:12px}.duration-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.duration-cards .quick-option{height:auto;min-height:62px;display:grid;gap:4px;place-content:center;padding:10px 8px}.duration-cards .quick-option strong{font-size:12px}.duration-cards .quick-option small{font-size:10px;color:#8496ac}.duration-cards .quick-option.active small{color:#dfffee}.credit-cost-message{margin:0;padding:10px 12px;border-radius:12px;background:#0d1722;border:1px solid #1d2c3d;color:#9eb0c5;font-size:11px}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.preset-card.compact{min-height:48px;padding:10px;border-radius:12px;display:grid;place-items:center}.preset-card.compact strong{font-size:11px;text-align:center}.preset-card.compact .preset-card-head,.preset-card.compact small,.preset-card.compact .preset-flags{display:none}@media(max-width:760px){.duration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duration-choice-head{align-items:flex-start;flex-direction:column}.credit-cost-badge{width:100%;justify-content:space-between}}


/* v2.1.5 premium gold Luma TV branding */
.brand-logo{display:block;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(196,145,39,.28));user-select:none;-webkit-user-drag:none}
.brand-logo-login{width:76px;height:76px;margin:0 0 24px}
.brand-logo-sidebar{width:42px;height:42px;flex:0 0 42px}
.login-card h1{background:linear-gradient(90deg,#fff5c8,#e7b94d 58%,#a66d12);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand strong{background:linear-gradient(90deg,#fff2b5,#d7a63c);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{color:#9c8b66}
@media(max-width:760px){.brand-logo-login{width:68px;height:68px}.brand-logo-sidebar{width:38px;height:38px;flex-basis:38px}}


/* Login protection */
.login-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.recaptcha-shell{width:100%;min-height:78px;display:grid;place-items:center;overflow:hidden;border-radius:5px}
.recaptcha-shell.recaptcha-error{min-height:48px;padding:12px;border:1px solid rgba(255,113,129,.25);background:rgba(255,113,129,.07);color:#ffadb8;font-size:12px;line-height:1.45;text-align:center}
#loginForm button[type="submit"]:disabled{opacity:.65;cursor:wait}
@media(max-width:340px){.recaptcha-shell{min-height:66px}.recaptcha-shell>div{transform:scale(.84);transform-origin:center}}


/* v2.1.8 redesigned Resellers page */
.reseller-page-head{max-width:1320px;margin-bottom:16px}
.reseller-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.reseller-overview-cards article{padding:17px 18px;border-radius:18px;border:1px solid #1d2b3d;background:linear-gradient(180deg,#111a27,#0c131d);display:grid;gap:5px;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.reseller-overview-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8194ab;font-weight:850}
.reseller-overview-cards strong{font-size:27px;color:#f3f7fb}
.reseller-overview-cards small{color:#74889f;font-size:11px}
.reseller-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:12px;align-items:end;padding:15px;border:1px solid #1d2b3d;border-radius:18px 18px 0 0;background:#101824}
.reseller-search{position:relative;display:flex;align-items:center}.reseller-search>span{position:absolute;left:13px;color:var(--accent);font-size:18px}.reseller-search input{width:100%;height:43px;padding-left:40px;border-radius:11px;border:1px solid #27384d;background:#0b1420;color:#edf4fb}
.reseller-toolbar label{display:grid;gap:7px}.reseller-toolbar label>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8498af;font-weight:800}.reseller-toolbar select{height:43px;border-radius:11px;border:1px solid #27384d;background:#0b1420;color:#edf4fb;padding:0 12px}
.reseller-reset{height:43px;padding:0 16px;border-radius:11px;border:1px solid #2a3b50;background:#101b29;color:#d7e2ed;font-weight:800;cursor:pointer}
.reseller-panel{max-width:1320px;border:1px solid #1d2b3d;border-top:0;border-radius:0 0 18px 18px;background:#0c131d;box-shadow:0 20px 50px rgba(0,0,0,.18);overflow:visible}
.reseller-table-wrap{overflow:visible}
.reseller-table{width:100%;border-collapse:separate;border-spacing:0}
.reseller-table th{padding:14px 15px;background:#121c29;color:#8498af;font-size:9px;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid #223144;white-space:nowrap}
.reseller-table td{height:68px;padding:11px 15px;border-bottom:1px solid #192635;color:#dce6ef;font-size:12px;vertical-align:middle}
.reseller-table tbody tr:hover{background:rgba(58,151,255,.045)}
.reseller-table tbody tr:last-child td{border-bottom:0}
.reseller-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:850;text-transform:capitalize;background:#151f2c;color:#aab9ca}
.reseller-status i{width:7px;height:7px;border-radius:50%;background:#718197}.reseller-status.active{color:#71e0ad;background:rgba(70,210,151,.1)}.reseller-status.active i{background:#45d69a;box-shadow:0 0 0 4px rgba(69,214,154,.09)}
.reseller-name{display:grid;gap:3px;min-width:150px}.reseller-name strong{font-size:12px;color:#f2f6fa}.reseller-name small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788ba2;font-size:10px}
.reseller-credit{font-size:13px}.reseller-credit.positive{color:#59d99e}.reseller-credit.zero{color:#ff7b88}.reseller-count{display:inline-grid;place-items:center;min-width:31px;height:27px;padding:0 8px;border-radius:9px;background:#111c2a;color:#cdd8e5;font-weight:800}
.reseller-owner{color:#b6c5d5}.reseller-last-active{display:grid;gap:3px}.reseller-last-active strong{font-size:11px;color:#dfe8f1}.reseller-last-active small{font-size:9px;color:#71869d}
.reseller-actions-wrap{position:relative;display:inline-flex;justify-content:flex-end}
.reseller-gear{width:35px;height:35px;border-radius:10px;border:1px solid #2b3d52;background:#111b29;color:#86a7c9;cursor:pointer;font-size:15px}.reseller-gear:hover,.reseller-gear.active{border-color:#4da2ff;color:#78b6ff;background:rgba(54,145,255,.1)}
.reseller-action-menu{display:none;position:absolute;right:0;top:42px;z-index:80;width:218px;padding:8px;border:1px solid #2a3b4f;border-radius:14px;background:#111925;box-shadow:0 22px 55px rgba(0,0,0,.46)}
.reseller-action-menu.open{display:grid}
.reseller-action-menu button{display:grid;grid-template-columns:23px 1fr;align-items:center;text-align:left;gap:7px;width:100%;min-height:39px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#d7e1eb;font-size:11px;font-weight:700;cursor:pointer}.reseller-action-menu button:hover{background:#192638;color:white}.reseller-action-menu button span{color:#7893af;font-size:14px}.reseller-action-menu button.danger{color:#ff7c89}.reseller-action-menu button.danger span{color:#ff7c89}.reseller-menu-divider{height:1px;background:#263548;margin:6px 4px}
.reseller-table-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid #1d2a39;color:#8497ad;font-size:10px}.reseller-footer-note{color:#61758d}
@media(max-width:1100px){.reseller-overview-cards{grid-template-columns:1fr}.reseller-table-wrap{overflow:auto}.reseller-table{min-width:1080px}.reseller-action-menu{position:fixed;right:24px;top:auto}}
@media(max-width:760px){.reseller-toolbar{grid-template-columns:1fr;border-radius:16px 16px 0 0}.reseller-table-footer{flex-direction:column}.reseller-overview-cards article{padding:15px}}


/* v2.1.9 dedicated add credits dialog */
.reseller-credit-account{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.reseller-credit-account span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8fa1b7;font-weight:800}
.reseller-credit-account strong{font-size:20px;color:#f5f8fb;word-break:break-word}
.reseller-credits-modal .modal-body{padding-top:20px}
.reseller-credits-modal input{font-size:18px;font-weight:800}


/* v2.2.0 automatic source expiry states */
.source-table{min-width:1180px}
.source-row.source-expiring{background:linear-gradient(90deg,rgba(245,158,11,.16),rgba(245,158,11,.04))!important}
.source-row.source-expiring td:first-child{box-shadow:inset 4px 0 0 #f59e0b}
.source-row.source-expired{background:linear-gradient(90deg,rgba(239,68,68,.18),rgba(239,68,68,.05))!important}
.source-row.source-expired td:first-child{box-shadow:inset 4px 0 0 #ef4444}
.source-expiry{display:grid;gap:3px;min-width:112px}
.source-expiry strong{font-size:12px;color:#dce7f3}
.source-expiry small{font-size:10px;color:#8495aa}
.source-expiry.expiring strong,.source-expiry.expiring small{color:#fbbf24}
.source-expiry.expired strong,.source-expiry.expired small{color:#fb7185}
.pill.expired{background:rgba(239,68,68,.14);color:#fb7185;border-color:rgba(239,68,68,.35)}

/* v2.2.1 free trial controls */
.trial-actions{flex-wrap:wrap}
.trial-button{background:linear-gradient(135deg,#6941c6,#8b5cf6);border-color:#9d7aea;color:#fff;box-shadow:0 10px 25px rgba(111,66,193,.22)}
.trial-button:hover{filter:brightness(1.08)}
.trial-button:disabled{opacity:.55;cursor:not-allowed}
.trial-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:rgba(139,92,246,.16);border:1px solid rgba(167,139,250,.35);color:#c4b5fd;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle}
@media(max-width:760px){.trial-actions .button{flex:1 1 100%}}


/* Legacy M3U and MAG creation styles were removed in v3.1.0. */
/* v2.3.4 Super Admin server resources */
.server-resources{margin:18px 0 20px;padding:20px;border-radius:20px;background:linear-gradient(180deg,#101924,#0c131d);border:1px solid #223246}
.server-resource-head{margin-bottom:16px}
.resource-live{display:flex;align-items:center;gap:7px;color:#95a8bd;font-size:11px}
.resource-live i{width:8px;height:8px;border-radius:50%;background:#5ce5a0;box-shadow:0 0 0 5px rgba(92,229,160,.09)}
.resource-live small{margin-left:5px;color:#62758c}
.resource-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resource-gauge{padding:15px;border:1px solid #1e2d3f;border-radius:16px;background:#0c151f;min-width:0}
.resource-gauge-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.resource-gauge-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8ea1b8;font-weight:800}
.resource-gauge-top strong{font-size:21px;color:#f3f7fb}
.resource-track{height:8px;border-radius:999px;background:#172434;overflow:hidden}
.resource-track i{display:block;height:100%;border-radius:inherit;background:#5ce5a0;transition:width .35s ease}
.resource-gauge.warning .resource-track i{background:#ffb454}.resource-gauge.critical .resource-track i{background:#ff6577}
.resource-gauge.headroom .resource-track i{background:#69a8ff}.resource-gauge.headroom.warning .resource-track i{background:#ffb454}.resource-gauge.headroom.critical .resource-track i{background:#ff6577}
.resource-gauge small{display:block;margin-top:10px;color:#73879e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-gauge small b{color:#cbd7e4}
.resource-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.resource-details>div{display:grid;gap:5px;padding:12px 13px;border-radius:13px;background:#0a121b;border:1px solid #192737}
.resource-details span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#71859c}
.resource-details strong{font-size:13px;color:#e8eff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(105,168,255,.06);border:1px solid rgba(105,168,255,.12);font-size:10px;color:#7289a3;line-height:1.5}
@media(max-width:1200px){.resource-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-details{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.server-resources{padding:14px}.resource-overview,.resource-details{grid-template-columns:1fr 1fr}.resource-gauge-top strong{font-size:18px}}
@media(max-width:480px){.resource-overview,.resource-details{grid-template-columns:1fr}}


/* v2.3.5 universal responsive layout */
html{overflow-x:hidden}
body{overflow-x:hidden}
.app-shell,.main,.content,.section,.card,.table-wrap{max-width:100%;min-width:0}
.topbar,.section-head,.top-actions,.actions{flex-wrap:wrap}
.page-heading h1,.page-heading h2,.page-heading h3{overflow-wrap:anywhere}
.table-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.table-wrap table{max-width:none}
th,td{overflow-wrap:anywhere}
td .copy-access,td .actions{min-width:max-content}
.note-preview,.classic-note,.order-summary{max-width:100%!important}

/* Compact laptop mode: keeps the full panel readable on 1280–1440px screens */
@media (max-width:1440px) and (min-width:901px){
  :root{--sidebar:210px}
  .sidebar{padding:16px 11px}
  .brand{padding:2px 7px 18px;gap:9px}
  .brand-mark.small{width:34px;height:34px;flex:0 0 34px}
  .brand strong{font-size:14px}.brand span{font-size:10px}
  .sidebar nav{gap:3px}
  .nav-item{padding:9px 10px;gap:8px;font-size:12px;border-radius:10px}
  .nav-item span{width:19px;font-size:14px}
  .sidebar-footer{padding:12px 7px 2px;font-size:10px}
  .topbar{min-height:78px;padding:16px 20px;gap:12px}
  .content{padding:20px 20px 42px}
  h1{font-size:29px}h2{font-size:23px}h3{font-size:17px}
  .button{min-height:36px;padding:8px 12px;font-size:12px}
  .metric-grid{gap:11px}.metric{padding:16px;min-height:125px}.metric strong{font-size:28px}
  .section{margin-top:21px}.section-head{margin-bottom:11px}
  th,td{padding:10px 9px}th{font-size:9px}td{font-size:11px}
  table{min-width:760px}
  .classic-admin-table{min-width:790px!important}
  .users-table,.mag-users-table{min-width:820px!important}
  .admin-grid-toolbar{max-width:none!important;padding:14px!important;gap:12px!important;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.8fr)!important}
  .admin-grid-panel{max-width:none!important}
  .grid-field input,.grid-field select{height:38px;font-size:11px}
  .toolbar-btn{height:33px;font-size:10px;padding:0 10px}
  .classic-user{min-width:130px}.classic-user strong{font-size:11px}.classic-user small{font-size:9px}
  .classic-note{max-width:125px!important}
  .classic-location .location-cell{min-width:90px}
  .copy-chip{padding:6px 8px!important;font-size:9px!important}
  .status-toggle{min-width:38px;height:23px;font-size:10px}
  .reseller-table{min-width:850px!important}
  .reseller-overview-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  .server-resources{padding:16px}.resource-overview{gap:9px}.resource-details{gap:8px}
}

/* Tablet mode */
@media (max-width:900px){
  .topbar{min-height:auto;padding:14px 16px;align-items:flex-start}
  .page-heading{flex:1 1 220px}
  .top-actions{margin-left:auto}
  .content{padding:16px 14px 36px}
  h1{font-size:27px}h2{font-size:22px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .grid-two{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-direction:column}
  .admin-grid-toolbar{grid-template-columns:1fr!important;max-width:none!important;padding:13px!important}
  .admin-grid-panel{max-width:none!important}
  .reseller-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  table,.classic-admin-table,.users-table,.mag-users-table,.reseller-table{min-width:760px!important}
  th,td{padding:10px 9px}
}

/* Phone mode */
@media (max-width:600px){
  .topbar{padding:12px;gap:9px}
  .top-actions{width:100%;justify-content:flex-start}
  .top-actions .button{flex:1 1 auto}
  .content{padding:12px 10px 28px}
  h1{font-size:23px}h2{font-size:20px}
  .metric-grid{grid-template-columns:1fr}
  .metric{min-height:112px;padding:15px}
  .card{border-radius:14px}
  .table-wrap{border-radius:12px}
  table,.classic-admin-table,.users-table,.mag-users-table,.reseller-table{min-width:680px!important}
  th,td{padding:9px 8px;font-size:10px}
  .admin-grid-toolbar{padding:11px!important;border-radius:14px!important}
  .grid-actions{flex-wrap:wrap}.toolbar-btn{flex:1 1 auto}
  .reseller-overview-cards{grid-template-columns:1fr!important}
  .modal{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;border-radius:16px!important}
  .modal-head,.modal-actions{padding:13px!important}
  .modal-body{padding:13px!important;max-height:calc(100dvh - 136px)!important}
}

/* Never crop dashboard cards or resource widgets */
.resource-overview,.resource-details,.reseller-overview-cards,.metric-grid{min-width:0}
.resource-gauge,.resource-details>div,.metric{min-width:0}
.resource-gauge small,.resource-details strong{white-space:normal!important;overflow-wrap:anywhere}


/* v2.3.6 flexible layout and long-content protection */
:root{--content-safe-gap:14px}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app-shell,.main,.content,.topbar,.section,.card,.admin-grid-panel,.reseller-panel,.server-resources{min-width:0;max-width:100%}
.content>*{min-width:0}

/* Every grid/flex child is allowed to shrink instead of stretching the page */
.metric-grid>*,.grid-two>*,.resource-overview>*,.resource-details>*,.reseller-overview-cards>*,.settings-page-grid>*,.request-account-card>*,.ticket-metrics>*{min-width:0}
.topbar>*,.section-head>*,.toolbar-card>*,.admin-grid-toolbar>*,.user-card-head>*,.modal-head>*{min-width:0}

/* Tables stay inside their own horizontal viewport */
.table-wrap,.classic-table-wrap,.reseller-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.classic-admin-table,.users-table,.mag-users-table,.reseller-table,.credit-request-table{width:100%;table-layout:fixed}
.classic-admin-table{min-width:980px!important}
.reseller-table{min-width:1050px!important}
.credit-request-table{min-width:1050px!important}
.classic-admin-table th,.classic-admin-table td,.reseller-table th,.reseller-table td,.credit-request-table th,.credit-request-table td{min-width:0;max-width:none}

/* Stable user-table columns: long notes can never resize the table */
.classic-admin-table th:nth-child(1),.classic-admin-table td:nth-child(1){width:76px}
.classic-admin-table th:nth-child(2),.classic-admin-table td:nth-child(2){width:175px}
.classic-admin-table th:nth-child(3),.classic-admin-table td:nth-child(3){width:150px}
.classic-admin-table th:nth-child(4),.classic-admin-table td:nth-child(4){width:185px}
.classic-admin-table th:nth-child(5),.classic-admin-table td:nth-child(5){width:112px}
.classic-admin-table th:nth-child(6),.classic-admin-table td:nth-child(6){width:170px}
.classic-admin-table th:nth-child(7),.classic-admin-table td:nth-child(7){width:145px}
.classic-admin-table th:nth-child(8),.classic-admin-table td:nth-child(8){width:68px}

/* One-line previews with native title tooltip for the full value */
.classic-note,.note-preview,.credit-reason,.order-summary,.reseller-name small,.ticket-subject small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.classic-note{line-height:1.45;color:#c8d5e2}
.reseller-name,.classic-user,.ticket-subject,.location-cell,.watching-cell,.user-identity{min-width:0!important;max-width:100%}
.reseller-name strong,.classic-user strong,.classic-user small,.location-cell>*,.watching-cell strong,.user-identity strong,.user-identity small{
  max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

/* Multi-line content wraps safely instead of expanding the viewport */
.ticket-message,.ticket-message p,.credit-request-notice,.credit-request-notice p,.resource-note,.empty-state,.settings-card,.modal-body,.field-help,.code{
  max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word
}
.ticket-message p{white-space:pre-wrap}
.code{white-space:pre-wrap;word-break:break-all}
textarea,input,select{max-width:100%;min-width:0}
textarea{resize:vertical;overflow-wrap:anywhere}

/* Buttons and action groups wrap cleanly */
.copy-access,.actions,.credit-request-actions,.grid-actions,.top-actions,.modal-actions{max-width:100%;flex-wrap:wrap}
.copy-chip,.toolbar-btn,.button{max-width:100%}

/* Smooth responsive cards */
.metric-grid,.resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}

@media(max-width:1440px) and (min-width:901px){
  .classic-admin-table{min-width:920px!important}
  .reseller-table,.credit-request-table{min-width:980px!important}
  .classic-admin-table th:nth-child(4),.classic-admin-table td:nth-child(4){width:155px}
}

@media(max-width:900px){
  .classic-admin-table,.users-table,.mag-users-table{min-width:900px!important}
  .reseller-table,.credit-request-table{min-width:980px!important}
  .toolbar-card{align-items:stretch}
  .search-box{width:100%;min-width:0}
}

@media(max-width:600px){
  .classic-admin-table,.users-table,.mag-users-table{min-width:850px!important}
  .reseller-table,.credit-request-table{min-width:940px!important}
  .ticket-message{max-width:100%!important}
  .modal-actions .button{flex:1 1 140px}
}


/* v2.4.0 cleaner source rows */
.source-table td:first-child strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.source-table td:nth-child(2){min-width:110px}
.source-table .source-expiry{display:flex;align-items:center;min-height:28px}
.source-table .source-expiry strong{white-space:nowrap}


/* v2.4.1 complete adaptive layout: desktop, laptop, tablet and phone */
:root{
  --page-gutter:clamp(10px,2vw,32px);
  --fluid-gap:clamp(10px,1.25vw,18px);
  --fluid-radius:clamp(12px,1.3vw,18px);
  --fluid-text:clamp(12px,.85vw,14px);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--fluid-text)}
img,svg,video,canvas{max-width:100%;height:auto}
.app-shell,.main,.content,.topbar,.section,.card,.table-wrap,.support-panel,.admin-grid-panel{min-width:0;width:100%}
.content{width:100%;max-width:1680px;padding:clamp(16px,2.2vw,32px) var(--page-gutter) clamp(34px,4vw,58px)}
.topbar{padding:clamp(14px,1.8vw,24px) var(--page-gutter);min-height:clamp(74px,7vw,96px)}
.topbar h1{font-size:clamp(22px,2.35vw,36px)}
.topbar .eyebrow{font-size:clamp(8px,.72vw,10px)}
.section{margin-top:clamp(18px,2vw,28px)}
.section-head{align-items:center;flex-wrap:wrap}
.card,.admin-grid-panel,.support-panel,.reseller-panel,.server-resources{border-radius:var(--fluid-radius)}
.metric-grid,.resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics,.quick-action-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
  gap:var(--fluid-gap)!important;
}
.metric{min-width:0;padding:clamp(14px,1.5vw,21px);min-height:clamp(112px,10vw,150px)}
.metric strong{font-size:clamp(25px,2.2vw,34px)}
.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fluid-gap)}
input,textarea,select,.button{font-size:clamp(12px,.85vw,14px)}
.button{min-height:clamp(38px,3vw,42px);padding:clamp(8px,.8vw,11px) clamp(11px,1vw,16px)}
.toolbar-card,.admin-grid-toolbar{width:100%;max-width:none!important;grid-template-columns:minmax(220px,1.4fr) minmax(180px,.75fr);gap:var(--fluid-gap)!important}
.search-box,.simple-user-search{width:100%;max-width:none;min-width:0}
.table-wrap,.classic-table-wrap,.reseller-table-wrap,.support-table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain}
table{font-size:clamp(10px,.78vw,13px)}
th,td{padding:clamp(9px,.85vw,14px) clamp(8px,.9vw,16px)}
.note-preview,.classic-note,.credit-reason,.ticket-subject,.reseller-name,.classic-user,.location-cell,.watching-cell{min-width:0;max-width:100%}
.note-preview,.classic-note,.credit-reason{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.copy-access,.actions,.top-actions,.grid-actions,.credit-request-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}
.copy-access>*{flex:0 1 auto}
.modal{width:min(92vw,780px)!important;max-height:min(92dvh,980px)!important;margin:auto}
.modal-body{overflow:auto;overscroll-behavior:contain}

/* Compact laptop layout */
@media (max-width:1366px) and (min-width:901px){
  :root{--sidebar:205px}
  .sidebar{padding:17px 11px}
  .brand{padding:2px 7px 19px}.brand strong{font-size:14px}.brand span{font-size:10px}
  .nav-item{padding:10px 10px;font-size:12px;gap:8px}.nav-item span{width:18px;font-size:14px}
  .content{padding-left:20px;padding-right:20px}
  .topbar{padding-left:20px;padding-right:20px}
  .classic-admin-table,.source-table,.reseller-table,.credit-request-table,.support-table{min-width:900px!important}
}

/* Tablet: sidebar becomes drawer and every control remains readable */
@media (max-width:900px){
  .app-shell{display:block}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,290px);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 70px rgba(0,0,0,.45);overflow-y:auto}
  .sidebar.open{transform:translateX(0)}
  .mobile-menu{display:inline-flex!important}
  .topbar{min-height:auto;align-items:flex-start;flex-wrap:wrap}
  .page-heading{flex:1 1 220px}
  .top-actions{flex:1 1 auto;justify-content:flex-end;min-width:0}
  .content{padding-top:18px}
  .grid-two{grid-template-columns:1fr}
  .toolbar-card,.admin-grid-toolbar{grid-template-columns:1fr!important;padding:13px!important}
  .toolbar-card>*{width:100%}
  .modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}
}

/* Responsive tables become clean information cards. Nothing is hidden. */
@media (max-width:780px){
  .table-wrap,.classic-table-wrap,.reseller-table-wrap,.support-table-wrap{overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important}
  table.responsive-stack-table,
  table.responsive-stack-table tbody,
  table.responsive-stack-table tr,
  table.responsive-stack-table td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  table.responsive-stack-table{min-width:0!important;border-collapse:separate!important;background:transparent!important}
  table.responsive-stack-table thead{display:none!important}
  table.responsive-stack-table tbody{display:grid!important;gap:12px!important}
  table.responsive-stack-table tbody tr{
    margin:0!important;padding:8px 12px!important;height:auto!important;
    border:1px solid var(--line)!important;border-radius:15px!important;
    background:linear-gradient(145deg,var(--surface),#0b1119)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.14)!important;overflow:hidden!important;
  }
  table.responsive-stack-table tbody td{
    position:relative!important;display:grid!important;grid-template-columns:minmax(100px,35%) minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;height:auto!important;min-height:42px!important;
    padding:9px 2px!important;border:0!important;border-bottom:1px solid var(--line-soft)!important;
    text-align:left!important;overflow:visible!important;white-space:normal!important;
  }
  table.responsive-stack-table tbody td:last-child{border-bottom:0!important}
  table.responsive-stack-table tbody td::before{
    content:attr(data-label);display:block;color:var(--muted);font-size:9px;font-weight:850;
    letter-spacing:.08em;text-transform:uppercase;line-height:1.3;min-width:0;
  }
  table.responsive-stack-table tbody td>*{min-width:0;max-width:100%}
  table.responsive-stack-table .classic-note,
  table.responsive-stack-table .note-preview,
  table.responsive-stack-table .credit-reason{white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden!important}
  table.responsive-stack-table .copy-access,
  table.responsive-stack-table .actions{justify-content:flex-start!important}
  table.responsive-stack-table .actions-cell{text-align:left!important}
  .source-table td:first-child strong{max-width:100%}
}

/* Phone layout */
@media (max-width:520px){
  .topbar{padding:11px 10px}.content{padding:12px 9px 28px}
  .top-actions{width:100%;justify-content:stretch}.top-actions .button{flex:1 1 120px}
  .section-head{align-items:flex-start}.section-head>*{width:100%}
  .metric-grid,.resource-overview,.resource-details,.reseller-overview-cards,.settings-page-grid,.ticket-metrics,.quick-action-grid{grid-template-columns:1fr!important}
  .card,.admin-grid-panel,.support-panel{border-radius:13px}
  table.responsive-stack-table tbody td{grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important}
  .button,.toolbar-btn,.copy-chip,.settings-button{min-height:42px}
  .modal-head,.modal-body,.modal-actions{padding:12px!important}
  .modal-actions .button{flex:1 1 120px}
  .login-view{padding:10px}.login-card{padding:24px 18px;border-radius:20px}
}

/* Very small phones */
@media (max-width:380px){
  table.responsive-stack-table tbody td{grid-template-columns:1fr!important;gap:4px!important}
  table.responsive-stack-table tbody td::before{margin-bottom:2px}
  .top-actions .button{flex:1 1 100%}
}

/* Large screens stay centered and never become excessively wide */
@media (min-width:1800px){
  .content{max-width:1720px}
  .topbar{padding-left:max(32px,calc((100vw - 1970px)/2));padding-right:max(32px,calc((100vw - 1970px)/2))}
}


/* v2.4.2 final adaptive M3U / MAG management layout */
.user-management-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.user-management-table th,.user-management-table td{min-width:0!important}
.user-management-table .classic-user,.user-management-table .classic-location,.user-management-table .classic-watching{width:100%;min-width:0}
.user-management-table .classic-user strong,.user-management-table .classic-user small,.user-management-table .watching-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-management-table .inline-access-actions{display:flex;flex-wrap:wrap;gap:6px}
.user-management-table .mini-copy-button,.user-management-table .toolbar-btn.small{min-height:32px;padding:6px 9px;font-size:10px}

/* Normal desktop table: compact enough to fit without horizontal clipping */
@media (min-width:1451px){
  .user-management-table th,.user-management-table td{padding:10px 9px!important;font-size:11px!important}
  .user-management-table th:nth-child(1),.user-management-table td:nth-child(1){width:7%}
  .user-management-table th:nth-child(2),.user-management-table td:nth-child(2){width:18%}
  .user-management-table th:nth-child(3),.user-management-table td:nth-child(3){width:14%}
  .user-management-table th:nth-child(4),.user-management-table td:nth-child(4){width:17%}
  .user-management-table th:nth-child(5),.user-management-table td:nth-child(5){width:10%}
  .user-management-table th:nth-child(6),.user-management-table td:nth-child(6){width:14%}
  .user-management-table th:nth-child(7),.user-management-table td:nth-child(7){width:14%}
  .user-management-table th:nth-child(8),.user-management-table td:nth-child(8){width:6%}
}

/* Laptop and medium screens: smart compact row cards, no horizontal scrollbar */
@media (max-width:1450px){
  .admin-grid-panel:has(.user-management-table){overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .admin-grid-panel:has(.user-management-table) .classic-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .user-management-table,
  .user-management-table tbody,
  .user-management-table tr,
  .user-management-table td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .user-management-table{background:transparent!important;border-collapse:separate!important}
  .user-management-table thead{display:none!important}
  .user-management-table tbody{display:grid!important;gap:10px!important}
  .user-management-table tbody tr{
    display:grid!important;grid-template-columns:minmax(120px,.7fr) minmax(190px,1.35fr) minmax(150px,1fr) minmax(170px,1.15fr)!important;
    gap:0 14px!important;padding:12px 14px!important;margin:0!important;height:auto!important;
    border:1px solid var(--line)!important;border-radius:15px!important;
    background:linear-gradient(145deg,var(--surface),#0b1119)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;overflow:hidden!important;
  }
  .user-management-table tbody td{
    display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:5px!important;
    min-height:56px!important;padding:8px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;
    white-space:normal!important;overflow:hidden!important;text-align:left!important;
  }
  .user-management-table tbody td::before{
    content:attr(data-label);display:block;color:var(--muted);font-size:8px;font-weight:850;
    letter-spacing:.09em;text-transform:uppercase;line-height:1.2;
  }
  .user-management-table tbody td:nth-child(n+5){border-bottom:0!important}
  .user-management-table tbody td>*{min-width:0;max-width:100%}
  .user-management-table .classic-note{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;overflow:hidden!important;line-height:1.45}
  .user-management-table .classic-location .connected-country{max-width:100%;min-width:0}
  .user-management-table .classic-location .connected-country>div{min-width:0}
  .user-management-table .icon-action{width:36px;height:36px}
  .admin-grid-panel:has(.user-management-table) .classic-footer{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
}

@media (max-width:1100px){
  .user-management-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .user-management-table tbody td:nth-child(n){border-bottom:1px solid rgba(255,255,255,.045)!important}
  .user-management-table tbody td:nth-last-child(-n+2){border-bottom:0!important}
}

@media (max-width:620px){
  .user-management-table tbody tr{grid-template-columns:1fr!important;padding:10px 12px!important}
  .user-management-table tbody td{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important;min-height:44px!important;gap:9px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .user-management-table tbody td::before{font-size:8px}
  .user-management-table tbody td:last-child{border-bottom:0!important}
  .user-management-table .classic-note{-webkit-line-clamp:3}
  .user-management-table .inline-access-actions{justify-content:flex-start}
}

@media (max-width:390px){
  .user-management-table tbody td{grid-template-columns:1fr!important;gap:4px!important}
}

/* 2.4.4 — compact adaptive pagination for M3U and MAG users */
.users-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px;background:rgba(8,14,22,.72)}
.page-size-control{display:flex;align-items:center;gap:8px;color:#9eb0c6;font-size:12px;white-space:nowrap}
.page-size-control label{font-weight:700}
.page-size-control select{height:34px;min-width:68px;padding:0 28px 0 10px;border:1px solid #26394e;border-radius:9px;background:#0d1723;color:#e7eef7;font:700 12px/1 inherit;outline:none}
.page-size-control select:focus{border-color:#2d8cff;box-shadow:0 0 0 3px rgba(45,140,255,.12)}
.pager{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}
.pager-page,.pager-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#a9b9ca;font:700 12px/1 inherit;cursor:pointer;transition:.16s ease}
.pager-page:hover,.pager-arrow:hover:not(:disabled){background:#152335;color:#fff;border-color:#29425e}
.pager-page.active{background:#1687e8;color:#fff;border-color:#2495f3;box-shadow:0 5px 16px rgba(22,135,232,.22)}
.pager-arrow{font-size:20px;font-weight:500}
.pager-arrow:disabled{opacity:.3;cursor:not-allowed}
.pager-gap{color:#60758d;padding:0 2px;font-weight:700}
.page-summary{justify-self:end;color:#8195ad;font-size:11px;white-space:nowrap}
@media (max-width:900px){
  .users-pagination{grid-template-columns:auto 1fr;gap:10px}
  .page-summary{grid-column:1/-1;justify-self:center}
  .pager-page,.pager-arrow{width:32px;height:32px;border-radius:8px}
}
@media (max-width:560px){
  .users-pagination{display:flex;flex-direction:column;align-items:stretch;padding:10px;gap:8px}
  .page-size-control{justify-content:center}
  .pager{overflow-x:auto;justify-content:flex-start;padding-bottom:2px;flex-wrap:nowrap;scrollbar-width:thin}
  .pager-page,.pager-arrow{min-width:32px}
  .page-summary{text-align:center;white-space:normal}
}

/* Legacy fluid creation-modal overrides were removed in v3.1.0. */
/* v2.4.6 Settings redesign — fluid, compact and responsive */
.settings-v2-shell{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  gap:clamp(12px,1.4vw,18px);
  min-width:0;
}
.settings-v2-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:clamp(11px,1.4vw,16px);
  min-height:clamp(78px,8vw,96px);
  padding:clamp(14px,1.7vw,20px);
  border:1px solid rgba(129,157,190,.18);
  border-radius:clamp(16px,1.7vw,22px);
  background:linear-gradient(135deg,rgba(29,48,68,.96),rgba(12,21,31,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.settings-v2-hero::after{
  content:"";position:absolute;right:-70px;top:-100px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(102,230,165,.12),transparent 67%);pointer-events:none
}
.settings-v2-avatar{
  flex:0 0 auto;width:clamp(42px,4.4vw,54px);height:clamp(42px,4.4vw,54px);border-radius:clamp(12px,1.2vw,16px);
  display:grid;place-items:center;font-size:clamp(16px,1.6vw,21px);font-weight:900;color:#eafff5;
  background:linear-gradient(145deg,#6de3ac,#4b90d8);box-shadow:0 10px 26px rgba(64,190,143,.22)
}
.settings-v2-identity{min-width:0;display:grid;gap:2px}.settings-v2-identity span,.settings-v2-section-head span,.settings-v2-side-head span{
  color:#7f95ae;font-size:clamp(8px,.72vw,10px);font-weight:900;letter-spacing:.11em;text-transform:uppercase
}
.settings-v2-identity h2{margin:0;font-size:clamp(17px,1.7vw,23px);line-height:1.15;overflow-wrap:anywhere}.settings-v2-identity p{margin:0;color:#8fa2b7;font-size:clamp(10px,.85vw,12px)}
.settings-v2-role{margin-left:auto;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(102,230,165,.2);background:rgba(102,230,165,.08);color:#aaf2cc;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850}.settings-v2-role i{width:7px;height:7px;border-radius:50%;background:#66e6a5;box-shadow:0 0 0 4px rgba(102,230,165,.1)}
.settings-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:clamp(12px,1.4vw,18px);align-items:start;min-width:0}
.settings-v2-main{display:grid;gap:clamp(12px,1.4vw,18px);min-width:0}.settings-v2-section,.settings-v2-security{
  min-width:0;border:1px solid rgba(129,157,190,.16);border-radius:clamp(16px,1.6vw,21px);background:linear-gradient(180deg,rgba(17,27,40,.98),rgba(10,17,26,.98));box-shadow:0 16px 38px rgba(0,0,0,.12)
}
.settings-v2-section-head{display:flex;align-items:flex-start;gap:12px;padding:clamp(15px,1.6vw,20px);border-bottom:1px solid rgba(129,157,190,.12)}
.settings-v2-section-icon{flex:0 0 auto;width:clamp(34px,3.2vw,40px);height:clamp(34px,3.2vw,40px);border-radius:12px;display:grid;place-items:center;color:#72e4ae;background:rgba(102,230,165,.08);border:1px solid rgba(102,230,165,.18);font-weight:900}
.settings-v2-section-head>div:last-child{min-width:0}.settings-v2-section-head h3,.settings-v2-side-head h3{margin:3px 0 4px;font-size:clamp(15px,1.35vw,19px);line-height:1.2}.settings-v2-section-head p{margin:0;color:#8295ab;font-size:clamp(10px,.86vw,12px);line-height:1.45}
.settings-v2-section-body{padding:clamp(15px,1.7vw,21px)}.settings-v2-fields{display:grid;gap:12px}.settings-v2-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-v2-fields label{display:grid;gap:7px;min-width:0}.settings-v2-fields label>span{font-size:10px;font-weight:800;color:#a7b6c7}.settings-v2-fields input{
  width:100%;height:clamp(40px,3.8vw,46px);min-width:0;border-radius:11px;padding:0 13px;background:#09111b;border:1px solid #26374a;color:#eef5fc;font-size:clamp(11px,.9vw,13px);outline:none;transition:.16s ease
}
.settings-v2-fields input:focus{border-color:#67dda8;box-shadow:0 0 0 3px rgba(102,230,165,.09)}.settings-v2-help{color:#74889f;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.settings-v2-help strong{color:#a8bdd1}
.settings-v2-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #2b3e53;border-radius:13px;background:#0a131e;padding:13px 14px}.settings-v2-notice span{white-space:nowrap;color:#8fa7bf;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.settings-v2-notice p{margin:0;color:#91a3b7;font-size:11px;line-height:1.45;text-align:right}
.settings-v2-side{display:grid;gap:12px;position:sticky;top:18px;min-width:0}.settings-v2-security{padding:clamp(15px,1.6vw,20px)}.settings-v2-side-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.settings-v2-side-head b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(102,230,165,.09);border:1px solid rgba(102,230,165,.2);color:#75e6b0}
.settings-v2-security ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.settings-v2-security li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(129,157,190,.08)}.settings-v2-security li i{font-style:normal;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;color:#6ce0aa;background:rgba(102,230,165,.08);font-size:10px}.settings-v2-security li div{display:grid;gap:2px;min-width:0}.settings-v2-security li strong{font-size:10px;color:#dbe7f3}.settings-v2-security li span{font-size:9px;color:#74889f;line-height:1.35}
.settings-v2-save{width:100%;min-height:44px!important;justify-content:space-between!important;border-radius:12px!important;padding:10px 14px!important;box-shadow:0 12px 28px rgba(76,208,151,.16)}.settings-v2-save b{font-size:17px}.settings-v2-save:disabled{opacity:.65;cursor:wait}
@media(max-width:980px){.settings-v2-layout{grid-template-columns:minmax(0,1fr) minmax(210px,250px)}.settings-v2-notice{align-items:flex-start;flex-direction:column}.settings-v2-notice p{text-align:left}}
@media(max-width:760px){.settings-v2-layout{grid-template-columns:1fr}.settings-v2-side{position:static;grid-template-columns:1fr}.settings-v2-security ul{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-v2-save{max-width:none}.settings-v2-fields.two-columns{grid-template-columns:1fr}}
@media(max-width:520px){.settings-v2-shell{gap:10px}.settings-v2-hero{padding:13px;border-radius:15px}.settings-v2-role{padding:7px 9px;font-size:9px}.settings-v2-section,.settings-v2-security{border-radius:15px}.settings-v2-section-head,.settings-v2-section-body,.settings-v2-security{padding:13px}.settings-v2-security ul{grid-template-columns:1fr}.settings-v2-security li{padding:9px}.settings-v2-notice{padding:11px}.settings-v2-fields input{height:41px}}
@media(max-width:380px){.settings-v2-role{display:none}.settings-v2-avatar{width:40px;height:40px}.settings-v2-section-head{gap:9px}.settings-v2-section-icon{width:32px;height:32px}}
@media(max-height:720px) and (min-width:761px){.settings-v2-shell{gap:10px}.settings-v2-hero{min-height:70px;padding:12px 15px}.settings-v2-layout,.settings-v2-main{gap:10px}.settings-v2-section-head,.settings-v2-section-body,.settings-v2-security{padding:13px}.settings-v2-security ul{margin-top:11px;gap:6px}.settings-v2-security li{padding:8px}.settings-v2-fields input{height:39px}.settings-v2-save{min-height:40px!important}}

/* v2.4.7 fixed sidebar footer — navigation scrolls, status and sign-out stay anchored */
.app-shell{
  min-height:100dvh;
}
.sidebar{
  position:sticky;
  top:0;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-self:start;
}
.sidebar .brand{
  min-width:0;
}
.sidebar nav{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(142,155,173,.35) transparent;
  padding-right:3px;
}
.sidebar nav::-webkit-scrollbar{width:5px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:rgba(142,155,173,.28);border-radius:999px}
.sidebar-footer{
  position:relative;
  inset:auto;
  margin-top:0;
  flex:0 0 auto;
  z-index:2;
  background:linear-gradient(180deg,rgba(9,13,19,.94),#090d13 28%);
  box-shadow:0 -12px 24px rgba(9,13,19,.38);
}
.main{
  min-height:100dvh;
}

@media (max-width:900px){
  .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    height:100dvh;
    max-height:100dvh;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
  }
  .sidebar nav{
    padding-bottom:8px;
  }
  .sidebar-footer{
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
}

@media (max-height:680px) and (min-width:901px){
  .sidebar{padding-top:12px;padding-bottom:10px}
  .brand{padding-bottom:11px}
  .nav-item{padding-top:7px;padding-bottom:7px}
  .sidebar-footer{padding-top:10px}
}

/* v2.4.8 — premium responsive first-country picker */
.country-picker{
  --cp-border:#263b52;
  --cp-panel:#0a121c;
  --cp-panel-2:#0e1925;
  --cp-text:#edf5fc;
  --cp-muted:#8399b0;
  --cp-accent:#66e6a5;
  display:grid;
  gap:14px;
  min-width:0;
  padding:clamp(13px,1.25vw,19px);
  border:1px solid var(--cp-border);
  border-radius:clamp(16px,1.6vw,22px);
  background:
    radial-gradient(circle at 92% 0%,rgba(102,230,165,.09),transparent 31%),
    linear-gradient(145deg,#101c29 0%,#0a121c 56%,#0d1722 100%);
  box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.country-picker-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,auto);align-items:center;gap:16px;min-width:0}
.country-picker-copy{min-width:0}.country-picker-kicker{display:block;margin-bottom:5px;color:var(--cp-accent);font-size:9px;font-weight:900;letter-spacing:.14em}
.country-picker-copy h4{margin:0;color:var(--cp-text);font-size:clamp(16px,1.45vw,21px);line-height:1.15}
.country-picker-copy p{margin:6px 0 0;color:var(--cp-muted);font-size:clamp(10px,.82vw,12px);line-height:1.5}
.country-picker-selected{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid rgba(102,230,165,.24);border-radius:14px;background:linear-gradient(135deg,rgba(102,230,165,.12),rgba(102,230,165,.035))}
.country-picker-flag{font-size:24px;filter:saturate(.9)}.country-picker-selected div{display:grid;gap:2px;min-width:0}.country-picker-selected small{color:#86a294;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.country-picker-selected strong{color:#eafff4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-picker-selected i{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:var(--cp-accent);color:#082017;font-size:11px;font-style:normal;font-weight:950;box-shadow:0 6px 20px rgba(102,230,165,.18)}
.country-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.country-picker-search{flex:1;max-width:440px;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #263a50;border-radius:12px;background:#09121b;transition:.16s ease}
.country-picker-search:focus-within{border-color:rgba(102,230,165,.65);box-shadow:0 0 0 3px rgba(102,230,165,.075)}
.country-picker-search>span{color:#7690a8;font-size:17px;line-height:1}.country-picker-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#edf5fc;font:inherit;font-size:11px}.country-picker-search input::placeholder{color:#587087}
.country-picker-count{flex:0 0 auto;color:#71879d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.country-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;max-height:min(36vh,330px);overflow:auto;padding:2px 5px 2px 1px;scrollbar-width:thin;scrollbar-color:#45617d transparent;overscroll-behavior:contain}
.country-picker-grid::-webkit-scrollbar{width:7px}.country-picker-grid::-webkit-scrollbar-track{background:transparent}.country-picker-grid::-webkit-scrollbar-thumb{background:#405b76;border-radius:999px}
.country-picker-option{min-width:0;min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid #1e3043;border-radius:13px;background:linear-gradient(180deg,#0e1925,#0b151f);color:#dce8f3;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.country-picker-option:hover{transform:translateY(-1px);border-color:#3e607d;background:linear-gradient(180deg,#132334,#0e1b28);box-shadow:0 9px 22px rgba(0,0,0,.14)}
.country-picker-option.active{border-color:rgba(102,230,165,.72);background:linear-gradient(135deg,rgba(102,230,165,.16),rgba(15,35,31,.48));box-shadow:inset 0 0 0 1px rgba(102,230,165,.08),0 8px 24px rgba(29,107,75,.12)}
.country-option-flag{font-size:20px;line-height:1}.country-option-copy{display:grid;gap:2px;min-width:0}.country-option-copy strong{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-option-copy small{color:#607a92;font-size:8px;font-weight:900;letter-spacing:.08em}.country-picker-option.active .country-option-copy small{color:#79ad95}
.country-option-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #2a4157;border-radius:7px;color:transparent;font-size:9px;font-weight:950}.country-picker-option.active .country-option-check{border-color:var(--cp-accent);background:var(--cp-accent);color:#082017}
.country-picker-option[hidden]{display:none!important}.country-picker-empty{padding:22px;border:1px dashed #2c4055;border-radius:13px;color:#7890a7;text-align:center;font-size:11px;background:#0a131d}
.country-picker-flow{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px 12px;border-top:1px solid #1b2b3c;color:#71879c;overflow:hidden}
.country-picker-flow span{display:flex;align-items:center;gap:5px;min-width:0;font-size:9px;white-space:nowrap}.country-picker-flow span b{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;border-radius:6px;background:#142333;color:#8fa6bb;font-size:8px}.country-picker-flow span:first-child{color:#b8e8cf}.country-picker-flow span:first-child b{background:rgba(102,230,165,.14);color:#76ebb0}.country-picker-flow i{color:#40586f;font-style:normal;font-size:10px}
#orderDialog .country-picker-grid{max-height:min(43vh,380px)}
@media(max-width:900px){
  .country-picker{gap:12px;padding:13px;border-radius:17px}
  .country-picker-head{grid-template-columns:1fr}.country-picker-selected{width:100%}
  .country-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(34vh,300px)}
  .country-picker-flow{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.country-picker-flow::-webkit-scrollbar{display:none}
}
@media(max-width:560px){
  .country-picker{padding:11px;gap:10px;border-radius:15px}
  .country-picker-copy h4{font-size:17px}.country-picker-copy p{font-size:10px}
  .country-picker-toolbar{align-items:stretch;flex-direction:column;gap:7px}.country-picker-search{max-width:none;width:100%;height:38px}.country-picker-count{padding-left:2px}
  .country-picker-grid{grid-template-columns:1fr;gap:6px;max-height:min(39vh,310px);padding-right:3px}
  .country-picker-option{min-height:47px;padding:7px 9px;border-radius:11px}.country-option-flag{font-size:19px}
  .country-picker-flow{padding:9px 2px 2px;border-top:0}.country-picker-selected{padding:9px 10px}
}
@media(max-height:720px) and (min-width:561px){
  .country-picker{gap:9px;padding:11px}.country-picker-copy p{margin-top:3px}.country-picker-selected{padding:8px 10px}.country-picker-search{height:36px}.country-picker-grid{max-height:205px}.country-picker-option{min-height:45px;padding:6px 9px}.country-picker-flow{padding:7px 8px}
}

/* The v2.4.9 create-user redesign was replaced by the v3.1.0 access form. */
/* v2.5.0 — redesigned premium side navigation */
:root{--sidebar-expanded:264px;--sidebar-collapsed:84px}
.app-shell{grid-template-columns:var(--sidebar-expanded) minmax(0,1fr);transition:grid-template-columns .22s ease}
.premium-sidebar{width:auto;padding:14px 12px 12px;border-right:1px solid rgba(125,151,181,.16);background:linear-gradient(180deg,#0a1017 0%,#081019 58%,#070d13 100%);box-shadow:16px 0 42px rgba(0,0,0,.16)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:0 2px 12px;border-bottom:1px solid rgba(125,151,181,.10)}
.premium-sidebar .brand{min-width:0;padding:0 5px;gap:10px}
.premium-sidebar .brand-copy{min-width:0;white-space:nowrap;overflow:hidden}
.premium-sidebar .brand strong{font-size:17px;letter-spacing:.01em;color:#f5d27d}
.premium-sidebar .brand span{color:#ca9d47;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sidebar-collapse{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(132,157,186,.20);background:rgba(255,255,255,.025);color:#b8c5d3;font-size:24px;line-height:1;cursor:pointer;transition:.18s ease}
.sidebar-collapse:hover{border-color:rgba(102,230,165,.34);background:rgba(102,230,165,.08);color:#e9fff5}
.premium-sidebar nav{padding:12px 1px 8px;display:block}
.nav-group{display:grid;gap:4px;padding:0 1px 12px;margin-bottom:9px;border-bottom:1px solid rgba(125,151,181,.09)}
.nav-group:last-child{border-bottom:0;margin-bottom:0}
.nav-label{margin:2px 10px 5px;color:#68778a;font-size:9px;font-weight:800;letter-spacing:.17em;white-space:nowrap;overflow:hidden}
.premium-sidebar .nav-item{position:relative;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:11px;gap:11px;color:#b2bdcb;font-size:12px;font-weight:700;overflow:hidden}
.premium-sidebar .nav-item span{width:22px;min-width:22px;display:grid;place-items:center;color:#8492a4;font-size:16px}
.premium-sidebar .nav-item b{min-width:0;white-space:nowrap;font-size:inherit;font-weight:700}
.premium-sidebar .nav-item:hover{background:rgba(255,255,255,.035);border-color:rgba(132,157,186,.10);color:#f2f6fa;transform:translateX(1px)}
.premium-sidebar .nav-item.active{color:#ecfff5;border-color:rgba(82,226,151,.28);background:linear-gradient(90deg,rgba(47,213,130,.24),rgba(47,213,130,.08));box-shadow:inset 3px 0 0 #43dc91,0 7px 20px rgba(28,191,111,.10)}
.premium-sidebar .nav-item.active span{color:#6be8aa}
.premium-sidebar .sidebar-footer{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 0 0;border-top:1px solid rgba(125,151,181,.12);background:linear-gradient(180deg,rgba(7,13,19,.20),#070d13 24%);box-shadow:0 -14px 28px rgba(7,13,19,.50)}
.sidebar-logout{width:100%;min-height:40px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:11px;border:1px solid rgba(255,113,129,.15);background:rgba(255,113,129,.035);color:#ff8b99;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}.sidebar-logout span{font-size:17px}.sidebar-logout:hover{background:rgba(255,113,129,.10);border-color:rgba(255,113,129,.34);color:#ffb3bc}

@media(min-width:1101px){
  html.sidebar-collapsed .app-shell{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}
  html.sidebar-collapsed .premium-sidebar{padding-inline:10px}
  html.sidebar-collapsed .sidebar-head{justify-content:center;flex-wrap:wrap;padding-bottom:10px}
  html.sidebar-collapsed .premium-sidebar .brand{padding:0;justify-content:center}
  html.sidebar-collapsed .brand-copy,html.sidebar-collapsed .nav-label,html.sidebar-collapsed .nav-item b,html.sidebar-collapsed .sidebar-logout b{display:none}
  html.sidebar-collapsed .sidebar-collapse{width:32px;height:28px;flex-basis:32px}
  html.sidebar-collapsed .nav-group{justify-items:center;padding-bottom:9px}
  html.sidebar-collapsed .premium-sidebar .nav-item{width:46px;height:42px;min-height:42px;padding:0;justify-content:center}
  html.sidebar-collapsed .premium-sidebar .nav-item span{margin:0}
  html.sidebar-collapsed .sidebar-logout{justify-content:center;padding:8px}
  html.sidebar-collapsed .sidebar-logout span{font-size:18px}
}

@media(max-width:1100px){
  .app-shell{display:block}
  .premium-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,284px);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;z-index:60;box-shadow:24px 0 70px rgba(0,0,0,.48)}
  .premium-sidebar.open{transform:translateX(0)}
  .sidebar-collapse{display:none}
  .premium-sidebar .nav-item{min-height:43px}
}

@media(max-width:520px){
  .premium-sidebar{width:min(90vw,276px);padding:12px 10px 10px}
  .premium-sidebar .brand strong{font-size:16px}
  .premium-sidebar .nav-item{min-height:41px;padding:8px 10px}
  .nav-group{padding-bottom:9px;margin-bottom:7px}
}

@media(max-height:720px){
  .premium-sidebar{padding-top:9px;padding-bottom:8px}
  .sidebar-head{padding-bottom:8px}.premium-sidebar nav{padding-top:8px}.nav-group{padding-bottom:7px;margin-bottom:5px}.nav-label{margin-bottom:3px}
  .premium-sidebar .nav-item{min-height:35px;padding-top:6px;padding-bottom:6px}.premium-sidebar .sidebar-footer{gap:5px;padding-top:7px}.sidebar-logout{min-height:34px;padding-top:6px;padding-bottom:6px}
}