/* Shared platform chrome. SVG artwork is owned by this project. */
:root { --platform-accent:#5ce1c0; --platform-panel:#151e2e; --platform-line:#28364b; }
.visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-account-control { display:grid; position:relative; gap:3px; min-width:126px; font-size:13px; }
.site-account-control select { width:100%; min-height:25px; padding:0 18px 0 0; border:0; background:transparent; color:var(--platform-accent); font-family:inherit; font-weight:600; font-size:11px; line-height:1.4; cursor:pointer; color-scheme:dark; }
.site-account-control select option { background:#151e2e; color:#edf3fa; }
.site-account-control strong { font-variant-numeric:tabular-nums; color:#f5f8ff; font-size:16px; line-height:1.3; }
.site-account-control select:disabled { opacity:.6; cursor:progress; }
.site-account-status:not(:empty) { position:absolute; top:100%; inset-inline-end:0; z-index:200; width:220px; padding:10px 12px; border:1px solid var(--platform-line); border-radius:10px; background:#111b2c; color:#f1f5f9; font-size:12px; box-shadow:0 8px 24px #0005; }
:where(.admin-shell,.qx-account-shell) :is(a,button,input,select,summary,textarea):focus-visible { outline:2px solid var(--platform-accent); outline-offset:3px; }
.qx-account-shell .qx-cabinet-topbar { background:#101827; border-bottom:1px solid var(--platform-line); }
.qx-account-shell .qx-cabinet-rail { background:#101827; border-inline-end:1px solid var(--platform-line); }
.qx-account-shell .qx-cabinet-primary a.active { color:var(--platform-accent); background:#5ce1c015; }
.qx-account-shell .panel { border-color:var(--platform-line); border-radius:16px; }
.qx-account-shell .qx-cabinet-topbar__account { gap:18px; }
.qx-account-shell .brand-mark { background:#173c43; }
.brand-mark svg { width:28px; height:28px; }
.brand-logo-img { object-fit:contain; }
.admin-shell { --admin-side:260px; background:#0c1320; }
.admin-shell .admin-sidebar { width:var(--admin-side); background:#101827; border-color:var(--platform-line); box-shadow:none; }
.admin-shell .admin-logo { min-height:90px; }
.admin-shell .admin-sidebar nav { gap:5px; padding:10px 14px 18px; }
.admin-shell .admin-sidebar nav a { min-height:43px; height:auto; padding:11px 12px; border-radius:10px; color:#aebed1; }
.admin-shell .admin-sidebar nav a:hover { transform:none; color:#fff; background:#1b293d; }
.admin-shell .admin-sidebar nav a.active { background:#143a3e; color:#a3f1db; box-shadow:inset 3px 0 0 var(--platform-accent); }
.admin-shell .admin-sidebar nav a.active .icon { color:var(--platform-accent); filter:none; }
.admin-shell .admin-sidebar nav a[hidden], .admin-search-empty[hidden] { display:none !important; }
.admin-nav-search { display:flex; align-items:center; gap:9px; margin:16px 16px 4px; padding:0 11px; min-height:40px; border:1px solid var(--platform-line); border-radius:10px; color:#91a3bd; }
.admin-nav-search input { width:100%; min-width:0; padding:9px 0; background:transparent; color:#e7eefb; border:0; outline:0; font-family:inherit; font-size:12px; }
.admin-nav-search:focus-within { border-color:var(--platform-accent); }
.admin-search-empty { padding:10px; color:#aebed1; font-size:12px; }
.admin-shell .admin-topbar { gap:18px; border-bottom:1px solid var(--platform-line); padding-bottom:22px; margin-bottom:24px; }
.admin-shell .admin-topbar h1 { font-size:clamp(22px,2.8vw,32px); letter-spacing:-.7px; }
.admin-shell .admin-card { border:1px solid var(--platform-line); border-radius:16px; background:var(--platform-panel); box-shadow:0 12px 30px #03091420; }
.admin-shell .admin-card-head { padding:20px; border-color:var(--platform-line); }
.admin-shell .metric-card { border-radius:14px; border-color:var(--platform-line); background:var(--platform-panel); }
.admin-shell .button { border-radius:9px; min-height:36px; }
.admin-shell .button--primary { background:#5ce1c0; color:#082b25; border-color:#5ce1c0; }
.admin-shell .field :is(input,select,textarea) { border-radius:9px; border-color:#34425a; }
.admin-shell .admin-main { min-width:0; }
.admin-shell .table-scroll { overflow:auto; max-width:100%; overscroll-behavior-inline:contain; }
.admin-shell td, .admin-shell th { vertical-align:middle; }
.admin-shell .admin-user small { color:#98aec9; }
.platform-not-found { width:min(560px,calc(100% - 32px)); margin:12vh auto; padding:40px; border:1px solid var(--platform-line); border-radius:20px; background:var(--platform-panel); text-align:center; }
.platform-not-found .error-number { color:var(--platform-accent); font-size:64px; font-weight:800; line-height:1; margin:24px 0; }
.platform-not-found .error-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:24px; }
@media(max-width:900px) {
 .admin-shell .admin-topbar { align-items:center; flex-wrap:wrap; gap:12px; }
 .admin-shell .admin-topbar-actions { margin-inline-start:auto; gap:8px; }
 .admin-shell .admin-topbar-actions .button { font-size:12px; padding-inline:10px; }
 
 .admin-shell .admin-card { overflow:hidden; }
 .admin-shell .admin-card-head { padding:16px; }
 .admin-shell .admin-card-head--filters { flex-wrap:wrap; gap:12px; }
 .admin-shell .filter-pills { max-width:100%; overflow:auto; }
}
@media(max-width:900px) {
 .qx-account-shell .qx-cabinet-rail, .qx-account-shell .mobile-nav { display:none !important; }
 .qx-account-shell .qx-cabinet-mobile { display:flex !important; justify-content:space-around; padding-bottom:env(safe-area-inset-bottom); }
 .qx-account-shell { padding-bottom:calc(74px + env(safe-area-inset-bottom)); }
 .qx-account-shell .qx-cabinet-topbar { padding-inline:12px; gap:10px; }
 .qx-account-shell .qx-cabinet-topbar__account { gap:10px; }
 .qx-account-shell .qx-cabinet-topbar__brand>.brand .brand-word { display:none; }
 .qx-account-shell .qx-cabinet-topbar__brand>span:not(.brand) { display:none; }
 .site-account-control { min-width:104px; }
 .site-account-control strong { font-size:14px; }
 .site-account-control select { font-size:10px; }
 .qx-account-shell .qx-cabinet-deposit { font-size:12px; padding:9px 10px; }
 .qx-account-shell .qx-cabinet-user { display:none; }
 .admin-shell .admin-main { padding:18px 12px 32px; }
}
@media(min-width:901px) { .qx-account-shell .qx-cabinet-mobile { display:none !important; } }
html[dir="rtl"] .admin-shell .admin-sidebar { left:auto; right:0; border-right:0; border-left:1px solid var(--platform-line); }
html[dir="rtl"] .admin-shell .admin-main { margin-left:0; margin-right:var(--admin-side); }
html[dir="rtl"] .admin-shell .admin-sidebar nav a.active { box-shadow:inset -3px 0 0 var(--platform-accent); }
@media(max-width:840px) {
 html[dir="rtl"] .admin-shell .admin-sidebar { transform:translateX(100%); }
 html[dir="rtl"] .admin-shell.admin-nav-open .admin-sidebar { transform:translateX(0); }
 html[dir="rtl"] .admin-shell .admin-main { margin-right:0; }
}
@media(prefers-reduced-motion:reduce) { .admin-shell *, .qx-account-shell * { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }

@media(max-width:840px) { .admin-shell .admin-sidebar { width:min(290px,86vw); } }