/* XtremePlays — Premium Admin UI 2026 */
:root{
  --xp-bg:#080b12;
  --xp-bg-2:#0b0f18;
  --xp-surface:#111722;
  --xp-surface-2:#151d2a;
  --xp-surface-3:#1a2433;
  --xp-surface-soft:#0e141f;
  --xp-border:#263244;
  --xp-border-strong:#34435a;
  --xp-border-soft:rgba(148,163,184,.13);
  --xp-text:#f7f9fc;
  --xp-text-2:#d8e0eb;
  --xp-muted:#94a3b8;
  --xp-muted-2:#6f8097;
  --xp-primary:#7c6cff;
  --xp-primary-2:#9b8cff;
  --xp-primary-rgb:124,108,255;
  --xp-accent:#2dd4bf;
  --xp-accent-rgb:45,212,191;
  --xp-info:#58b9ff;
  --xp-success:#3dd6a5;
  --xp-warning:#f8c966;
  --xp-danger:#ff627d;
  --xp-danger-rgb:255,98,125;
  --xp-radius-xs:8px;
  --xp-radius-sm:11px;
  --xp-radius:15px;
  --xp-radius-lg:20px;
  --xp-shadow-xs:0 5px 14px rgba(0,0,0,.14);
  --xp-shadow-sm:0 12px 32px rgba(0,0,0,.22);
  --xp-shadow:0 24px 68px rgba(0,0,0,.38);
  --xp-focus:0 0 0 .22rem rgba(var(--xp-primary-rgb),.20);
}

*{box-sizing:border-box}
html,body{min-height:100%;scroll-behavior:smooth}
body{
  margin:0;
  color:var(--xp-text);
  background:
    radial-gradient(900px 460px at 12% -8%,rgba(var(--xp-primary-rgb),.16),transparent 62%),
    radial-gradient(650px 360px at 96% 2%,rgba(var(--xp-accent-rgb),.07),transparent 64%),
    linear-gradient(180deg,#0a0e16 0%,#080b12 48%,#070a10 100%);
  background-attachment:fixed;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 72%);
}
::selection{background:rgba(var(--xp-primary-rgb),.38);color:#fff}
a{text-decoration:none;color:inherit}.text-muted,.xp-muted{color:var(--xp-muted)!important}.text-white{color:var(--xp-text)!important}.border-light{border-color:var(--xp-border)!important}.border-secondary{border-color:var(--xp-border)!important}.bg-dark{background:var(--xp-surface-soft)!important}
.xp-shell{width:100%;max-width:1580px;margin:0 auto}

/* ===== Top navigation ===== */
.xp-navbar{
  min-height:74px;padding:0;
  background:rgba(9,13,21,.88);
  border-bottom:1px solid rgba(148,163,184,.11);
  box-shadow:0 9px 30px rgba(0,0,0,.20);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.xp-navbar::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(var(--xp-primary-rgb),.22),rgba(var(--xp-accent-rgb),.12),transparent 95%)}
.xp-brand{display:flex;align-items:center;gap:.68rem;min-width:max-content;margin-right:1.25rem;padding:.62rem 0;color:#fff!important}
.xp-brand-logo-box{display:grid;place-items:center;min-width:42px;min-height:42px;padding:2px 4px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.xp-brand-logo{display:block;max-width:164px;max-height:38px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 13px rgba(0,0,0,.24))}
.xp-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#8d7fff,#6e5df6);box-shadow:0 10px 24px rgba(var(--xp-primary-rgb),.26),inset 0 1px 0 rgba(255,255,255,.22);font-size:.72rem;font-weight:950;letter-spacing:.08em}
.xp-brand-text{font-size:1.06rem;font-weight:850;letter-spacing:-.025em}
.xp-admin-badge{display:inline-flex;align-items:center;gap:.32rem;height:24px;padding:0 .56rem;border:1px solid rgba(var(--xp-primary-rgb),.23);border-radius:999px;background:rgba(var(--xp-primary-rgb),.10);color:#c7c0ff;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.xp-nav-links{gap:.22rem}
.xp-nav-links>.nav-item>.nav-link{position:relative;display:flex;align-items:center;gap:.5rem;min-height:40px;padding:.56rem .72rem;border:1px solid transparent;border-radius:10px;color:#a6b2c3;font-size:.82rem;font-weight:720;line-height:1;white-space:nowrap;transition:.18s ease}
.xp-nav-links>.nav-item>.nav-link>i{width:16px;text-align:center;color:#77879d;font-size:.78rem;transition:.18s ease}
.xp-nav-links>.nav-item>.nav-link:hover{color:#f8fafc;background:rgba(255,255,255,.043);border-color:rgba(255,255,255,.045)}
.xp-nav-links>.nav-item>.nav-link:hover>i{color:#bab2ff}
.xp-nav-links>.nav-item>.nav-link.active{color:#fff;background:rgba(var(--xp-primary-rgb),.13);border-color:rgba(var(--xp-primary-rgb),.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.xp-nav-links>.nav-item>.nav-link.active>i{color:#c8c2ff}
.xp-nav-links>.nav-item>.nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:-18px;height:2px;border-radius:10px;background:var(--xp-primary);box-shadow:0 0 12px rgba(var(--xp-primary-rgb),.55)}
.xp-nav-icon-item{margin-left:.15rem;padding-left:.38rem;border-left:1px solid var(--xp-border-soft)}
.xp-nav-icon-link{width:40px;justify-content:center!important;padding:.5rem!important}
.xp-nav-icon-link>i{font-size:.88rem!important}.xp-nav-icon-link>span{display:none}
.xp-account-item{margin-left:.35rem!important;padding-left:.5rem;border-left:1px solid var(--xp-border-soft)}
.xp-user-menu{min-width:144px!important;gap:.58rem!important;padding:.36rem .5rem!important;background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.055)!important}
.xp-user-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#27344a,#1b2536);border:1px solid rgba(255,255,255,.085);color:#f0edff;font-size:.78rem;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.xp-user-copy{display:grid;min-width:0;line-height:1.1}.xp-user-copy strong{max-width:96px;overflow:hidden;text-overflow:ellipsis;color:#f4f7fb;font-size:.76rem}.xp-user-label{margin-bottom:3px;color:#728298;font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.xp-user-menu.dropdown-toggle::after{margin-left:auto;color:#708096}
.xp-navbar-toggler{display:grid;place-items:center;width:42px;height:40px;padding:0;border:1px solid var(--xp-border);border-radius:11px;background:var(--xp-surface);color:#dce4ef;box-shadow:none!important}.xp-navbar-toggler:focus{box-shadow:var(--xp-focus)!important}

/* Dropdown menus */
.xp-dropdown{min-width:286px;margin-top:10px!important;padding:8px;background:rgba(16,22,33,.98);border:1px solid #2b374a;border-radius:15px;box-shadow:0 24px 64px rgba(0,0,0,.48);backdrop-filter:blur(20px)}
.xp-dropdown-section{padding:9px 10px 7px;color:#6f8097;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.10em}
.xp-dropdown-heading{display:grid;gap:2px;padding:10px 11px 9px}.xp-dropdown-heading span{color:#708097;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.xp-dropdown-heading strong{color:#eef3f8;font-size:.88rem;overflow-wrap:anywhere}
.xp-dropdown .dropdown-divider{margin:.3rem .32rem;border-color:var(--xp-border)}
.xp-dropdown .dropdown-item{display:flex;align-items:center;gap:.72rem;padding:.68rem .72rem;border:1px solid transparent;border-radius:10px;color:#d9e1ec;transition:.16s ease}
.xp-dropdown .dropdown-item:hover,.xp-dropdown .dropdown-item.active{background:rgba(var(--xp-primary-rgb),.09);border-color:rgba(var(--xp-primary-rgb),.13);color:#fff}
.xp-dropdown .dropdown-item>span:last-child{display:grid;gap:2px;min-width:0}.xp-dropdown .dropdown-item strong{font-size:.82rem;font-weight:760}.xp-dropdown .dropdown-item small{color:#74849a;font-size:.68rem;line-height:1.25}.xp-dropdown .dropdown-item:hover small,.xp-dropdown .dropdown-item.active small{color:#9daabd}
.xp-dropdown-icon{display:grid!important;place-items:center!important;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#131b28;color:#8f9db0!important}.xp-dropdown .dropdown-item:hover .xp-dropdown-icon,.xp-dropdown .dropdown-item.active .xp-dropdown-icon{background:rgba(var(--xp-primary-rgb),.10);border-color:rgba(var(--xp-primary-rgb),.17);color:#bdb6ff!important}
.xp-dropdown-danger{color:#ff9aae!important}.xp-dropdown-danger .xp-dropdown-icon{color:#ff879c!important}.xp-dropdown-danger:hover{background:rgba(var(--xp-danger-rgb),.08)!important;border-color:rgba(var(--xp-danger-rgb),.14)!important}.xp-dropdown-danger:hover .xp-dropdown-icon{background:rgba(var(--xp-danger-rgb),.09)!important;border-color:rgba(var(--xp-danger-rgb),.16)!important;color:#ffafbd!important}
.xp-account-dropdown{min-width:250px}

/* ===== Page layout ===== */
.xp-page{padding:42px 24px 70px;animation:xp-page-in .28s ease-out both}
@keyframes xp-page-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.xp-page-narrow{max-width:720px;margin:0 auto}.xp-page-medium{max-width:1060px;margin:0 auto}
.xp-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}
.xp-page-header>div:first-child{position:relative;padding-left:15px}.xp-page-header>div:first-child::before{content:"";position:absolute;left:0;top:3px;bottom:4px;width:3px;border-radius:6px;background:linear-gradient(180deg,var(--xp-primary),rgba(var(--xp-accent-rgb),.75))}
.xp-page-title{margin:0;color:#fff;font-size:clamp(1.78rem,2.4vw,2.38rem);font-weight:840;letter-spacing:-.045em;line-height:1.08}
.xp-page-subtitle{max-width:770px;margin:.52rem 0 0;color:var(--xp-muted);font-size:.92rem;line-height:1.65}

/* ===== Cards ===== */
.xp-card{position:relative;border-radius:var(--xp-radius-lg)!important;background:linear-gradient(180deg,rgba(18,25,37,.97),rgba(14,20,30,.98));border:1px solid var(--xp-border);border-radius:var(--xp-radius-lg);box-shadow:var(--xp-shadow-xs);overflow:hidden}
.xp-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(255,255,255,.075),transparent 97%);pointer-events:none}
.xp-card-body{padding:25px}.xp-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--xp-border-soft);background:rgba(255,255,255,.012)}
.xp-card-title{margin:0;color:#f7f9fc;font-size:1rem;font-weight:780;letter-spacing:-.012em}.xp-card-muted{color:var(--xp-muted);font-size:.84rem;line-height:1.55}
.xp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.xp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

/* Dashboard */
.xp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}
.xp-stat{min-height:156px;padding:22px 22px 20px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.xp-stat:hover{transform:translateY(-3px);border-color:#3a4960;box-shadow:0 18px 38px rgba(0,0,0,.23)}
.xp-stat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.xp-stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(var(--xp-primary-rgb),.10);border:1px solid rgba(var(--xp-primary-rgb),.17);color:#bdb6ff;font-size:.9rem}.xp-stat:nth-child(2) .xp-stat-icon{background:rgba(88,185,255,.09);border-color:rgba(88,185,255,.16);color:#8dd0ff}.xp-stat:nth-child(3) .xp-stat-icon{background:rgba(var(--xp-accent-rgb),.09);border-color:rgba(var(--xp-accent-rgb),.16);color:#79e8d7}.xp-stat:nth-child(4) .xp-stat-icon{background:rgba(248,201,102,.09);border-color:rgba(248,201,102,.16);color:#f8d996}
.xp-stat-label{color:#8fa0b6;font-size:.69rem;font-weight:820;text-transform:uppercase;letter-spacing:.105em}.xp-stat-value{margin-top:16px;color:#fff;font-size:2.25rem;line-height:1;font-weight:860;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.xp-stat-note{margin-top:9px;color:#74859a;font-size:.78rem}

/* ===== Forms ===== */
.form-label{margin-bottom:.48rem;color:#c9d3df;font-size:.79rem;font-weight:730;letter-spacing:.01em}.form-text{color:#78889d!important}
.form-control,.form-select{min-height:46px;padding:.64rem .82rem;background:#0b111b!important;border:1px solid #2b374a!important;border-radius:11px!important;color:#f2f6fa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.012);transition:.18s ease}.form-control:hover,.form-select:hover{border-color:#39485e!important}.form-control:focus,.form-select:focus{background:#0d1420!important;border-color:#7c6cff!important;box-shadow:var(--xp-focus)!important;color:#fff!important}.form-control::placeholder{color:#607087!important}.form-control:disabled,.form-select:disabled{background:#101722!important;color:#6f7e92!important;opacity:.74}.form-select option{background:#101722;color:#f3f6fa}.input-group-text{background:#111925;border-color:#2b374a;color:#8e9db1}
.form-check-input{width:1.05em;height:1.05em;background-color:#0b111b;border-color:#3a485d}.form-check-input:focus{border-color:var(--xp-primary);box-shadow:var(--xp-focus)}.form-check-input:checked{background-color:var(--xp-primary);border-color:var(--xp-primary)}.form-switch .form-check-input{width:2.2em}
.form-check{transition:.16s ease}.form-check:hover{background:rgba(var(--xp-primary-rgb),.055)!important;border-color:rgba(var(--xp-primary-rgb),.13)!important}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.46rem;min-height:40px;padding:.5rem .84rem;border-radius:10px!important;font-size:.86rem;font-weight:730;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--xp-focus)!important}.btn-sm{min-height:34px;padding:.34rem .64rem;border-radius:9px!important;font-size:.77rem}.btn-lg{min-height:48px}
.btn-primary{background:linear-gradient(135deg,#897aff,#6d5cf5)!important;border-color:#7868f8!important;color:#fff!important;box-shadow:0 8px 20px rgba(var(--xp-primary-rgb),.20)}.btn-primary:hover{background:linear-gradient(135deg,#9588ff,#7968fa)!important;box-shadow:0 11px 26px rgba(var(--xp-primary-rgb),.28)}
.btn-success{background:#36c99a!important;border-color:#36c99a!important;color:#061711!important}.btn-warning{background:#edbd59!important;border-color:#edbd59!important;color:#2d2109!important}.btn-danger{background:#ed536d!important;border-color:#ed536d!important;color:#fff!important}
.btn-outline-light{background:rgba(255,255,255,.018)!important;border-color:#35445a!important;color:#d6dfeb!important}.btn-outline-light:hover{background:#182130!important;border-color:#495c75!important;color:#fff!important}
.btn-outline-primary{background:rgba(var(--xp-primary-rgb),.025)!important;border-color:rgba(var(--xp-primary-rgb),.44)!important;color:#bdb6ff!important}.btn-outline-primary:hover{background:rgba(var(--xp-primary-rgb),.11)!important;border-color:#8273ff!important;color:#fff!important}
.btn-outline-info{border-color:rgba(88,185,255,.42)!important;color:#90d0ff!important}.btn-outline-info:hover{background:rgba(88,185,255,.10)!important;border-color:#58b9ff!important;color:#d2ecff!important}
.btn-outline-success{border-color:rgba(61,214,165,.40)!important;color:#79e4c2!important}.btn-outline-success:hover{background:rgba(61,214,165,.09)!important;border-color:#3dd6a5!important;color:#a7efd7!important}
.btn-outline-warning{border-color:rgba(248,201,102,.41)!important;color:#f6d58c!important}.btn-outline-warning:hover{background:rgba(248,201,102,.09)!important;border-color:#f8c966!important;color:#ffe5ad!important}
.btn-outline-danger{background:rgba(var(--xp-danger-rgb),.015)!important;border-color:rgba(var(--xp-danger-rgb),.43)!important;color:#ff93a6!important}.btn-outline-danger:hover{background:rgba(var(--xp-danger-rgb),.10)!important;border-color:#ff627d!important;color:#ffb6c2!important;box-shadow:0 7px 18px rgba(var(--xp-danger-rgb),.10)}
.btn-link{color:#98a7ba}.btn-link:hover{color:#fff}
.xp-delete-btn i,.btn-outline-danger i.fa-trash-can,.btn-danger i.fa-trash-can{font-size:.78rem;line-height:1}

/* ===== Tables ===== */
.xp-table-wrap{overflow:hidden;border:1px solid var(--xp-border);border-radius:14px;background:#0d131d}.table{margin:0;--bs-table-bg:transparent;--bs-table-color:#dce4ee;--bs-table-hover-bg:rgba(var(--xp-primary-rgb),.045);--bs-table-hover-color:#fff;--bs-table-border-color:rgba(52,67,90,.62)}
.table thead th{padding:13px 16px!important;background:#101722!important;border-bottom:1px solid #2a3649!important;color:#8494aa!important;font-size:.69rem!important;font-weight:820!important;text-transform:uppercase;letter-spacing:.085em!important;white-space:nowrap}.table tbody td{padding:14px 16px!important;border-color:rgba(52,67,90,.52)!important;color:#d8e0eb;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table-hover>tbody>tr:hover>*{background:rgba(var(--xp-primary-rgb),.045)!important;color:#fff!important}.table .badge{font-weight:710;letter-spacing:.01em}

/* ===== Badges / notices ===== */
.badge{border-radius:999px!important;padding:.4rem .62rem;font-size:.7rem;font-weight:760}.xp-badge-success{background:rgba(61,214,165,.10);border:1px solid rgba(61,214,165,.21);color:#82e7c7}.xp-badge-muted{background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.16);color:#a9b5c5}
.alert{position:relative;padding:.92rem 1rem;border:1px solid transparent;border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.11)}.alert-success{background:rgba(61,214,165,.075);border-color:rgba(61,214,165,.20);color:#9cebd2}.alert-danger{background:rgba(var(--xp-danger-rgb),.075);border-color:rgba(var(--xp-danger-rgb),.20);color:#ffb0bd}.alert-warning{background:rgba(248,201,102,.075);border-color:rgba(248,201,102,.19);color:#f8dda4}.alert-info{background:rgba(88,185,255,.075);border-color:rgba(88,185,255,.19);color:#b5ddfa}.alert-secondary{background:rgba(148,163,184,.06);border-color:rgba(148,163,184,.15);color:#c4ceda}

/* ===== Modals / accordion ===== */
.modal-backdrop.show{opacity:.74}.modal-content{background:linear-gradient(180deg,#141c28,#0f1621)!important;border:1px solid #2e3b4e!important;border-radius:17px!important;color:#eef3f8;box-shadow:0 28px 80px rgba(0,0,0,.62)!important}.modal-header{border-bottom:1px solid var(--xp-border-soft)!important}.modal-footer{border-top:1px solid var(--xp-border-soft)!important}.modal-title{letter-spacing:-.015em}.btn-close{filter:invert(1) grayscale(1);opacity:.6}.btn-close:hover{opacity:1}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--xp-border)}.accordion-item{overflow:hidden;background:linear-gradient(180deg,#121a26,#0e151f)!important;border:1px solid var(--xp-border)!important;border-radius:15px!important}.accordion-button{min-height:68px;background:#121a26!important;color:#ecf2f8!important;box-shadow:none!important}.accordion-button:not(.collapsed){background:#151f2d!important;color:#fff!important}.accordion-button::after{filter:invert(1) grayscale(1) brightness(1.8);opacity:.7}.accordion-body{border-top:1px solid var(--xp-border-soft);background:#0f1621}
.xp-perm-box{padding:18px;border:1px solid var(--xp-border)!important;border-radius:13px!important;background:#0d141e!important}

/* ===== Authentication ===== */
.xp-auth-page{display:grid;min-height:100vh;place-items:center;padding:30px}.xp-auth-wrap{width:min(100%,440px)}.xp-auth-card{padding:34px 34px 32px;border-radius:22px}.xp-auth-brand{display:flex;justify-content:center;margin-bottom:24px}.xp-auth-logo{max-width:210px;max-height:72px;object-fit:contain}.xp-auth-fallback{display:flex;align-items:center;gap:10px}.xp-auth-title{margin-bottom:.5rem;font-size:1.8rem;font-weight:830;letter-spacing:-.04em}.xp-auth-copy{color:var(--xp-muted);font-size:.9rem}.xp-auth-footer{margin-top:17px;text-align:center;color:#64748a;font-size:.75rem}

/* ===== Client search ===== */
.xp-client-page{min-height:calc(100vh - 74px);padding:34px 18px 60px}.xp-search-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:22px;max-width:1180px;margin:0 auto}.xp-client-hero,.xp-search-card{border-radius:20px!important;border-color:#29364a!important}.xp-client-hero{padding:36px;min-height:500px;background:radial-gradient(circle at 12% 2%,rgba(var(--xp-primary-rgb),.20),transparent 45%),linear-gradient(150deg,#141d2b,#0d141f)!important}.xp-search-card{padding:34px;background:linear-gradient(180deg,#131b28,#0e151f)!important}.xp-client-logo{max-width:220px;max-height:100px;object-fit:contain}.xp-client-note{display:flex;gap:11px;padding:14px;border-radius:12px;background:rgba(var(--xp-primary-rgb),.07)!important;border:1px solid rgba(var(--xp-primary-rgb),.16)!important}.xp-client-note-dot{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:50%;background:var(--xp-accent)}

/* Select2 */
.select2-container--default .select2-selection--single{height:48px!important;background:#0b111b!important;border:1px solid #2b374a!important;border-radius:11px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px!important;color:#f4f7fb!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px!important;right:10px!important}.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--xp-primary)!important;box-shadow:var(--xp-focus)!important}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#708097!important}.select2-dropdown{overflow:hidden;background:#111925!important;border:1px solid #2d394b!important;border-radius:11px!important;box-shadow:var(--xp-shadow)!important}.select2-search--dropdown .select2-search__field{background:#0b111b!important;border:1px solid #2d394b!important;border-radius:8px!important;color:#fff!important}.select2-results__option{padding:10px 14px!important;color:#cbd5e1!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:rgba(var(--xp-primary-rgb),.85)!important;color:#fff!important}

/* ===== Mail / code result ===== */
.xp-result{display:none;margin-top:18px;padding:17px;border:1px solid transparent;border-radius:13px;font-weight:680}.xp-result.success{display:block;background:rgba(61,214,165,.075);border-color:rgba(61,214,165,.21);color:#a0ecd5}.xp-result.error{display:block;background:rgba(var(--xp-danger-rgb),.075);border-color:rgba(var(--xp-danger-rgb),.21);color:#ffadbb}.xp-result.loading{display:block;background:rgba(var(--xp-primary-rgb),.075);border-color:rgba(var(--xp-primary-rgb),.21);color:#ccc7ff}.xp-code-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:14px;background:#0a1018;border:1px solid var(--xp-border-soft);border-radius:12px}.xp-code-caption{display:block;margin-bottom:5px;color:#7b8ba0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.xp-code-value{color:#fff;font-size:clamp(2.2rem,9vw,3.8rem);font-weight:900;line-height:1;letter-spacing:.18em;font-variant-numeric:tabular-nums}.xp-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.xp-result-meta-item,.xp-mail-header-card,.xp-primary-link-box{background:#0b121b;border:1px solid var(--xp-border-soft);border-radius:11px}.xp-result-meta-item{padding:10px 12px}.xp-result-meta-item span{display:block;color:#77879b;font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.xp-result-meta-item strong{display:block;margin-top:3px;color:#edf3f8;font-size:.9rem}.xp-primary-link-box{margin-top:15px;padding:14px}.xp-primary-link-title{margin-bottom:10px;color:#bdb6ff;font-size:.72rem;font-weight:820;text-transform:uppercase;letter-spacing:.08em}.xp-mail-frame{display:block;width:100%;height:560px;border:1px solid #d7dde6;border-radius:12px;background:#fff}.xp-message-content{max-height:320px;overflow:auto;margin-top:13px;padding:14px;white-space:pre-wrap;word-break:break-word;background:#080e15;border:1px solid var(--xp-border-soft);border-radius:11px;color:#ccd6e2;font:500 .84rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}

/* ===== Misc ===== */
.xp-logo-preview{display:grid;place-items:center;min-height:190px;padding:25px;background:radial-gradient(circle at center,rgba(var(--xp-primary-rgb),.065),transparent 65%),#0b111a;border:1px dashed #3a485d;border-radius:14px}.xp-logo-preview img{max-width:100%;max-height:125px;object-fit:contain}.xp-file-name{margin-top:8px;color:#98a6b8;font-size:.8rem}.xp-section-label{margin-bottom:12px;color:#8292a7!important;font-size:.7rem!important;font-weight:820!important;text-transform:uppercase;letter-spacing:.09em!important}.xp-list-clean{margin:0;padding:0;list-style:none}.xp-list-clean li{padding:13px 0;border-bottom:1px solid var(--xp-border-soft)}.xp-list-clean li:last-child{border-bottom:0}.xp-connection-result{min-height:20px;margin-top:10px;font-size:.8rem}.xp-connection-result.success{color:#7ee4c4}.xp-connection-result.error{color:#ff9dae}.xp-break{overflow-wrap:anywhere}.xp-actions,.xp-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.xp-toolbar .form-control{min-width:240px}

/* Icon helpers injected by app.js */
.xp-action-icon{font-size:.82em;opacity:.94}.xp-icon-only{width:36px;padding-left:0!important;padding-right:0!important}.xp-icon-only .xp-action-icon{font-size:.84rem}

/* SweetAlert2 — unified destructive confirmations */
.swal2-container{z-index:20000!important}.xp-swal-popup{padding:1.45rem 1.45rem 1.3rem!important;background:linear-gradient(180deg,#171f2c,#101720)!important;border:1px solid #334157!important;border-radius:18px!important;box-shadow:0 30px 90px rgba(0,0,0,.62)!important}.xp-swal-title{padding-top:.25rem!important;color:#f7f9fc!important;font-size:1.32rem!important;font-weight:820!important;letter-spacing:-.025em!important}.xp-swal-html{margin-top:.4rem!important;color:#9eacbd!important;font-size:.9rem!important;line-height:1.55!important}.xp-swal-confirm,.xp-swal-cancel{min-height:40px!important;padding:.52rem .92rem!important;border:0!important;border-radius:10px!important;font-weight:750!important}.xp-swal-confirm{background:#eb536d!important;color:#fff!important;box-shadow:0 8px 20px rgba(var(--xp-danger-rgb),.20)!important}.xp-swal-confirm:hover{background:#f06078!important}.xp-swal-cancel{background:#202b3b!important;color:#dce4ee!important}.xp-swal-cancel:hover{background:#29364a!important}.swal2-icon.swal2-warning{border-color:#f2c76d!important;color:#f2c76d!important}

/* Neutralize inconsistent legacy inline values */
[style*="background: #1e1e2d"],[style*="background-color: #1e1e2d"],[style*="background: #111b2b"],[style*="background-color: #111b2b"]{background-color:var(--xp-surface)!important}
[style*="background: #161622"],[style*="background-color: #161622"],[style*="background: #0e1725"],[style*="background-color: #0e1725"]{background-color:var(--xp-surface-soft)!important}
[style*="color: #d0dae7"],[style*="color: #e8eef6"],[style*="color: #e2e8f0"],[style*="color: #cbd5e1"]{color:var(--xp-text-2)!important}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:#35445a #0a0f17}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0f17}::-webkit-scrollbar-thumb{background:#35445a;border:2px solid #0a0f17;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#465871}

@media(max-width:1399.98px){.xp-nav-links>.nav-item>.nav-link{padding:.54rem .62rem;font-size:.79rem}.xp-brand-logo{max-width:146px}.xp-user-menu{min-width:132px!important}}
@media(max-width:1199.98px){.xp-navbar{min-height:68px}.xp-navbar .navbar-collapse{margin-top:10px;padding:12px 0 13px;border-top:1px solid var(--xp-border-soft)}.xp-nav-links{align-items:stretch!important;gap:5px}.xp-nav-links>.nav-item>.nav-link{min-height:43px;padding:.72rem .78rem;font-size:.87rem}.xp-nav-links>.nav-item>.nav-link.active::after{display:none}.xp-nav-icon-item,.xp-account-item{margin-left:0!important;padding-left:0;border-left:0}.xp-nav-icon-link{width:100%;justify-content:flex-start!important;padding:.72rem .78rem!important}.xp-nav-icon-link>span{display:inline}.xp-account-item{margin-top:5px;padding-top:7px;border-top:1px solid var(--xp-border-soft)}.xp-user-menu{width:100%;min-width:0!important}.xp-user-copy strong{max-width:none}.xp-dropdown{width:100%;margin-top:5px!important}.xp-nav-dropdown{min-width:100%}.xp-client-page{min-height:calc(100vh - 68px)}}
@media(max-width:991.98px){.xp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-grid-2{grid-template-columns:1fr}.xp-search-layout{grid-template-columns:1fr;max-width:700px}.xp-page-header{align-items:flex-start;flex-direction:column}.xp-toolbar{width:100%}.xp-toolbar .form-control{flex:1}.xp-client-hero{min-height:auto}}
@media(max-width:575.98px){body{font-size:14px}.xp-page{padding:29px 13px 48px}.xp-page-header>div:first-child{padding-left:12px}.xp-card{border-radius:16px}.xp-card-body,.xp-card-header{padding:18px}.xp-stat-grid,.xp-grid-2,.xp-grid-3{grid-template-columns:1fr}.xp-stat{min-height:136px}.xp-stat-value{font-size:2rem}.xp-auth-page{padding:17px}.xp-auth-card{padding:28px 21px}.xp-client-page{padding:20px 12px 38px}.xp-client-hero,.xp-search-card{padding:24px}.xp-brand-logo{max-width:135px;max-height:35px}.table tbody td,.table thead th{padding:12px 13px!important}.xp-actions .btn{width:100%}.xp-result-meta{grid-template-columns:1fr}.xp-code-wrap{align-items:flex-start;flex-direction:column}}

/* Extra contrast for legacy inline helper text */
[style*="color: #8190a6"]{color:#92a2b7!important}
[style*="color: #a7b4c8"]{color:#aeb9c8!important}