@font-face { font-family: 'Nunito Local'; src: url('../fonts/nunito-400.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Nunito Local'; src: url('../fonts/nunito-600.ttf') format('truetype'); font-style: normal; font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Nunito Local'; src: url('../fonts/nunito-700.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Nunito Local'; src: url('../fonts/nunito-800.ttf') format('truetype'); font-style: normal; font-weight: 800 900; font-display: swap; }
:root {
    --bg: #f2f5fa;
    --card-bg: #ffffff;
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --primary-light: #e8f1ff;
    --text-main: #101828;
    --text-sub: #8a94a6;
    --border: #dfe4ea;
    --shadow-sm: 0 1px 3px rgba(16,24,40,0.04), 0 1px 2px rgba(16,24,40,0.03);
    --shadow-md: 0 4px 14px rgba(16,24,40,0.07);
    --radius-lg: 20px;
    --radius-md: 14px;
  }
  .admin-payout-settings-list { display:grid; gap:8px; margin:12px 0 15px; }
  .admin-payout-setting { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:54px; padding:10px 13px; border:1px solid var(--border); border-radius:15px; background:var(--card-bg); cursor:pointer; }
  .admin-payout-setting > span { display:grid; gap:3px; }
  .admin-payout-setting strong { color:var(--text-main); font-size:11px; }
  .admin-payout-setting small { color:var(--text-sub); font-size:9px; line-height:1.4; }
  .admin-payout-setting input { appearance:none; position:relative; width:42px; height:24px; flex:0 0 42px; border:0; border-radius:999px; background:#cbd5e1; cursor:pointer; transition:background .2s ease; }
  .admin-payout-setting input::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 4px #0003; transition:transform .2s ease; }
  .admin-payout-setting input:checked { background:#21a775; }
  .admin-payout-setting input:checked::after { transform:translateX(18px); }
  .admin-payout-minimums { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
  body.dark .admin-payout-setting { background:#202e43; }
  @media (max-width:620px) { .admin-payout-minimums { grid-template-columns:1fr; } }
  @media (max-width:380px) { .payout-provider-picker { gap:5px; } .payout-provider-option { gap:4px; min-height:44px; padding:5px 16px 5px 5px; border-radius:13px; font-size:8px; } .payout-provider-option img { width:23px; height:23px; flex-basis:23px; border-radius:7px; } .payout-provider-option i { top:5px; right:4px; font-size:11px; } }

  body.dark {
    --bg: #101010;
    --card-bg: #1b1b1b;
    --text-main: #f2f2f2;
    --text-sub: #a8a8a8;
    --border: #303030;
    --primary-light: #242424;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.2);
  }
  html.theme-dark-pending body { background:#070707; color:#f2f2f2; }

  * { box-sizing: border-box; margin:0; padding:0; -webkit-tap-highlight-color: transparent; }

  html, body {
    height: 100%;
    min-height: 100%;
    overscroll-behavior: none;
  }

  .network-warning {
    position: fixed;
    top: max(12px, env(safe-area-inset-top));
    left: 50%;
    z-index: 20000;
    display: flex;
    align-items: center;
    gap: 11px;
    width: min(calc(100vw - 24px), 520px);
    padding: 12px 15px;
    border: 1px solid #f1aeb5;
    border-radius: 14px;
    background: #fff5f5;
    color: #842029;
    box-shadow: 0 10px 30px rgba(65, 20, 25, .2);
    transform: translateX(-50%);
  }
  .network-warning[hidden] { display: none; }
  .network-warning-icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: #ffe1e3; color: #c22f3b; }
  .network-warning-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .network-warning-copy { display: grid; gap: 2px; min-width: 0; }
  .network-warning-copy strong { font-size: 13px; font-weight: 900; }
  .network-warning-message { color: #71383d; font-size: 11px; font-weight: 650; line-height: 1.4; }
  body.dark .network-warning { border-color: #743840; background: #29191b; color: #ffd9dc; }
  body.dark .network-warning-icon { background: #4a252a; color: #ff858e; }
  body.dark .network-warning-message { color: #e6b9bd; }

  .bi { font-family: "bootstrap-icons" !important; font-style: normal; font-weight: normal; line-height: 1; }
  body {
    font-family: 'Nunito Local', 'Nunito', 'Arial Rounded MT Bold', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: .005em;
    background: var(--bg);
    color: var(--text-main);
    height: 100vh;
    min-height: 100vh;
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    transition: background-color .35s ease, color .35s ease;
  }

  /* ================= LOADING SCREEN ================= */
  #loading-screen {
    position: fixed;
    inset: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
  }

  #loading-screen.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .spinner-wrap {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .spinner-ring {
    display: none;
  }

  .spinner-logo {
    width: 62px;
    height: 62px;
    object-fit: contain;
    filter: drop-shadow(0 5px 10px rgba(59,130,246,0.2));
    animation: pulse 1.8s ease-in-out infinite;
  }

  @keyframes spin { to { transform: rotate(360deg); } }
  @keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }

  .loading-text {
    display: none;
  }

  .loading-text span {
    display: inline-block;
    animation: blink 1.4s infinite;
  }
  .loading-text span:nth-child(2) { animation-delay: 0.2s; }
  .loading-text span:nth-child(3) { animation-delay: 0.4s; }

  @keyframes blink {
    0%, 80%, 100% { opacity: 0.2; }
    40% { opacity: 1; }
  }

  /* ================= APP LAYOUT ================= */
  #app {
    height: 100vh;
    min-height: 100vh;
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    position: relative;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }

  #app.show { opacity: 1; transform: translateY(0); }

  header.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    position: relative;
    z-index: 5;
  }

  header.topbar .brand {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: -0.2px;
  }

  header.topbar .brand img {
    width: 30px;
    height: 30px;
    object-fit: contain;
  }

  .top-actions { display: flex; align-items: center; gap: 7px; }
  .wallet-top-balance { min-height: 34px; border: 0; border-radius: 17px; padding: 0 10px; background: #e8faf0; color: #0b9b68; cursor: pointer; font: inherit; font-size: 10px; font-weight: 800; white-space: nowrap; }
  .wallet-top-balance:active { transform: scale(.95); }

  header.topbar .top-icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef0f3;
    color: #5a6270;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    transition: transform 0.15s ease, background 0.2s ease;
  }

  header.topbar .top-icon:hover { background: #e2e4e8; }
  body.dark header.topbar { background: rgba(24, 35, 52, .96); border-color: #2a384d; }
  body.dark header.topbar .top-icon:hover { background: #29466f; }
  header.topbar .top-icon:active { transform: scale(0.88); }

  header.topbar .top-icon svg {
    width: 18px;
    height: 18px;
  }

  header.topbar .top-icon .dot {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 8px;
    height: 8px;
    background: #ff4d4f;
    border: 2px solid #fff;
    border-radius: 50%;
  }
  .theme-icon-moon { display: none; }
  body.dark .theme-icon-sun { display: none; }
  body.dark .theme-icon-moon { display: block; }
  .theme-swap .theme-icon-sun,
  .theme-swap .theme-icon-moon { animation: themeSwap .45s ease; }
  @keyframes themeSwap { 50% { transform: rotate(180deg) scale(.65); opacity: .25; } }
  body.dark .top-icon .dot { border-color: #182334; }
  body.dark nav.bottom-menu { background: rgba(27, 38, 56, .97); border-color: #2a384d; }
  body.dark .stats-card, body.dark .admin-notice { background: #1b2638; border-color: #2a384d; }
  body.dark .stats-card-head { background: linear-gradient(135deg, #1a3765, #245da8); }
  body.dark .stats-overview-item { background: #202e43; border-color: #33445c; }
  body.dark .stats-chart { background: #172235; border-color: #2a384d; }
  body.dark .stats-filter select, body.dark .stats-range button { background: #202e43; border-color: #33445c; color: var(--text-main); }
  body.dark .support-chat { background: #1b2638; border-color: #33445c; }
  body.dark .support-chat-head strong { color:#e2edfc; }
  body.dark .support-chat-logo { border-color:#344b69; }
  body.dark .support-chat-row input { background: #202e43; border-color: #33445c; color: #fff; }
  body.dark .support-retry { border-color:#405a7a; background:#202e43; color:#b9d7fb; }

  @keyframes bellRing {
    0%, 100% { transform: rotate(0); }
    15% { transform: rotate(14deg); }
    30% { transform: rotate(-12deg); }
    45% { transform: rotate(9deg); }
    60% { transform: rotate(-6deg); }
    75% { transform: rotate(3deg); }
  }

  .top-icon.ring svg { animation: bellRing 0.6s ease; transform-origin: top center; }

  main {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 18px 18px 24px;
    -webkit-overflow-scrolling: touch;
  }
  @media (min-width: 768px) {
    html, body, main { scrollbar-width: none; }
    html::-webkit-scrollbar, body::-webkit-scrollbar, main::-webkit-scrollbar { width: 0; height: 0; display: none; }
  }

  .page { display: none; }
  .page.active { display: block; animation: fadeIn 0.4s ease; }
  .auth-only-hidden { display: none !important; }
  .auth-qr-scan-hidden { display: none !important; }
  .auth-qr-scan-visible { display: flex !important; }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .page h2 {
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.3px;
    margin-bottom: 4px;
  }

  .page p.sub {
    color: var(--text-sub);
    font-size: 14px;
    margin-bottom: 20px;
  }
  .page p.home-welcome { display:flex; align-items:center; gap:7px; }
  .home-welcome .logo-loading { width:22px; height:22px; flex:0 0 22px; }

  .section-title {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--text-main);
    margin: 22px 0 12px;
  }

  /* --- List cards --- */
  .card {
    background: var(--card-bg);
    color: var(--text-main);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    padding: 15px 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  }

  .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
  .card:active { transform: translateY(0) scale(0.985); }

  .stats-card {
    display: block;
    position: relative;
    padding: 10px;
    cursor: default;
    overflow: hidden;
    border-color: #e1eaf5;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(31, 72, 122, 0.13);
  }

  .stats-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 4px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #206bea, #54b8ff);
  }

  .stats-card:hover { transform: none; }

  .stats-card-head,
  .stats-card-title,
  .stats-total,
  .stats-legend,
  .stats-legend-item,
  .stats-filter,
  .stats-range {
    display: flex;
    align-items: center;
  }

  .stats-card-head { justify-content: space-between; gap: 10px; padding: 16px 14px; border-radius: 17px; background: linear-gradient(135deg, #16458f 0%, #2379e9 58%, #36a4ee 100%); }
  .stats-card-head-title { font-weight: 800; }
  .stats-card-title { gap: 10px; }
  .stats-card-title .icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: transparent;
    color: #fff;
    box-shadow: none;
  }
  .stats-avatar { width: 44px; height: 44px; border: 3px solid rgba(255,255,255,.92); border-radius: 14px; object-fit: cover; background: #fff; box-shadow: 0 4px 10px rgba(10, 48, 105, .25); }
  .stats-font-icon { font-size: 22px; line-height: 1; }
  .stats-card-title .bg-green { background: linear-gradient(145deg, #52d59c, #14a873); }
  .stats-card-title h4 { color: #fff; font-size: 16px; margin: 0 0 3px; }
  .stats-card-title p { color: rgba(255,255,255,.72); font-size: 11.5px; }

  .stats-total { gap: 4px; flex-direction: column; align-items: flex-end; }
  .stats-total strong { font-size: 20px; line-height: 1; color: #fff; }
  .stats-total span { color: #b9f7dc; font-size: 10.5px; font-weight: 800; }

  .stats-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 10px 0 2px; }
  .stats-overview-item { min-width: 0; padding: 10px 8px; border: 1px solid #e6edf6; border-radius: 13px; background: #f7faff; }
  .stats-overview-item:nth-child(1) { background: #f0f7ff; border-color: #dceaff; }
  .stats-overview-item:nth-child(2) { background: #fff9ed; border-color: #f8eac8; }
  .stats-overview-item:nth-child(3) { background: #effbf6; border-color: #d8f2e6; }
  .stats-overview-item span { display: block; color: #91a0b3; font-size: 9.5px; white-space: nowrap; }
  .stats-overview-item strong { display: block; margin-top: 4px; color: var(--text-main); font-size: 13px; }
  .stats-overview-item strong.positive { color: #0aa873; }

  .stats-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 17px 0 10px; }
  .stats-controls, .stats-range { position: relative; z-index: 3; }
  .stats-filter { display: block; min-width: 0; }
  .stats-filter label { display: block; color: var(--text-sub); font-size: 10.5px; font-weight: 700; margin-bottom: 5px; }
  .stats-filter select {
    width: 100%;
    border: 1px solid #e5eaf2;
    border-radius: 10px;
    background: rgba(255,255,255,.82);
    color: var(--text-main);
    font: inherit;
    font-size: 11.5px;
    font-weight: 700;
    padding: 8px 24px 8px 9px;
    outline: none;
  }

  .stats-chart-caption { display: flex; align-items: center; justify-content: space-between; margin: 12px 3px 6px; color: #7e8ca0; font-size: 10px; font-weight: 700; }
  .stats-chart-caption strong { color: var(--text-main); font-size: 11px; }
  .stats-chart { width: 100%; height: 152px; display: block; padding: 7px 4px 2px; border: 1px solid #e3edf9; border-radius: 16px; background: #f9fbff; }
  .stats-axis-label { fill: #8b98aa; font-size: 8px; font-weight: 700; }
  .stats-axis-title { fill: #64748b; font-size: 8px; font-weight: 800; }
  .stats-grid-line { stroke: #edf1f6; stroke-width: 1; }
  .stats-line { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
  .stats-line-day { stroke: #3b82f6; }
  .stats-line-month { stroke: #f59e0b; }
  .stats-line-year { stroke: #10b981; }
  .stats-point { stroke: #fff; stroke-width: 2; }
  .stats-point-day { fill: #3b82f6; }
  .stats-point-month { fill: #f59e0b; }
  .stats-point-year { fill: #10b981; }
  .stats-label { fill: #98a2b3; font-size: 9px; }
  .stats-bars { display: none; }
  .stats-chart.bar-mode .stats-line,
  .stats-chart.bar-mode #stats-points-day { display: none; }
  .stats-chart.bar-mode .stats-bars { display: block; }
  .stats-bar-day { fill: #3b82f6; opacity: .88; }
  .stats-bar-month { fill: #f59e0b; opacity: .88; }
  .stats-bar-year { fill: #10b981; opacity: .88; }

  .stats-legend { justify-content: space-between; gap: 6px; margin-top: 9px; padding: 0 3px; }
  .stats-legend-item { gap: 5px; color: var(--text-sub); font-size: 10.5px; }
  .stats-legend-item i { width: 16px; height: 3px; border-radius: 3px; display: block; }
  .legend-day { background: #3b82f6; }
  .legend-month { background: #f59e0b; }
  .legend-year { background: #10b981; }

  .stats-range { gap: 5px; margin-top: 13px; }
  .stats-range button {
    flex: 1;
    border: 1px solid #e7ebf2;
    border-radius: 8px;
    background: #fff;
    color: var(--text-sub);
    cursor: pointer;
    font: inherit;
    font-size: 10.5px;
    padding: 7px 4px;
  }
  .stats-range button.active {
    background: var(--primary-light);
    border-color: #cfe0ff;
    color: var(--primary);
    font-weight: 700;
  }

  .vip-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #f2d58c;
    border-radius: 18px;
    background: linear-gradient(120deg, #fff8df, #fffdf4 56%, #fff3c4);
    box-shadow: 0 7px 18px rgba(180, 126, 24, .12);
  }
  .vip-card::after {
    content: 'VIP';
    position: absolute;
    right: -13px;
    bottom: -20px;
    color: rgba(214, 158, 35, .13);
    font-size: 74px;
    font-weight: 900;
    line-height: 1;
  }
  .vip-logo {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    border: 3px solid #f5c84c;
    border-radius: 16px;
    object-fit: cover;
    background: #fff;
  }
  .vip-avatar-wrap { position: relative; flex-shrink: 0; }
  .vip-corner-badge { position: absolute; right: -7px; bottom: -6px; min-width: 30px; height: 21px; padding: 0 4px; display: grid; place-items: center; border: 2px solid #fff8df; border-radius: 7px; background: #f3bd32; color: #674500; font-size: 8px; font-weight: 900; box-shadow: 0 3px 7px rgba(112, 77, 8, .18); }
  .vip-info { min-width: 0; position: relative; z-index: 1; }
  .vip-label { display: flex; align-items: center; gap: 4px; color: #b17808; font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }
  .vip-label i { font-size: 13px; }
  .vip-info h4 { margin: 3px 0 4px; color: #6f4a05; font-size: 15px; }
  .vip-info p { color: #987629; font-size: 11.5px; }
  .vip-status { position: relative; z-index: 1; margin-left: auto; align-self: flex-start; padding: 5px 8px; border-radius: 20px; background: #f6ca4f; color: #6a4700; font-size: 10px; font-weight: 800; white-space: nowrap; }
  .vip-status.vip-free { background: #e8edf3; color: #687587; }
  .vip-status.vip-expired { background: #ffe1e1; color: #bd3d3d; }
  .admin-notice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    padding: 11px 13px;
    border: 1px solid #e4eaf3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(33, 53, 85, .06);
  }
  .admin-avatar { width: 38px; height: 38px; border: 2px solid #dce8fb; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
  .admin-copy { min-width: 0; }
  .admin-name-line { display:flex; align-items:center; gap:4px; min-width:0; }
  .admin-copy strong { display:block; min-width:0; color:var(--text-main); font-size:12.5px; }
  .admin-verified-icon { display:grid; width:14px; height:14px; flex:0 0 14px; place-items:center; color:var(--accent,#1877f2); }
  .admin-verified-icon svg { display:block; width:14px; height:14px; overflow:visible; filter:drop-shadow(0 1px 1px rgba(24,119,242,.22)); }
  .admin-verified-shape { fill:currentColor; }
  .admin-copy > #home-admin-notice-message { max-height: 280px; overflow: auto; margin-top: 3px; color: var(--text-sub); font-size: 11.2px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
  .admin-badge { margin-left: auto; padding: 4px 7px; border-radius: 8px; background: #e8f1ff; color: #2f7bf6; font-size: 9.5px; font-weight: 800; white-space: nowrap; }
  .admin-actions { display: flex; width: 100%; gap: 20px; padding-top: 9px; border-top: 1px solid var(--border); }
  .admin-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    border-radius: 999px;
    padding: 6px;
    background: transparent;
    color: #3d4451;
    cursor: pointer;
    font: inherit;
    font-size: 10.5px;
    font-weight: 700;
  }
  .admin-action svg { width: 22px; height: 22px; }
  .admin-action:active { transform: scale(.9); }
  .admin-action:hover { background: rgba(0,0,0,.05); }
  body.dark .admin-action:hover { background: rgba(255,255,255,.08); }
  .admin-action.like.active { color: #ed4956; }
  .admin-action.like.active svg { fill: currentColor; }
  .admin-action.like.pop svg { animation: heartPop .42s ease; }
  .admin-action b { color: var(--text-sub); font-weight: 700; }
  @keyframes heartPop { 50% { transform: scale(1.45); } }
  .admin-comment-box { display: none; width: 100%; gap: 6px; padding-top: 8px; }
  .admin-comment-box.show { display: flex; }
  .admin-comment-box input { flex: 1; min-width: 0; border: 1px solid #e4eaf3; border-radius: 9px; padding: 7px 9px; outline: none; font: inherit; font-size: 11px; }
  .admin-comment-box button { border: 0; border-radius: 9px; padding: 0 10px; background: #3b82f6; color: #fff; font: inherit; font-size: 10px; font-weight: 700; }
  .action-toast { position:fixed; top:max(10px, env(safe-area-inset-top)); left:50%; z-index:60; display:flex; align-items:center; gap:0; width:42px; height:42px; min-height:42px; padding:5px; overflow:hidden; border:1px solid rgba(255,255,255,.8); border-radius:999px; background:rgba(255,255,255,.97); color:#183252; box-shadow:0 8px 22px rgba(26,54,91,.18); font-size:10px; font-weight:750; opacity:0; pointer-events:none; transform:translate3d(-50%, -135%, 0); transition:width .42s cubic-bezier(.2,.85,.2,1), height .3s ease, border-radius .3s ease, opacity .22s ease, transform .36s cubic-bezier(.2,.8,.2,1), border-color .2s ease; }
  .action-toast.show { opacity:1; transform:translate3d(-50%, 0, 0); }
  .action-toast.expanded { width:min(calc(100vw - 32px), 350px); height:54px; min-height:54px; border-radius:17px; }
  .action-toast.success { border-color:#a9e7cd; }
  .action-toast.error { border-color:#ffc4cd; color:#a92f42; }
  .action-toast-avatar { width:32px; height:32px; flex:0 0 32px; border-radius:50%; object-fit:cover; box-shadow:0 2px 7px rgba(72,122,181,.18); transform:translateX(-1px) scale(.9); transition:transform .4s cubic-bezier(.2,.8,.2,1); }
  .action-toast.show .action-toast-avatar { transform:translateX(0) scale(1); }
  .action-toast-copy { min-width:0; max-width:0; margin-left:0; overflow:hidden; opacity:0; text-overflow:ellipsis; white-space:nowrap; transition:max-width .36s ease .2s, margin-left .36s ease .2s, opacity .2s ease .25s; }
  .action-toast.expanded .action-toast-copy { max-width:calc(100% - 40px); margin-left:7px; opacity:1; }
  .support-fab { position: absolute; right: 16px; bottom: 86px; z-index: 10; display: flex; align-items: center; gap: 6px; height: 42px; padding: 0 12px 0 9px; border: 0; border-radius: 22px; background: #287df5; color: #fff; box-shadow: 0 7px 18px rgba(40, 125, 245, .28); cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; }
  .support-fab svg { width: 19px; height: 19px; }
  .support-fab:active { transform: scale(.92); }
  .support-chat { position: absolute; right: 14px; bottom: 137px; z-index: 12; width: 250px; padding: 14px; border: 1px solid #dce8fb; border-radius: 17px; background: #fff; box-shadow: 0 12px 30px rgba(35, 72, 125, .18); opacity: 0; visibility: hidden; transform: translateY(8px) scale(.97); transition: .2s ease; }
  .support-chat.show { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .support-chat-head { display: flex; align-items: center; gap: 8px; }
  .support-chat-logo { width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #dce8fb; border-radius: 9px; object-fit: cover; }
  .support-chat-head strong { color: #173b73; font-size: 13px; font-weight: 800; }
  .support-chat-head span { margin-left: auto; color: #10a66f; font-size: 9px; font-weight: 800; white-space: nowrap; }
  .support-messages { display: flex; flex-direction: column; gap: 6px; max-height: 130px; overflow-y: auto; margin: 9px 0; }
  .support-message { max-width: 88%; padding: 7px 9px; border-radius: 10px; color: #56657a; font-size: 10.5px; line-height: 1.4; }
  .support-message.bot { align-self: flex-start; background: #eef5ff; }
  .support-message.user { align-self: flex-end; background: #287df5; color: #fff; }
  .support-retry { display:block; margin-top:6px; padding:4px 8px; border:1px solid #b9d2f3; border-radius:999px; background:#fff; color:#2864a8; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .support-retry:hover { border-color:#86b5ef; background:#f5f9ff; }
  .support-chat p { margin: 9px 0; color: #738198; font-size: 11px; line-height: 1.45; }
  .support-chat-row { display: flex; gap: 6px; }
  .support-chat-row input { flex: 1; min-width: 0; border: 1px solid #e2eaf5; border-radius: 9px; padding: 8px; outline: none; font: inherit; font-size: 10.5px; }
  .support-chat-row button { border: 0; border-radius: 9px; padding: 0 10px; background: #287df5; color: #fff; font: inherit; font-size: 10px; font-weight: 800; }

  /* Modern warm dashboard palette for the income card */
  .stats-card { border-color: #e6ded2; background: #fffdf9; box-shadow: 0 10px 28px rgba(57,48,38,.13); }
  .stats-card::before { background: linear-gradient(90deg, #ff765f, #f8b84e); }
  .stats-card-head { background: linear-gradient(135deg, #18252d 0%, #263d45 62%, #315c5c 100%); }
  .stats-card-title .icon { background: linear-gradient(145deg, #65d6ad, #199d82); }
  .stats-overview-item:nth-child(1) { background: #fff1ed; border-color: #f9d9d0; }
  .stats-overview-item:nth-child(2) { background: #fff8e8; border-color: #f4e4b8; }
  .stats-overview-item:nth-child(3) { background: #eaf8f2; border-color: #ccecdf; }
  .stats-chart { border-color: #eee5da; background: #fffaf4; }
  .stats-line-day { stroke: #f06f5d; }
  .stats-line-month { stroke: #e9a735; }
  .stats-line-year { stroke: #18a982; }
  .stats-point-day { fill: #f06f5d; }
  .stats-point-month { fill: #e9a735; }
  .stats-point-year { fill: #18a982; }
  .legend-day { background: #f06f5d; }
  .legend-month { background: #e9a735; }
  .legend-year { background: #18a982; }
  .stats-range button.active { background: #fff0eb; border-color: #f5c9bd; color: #d95e4d; }

  /* Dashboard income card */
  .stats-card { position:relative; padding:11px 11px 10px; overflow:visible; border:1px solid #e4eaf3; border-radius:19px; background:#fff; box-shadow:0 5px 14px rgba(33,53,85,.06); }
  .stats-card::before { display:block; top:0; height:3px; background:linear-gradient(90deg,#f18bb8 0%,#d98ac8 52%,#f3b2bf 100%); }
  .stats-card-head { display:flex; align-items:center; justify-content:space-between; gap:7px; padding:2px 2px 9px; background:transparent; }
  .stats-card-heading { display:flex; flex:1 1 auto; align-items:center; gap:8px; min-width:0; }
  .stats-card-heading-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid rgba(255,255,255,.7); border-radius:11px; color:#fff; background:linear-gradient(145deg,#f39abf,#d77ab4); box-shadow:0 4px 10px rgba(201,105,156,.2); }
  .stats-card-heading-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .stats-card-heading > span:last-child { display:grid; gap:2px; min-width:0; }
  .stats-card-heading small { color:#8a98ad; font-size:7px; font-weight:850; letter-spacing:.8px; }
  .stats-card-head-title { overflow:hidden; color:#1c2b43; font-size:13px; font-weight:850; letter-spacing:-.2px; text-overflow:ellipsis; white-space:nowrap; }
  .stats-card-title { align-items:flex-start; gap:9px; }
  .stats-brand-mark { position:relative; display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid #dbeafe; border-radius:11px; color:#2563c7; background:#eff6ff; box-shadow:0 2px 5px rgba(37,99,199,.08); }
  .stats-brand-mark .stats-font-icon { font-size:16px; }
  .stats-brand-mark img { position:absolute; right:-5px; bottom:-5px; display:block; width:16px; height:16px; border:2px solid #fff; border-radius:6px; object-fit:cover; background:#fff; box-shadow:0 2px 5px rgba(31,52,82,.16); }
  .stats-card-title .icon { width:30px; height:30px; flex:0 0 30px; border-radius:7px; background:#eef5ff; color:#347eea; box-shadow:none; }
  .stats-font-icon { font-size:15px; }
  .stats-card-title h4 { color:#1d2736; font-size:13px; line-height:1.25; margin:1px 0 3px; }
  .stats-card-title p { max-width:245px; color:#8b96a6; font-size:9.5px; line-height:1.35; }
  .stats-total, .stats-controls, .stats-chart-caption { display:none; }
  .stats-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:0 0 8px; }
  .stats-overview-item { position:relative; min-width:0; min-height:45px; padding:4px 6px 3px; overflow:hidden; border:1px solid #e5ebf5; border-radius:13px; background:#fff; box-shadow:0 2px 6px rgba(32,55,90,.035); transition:transform .18s ease,box-shadow .18s ease; }
  .stats-overview-item::after { position:absolute; right:-13px; bottom:-21px; width:38px; height:38px; border-radius:50%; background:currentColor; content:""; opacity:.06; }
  .stats-overview-item:nth-child(1) { color:#d477a3; background:linear-gradient(145deg,#fff8fb,#fcebf3); border-color:#f3d7e5; }
  .stats-overview-item:nth-child(2) { color:#aa78c1; background:linear-gradient(145deg,#fcf8ff,#f3eafb); border-color:#e8d9f1; }
  .stats-overview-item:nth-child(3) { color:#d9878d; background:linear-gradient(145deg,#fff8f7,#fbecea); border-color:#f3d9d6; }
  .stats-overview-item span { display:flex; align-items:center; gap:4px; overflow:hidden; color:#748198; font-size:8px; font-weight:750; white-space:nowrap; }
  .stats-overview-item span i { display:grid; width:15px; height:15px; flex:0 0 15px; place-items:center; border-radius:5px; color:currentColor; background:rgba(255,255,255,.74); font-size:8px; }
  .stats-overview-item strong { display:block; position:relative; z-index:1; margin-top:2px; overflow:hidden; color:#23344d; font-size:12px; font-weight:900; letter-spacing:-.25px; text-overflow:ellipsis; white-space:nowrap; }
  .stats-overview-item strong small { font-size:7px; font-weight:800; letter-spacing:0; }
  .stats-overview-item strong.positive { color:#b86391; }
  .stats-chart { height:132px; padding:6px 4px 1px; border:1px solid #e4eaf3; border-radius:14px; background:#fff; }
  .stats-axis-label { fill: #8d98a8; font-family: Arial, sans-serif; font-size: 8px; font-weight: 500; }
  .stats-grid-line { stroke:#edf0f4; stroke-dasharray:3 4; }
  .stats-line { stroke-width:2.7; filter:drop-shadow(0 2px 2px rgba(182,99,145,.16)); }
  .stats-line-day { stroke:#d875a5; }
  .stats-line-month { stroke:#ac7bc4; }
  .stats-line-year, .legend-year-item { display: none; }
  .stats-label { fill: #8d98a8; font-family: Arial, sans-serif; font-size: 8px; }
  .stats-legend { justify-content:flex-start; gap:12px; margin:6px 3px 0; padding:0 2px; }
  .stats-legend-item { gap:5px; color:#718097; font-size:8px; font-weight:700; }
  .stats-legend-item i { width:9px; height:9px; border-radius:50%; box-shadow:0 0 0 3px rgba(55,112,216,.1); }
  .legend-day { background:#d875a5; }
  .legend-month { background:#ac7bc4; }
  .stats-range { position:relative; display:flex; flex:0 0 auto; justify-content:flex-end; margin-top:0; }
  .stats-range-trigger { display:inline-flex; min-height:29px; align-items:center; justify-content:center; gap:6px; padding:4px 11px; border:1px solid #f0d5e3; border-radius:999px; color:#a85d83; background:linear-gradient(135deg,#fff7fb,#fcecf4); box-shadow:0 2px 7px rgba(179,93,139,.1); font:inherit; font-size:9px; font-weight:800; cursor:pointer; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
  .stats-range-trigger:hover { background:#f9e4ef; box-shadow:0 4px 10px rgba(179,93,139,.16); }
  .stats-range-trigger:active { transform:scale(.97); }
  .stats-range-trigger > svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .stats-range-trigger .stats-range-chevron { width:12px; height:12px; opacity:.75; }
  .stats-range-menu { position:absolute; top:calc(100% + 7px); right:0; z-index:20; display:grid; width:164px; gap:4px; padding:6px; border:1px solid #f0dbe7; border-radius:20px; background:rgba(255,255,255,.98); box-shadow:0 10px 24px rgba(116,65,94,.17); }
  .stats-range-menu[hidden] { display:none; }
  .stats-range-menu button { display:flex; align-items:center; gap:8px; width:100%; min-height:34px; padding:6px 9px; border:0; border-radius:999px; color:#6f6670; background:transparent; font:inherit; font-size:9px; font-weight:750; text-align:left; cursor:pointer; transition:background .16s ease,color .16s ease,transform .16s ease; }
  .stats-range-menu button > svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .stats-range-menu button > span { flex:1; }
  .stats-range-menu .stats-range-option-check { width:14px; height:14px; flex-basis:14px; opacity:0; }
  .stats-range-menu button:hover { color:#ad5e87; background:#fff3f8; }
  .stats-range-menu button:active { transform:scale(.98); }
  .stats-range-menu button.active { color:#fff; background:linear-gradient(120deg,#ec91b9,#d782b5); box-shadow:0 3px 8px rgba(201,105,156,.18); }
  .stats-range-menu button.active .stats-range-option-check { opacity:1; }
  .stats-avatar:not([src]), .stats-avatar[src=""] { opacity: 0; }
  @media (min-width:768px) {
    .stats-card { padding:14px 14px 12px; border-radius:21px; }
    .stats-card-heading-icon { width:38px; height:38px; flex-basis:38px; border-radius:12px; }
    .stats-card-head-title { font-size:14px; }
    .stats-overview { gap:9px; margin-bottom:10px; }
    .stats-overview-item { min-height:49px; padding:5px 8px 4px; border-radius:14px; }
    .stats-overview-item span { font-size:8.5px; }
    .stats-overview-item strong { margin-top:3px; font-size:13px; }
    .stats-chart { height:138px; }
    .stats-legend-item { font-size:9px; }
    .stats-range button { min-height:29px; font-size:9px; }
  }
  @media (max-width:360px) {
    .stats-card { padding-right:9px; padding-left:9px; }
    .stats-overview { gap:6px; }
    .stats-overview-item { padding-right:5px; padding-left:5px; }
    .stats-overview-item span { gap:3px; font-size:7.5px; }
    .stats-overview-item span i { width:14px; height:14px; flex-basis:14px; }
  }

  .card .icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .history-job-svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .history-manage-toolbar { margin:10px 0 12px; }
  .history-toolbar-actions { display:flex; align-items:center; gap:6px; }
  .history-filter-wrap { position:relative; z-index:20; }
  .account-filter-button.history-filter-button { width:34px; height:34px; }
  .account-filter-button.history-filter-button.has-filter { color:#287df5; border-color:#9fc6ff; background:#edf5ff; }
  .account-filter-button.history-filter-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .account-filter-menu.history-filter-menu.show { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-flow:row; }
  .history-filter-menu { min-width:188px; }
  .history-filter-menu button { justify-content:flex-start; white-space:nowrap; }
  .history-filter-menu button > i { display:grid; width:20px; height:20px; flex:0 0 20px; place-items:center; color:#6983a6; font-size:13px; }
  .history-refresh-button:disabled { opacity:.6; cursor:wait; }
  .history-filter-wrap:nth-child(2) .history-filter-menu { min-width:160px; }
  .history-results { display:grid; gap:9px; }
  .history-results > .card { margin:0; }
  .history-empty { justify-content:center; min-height:58px; color:var(--text-sub); font-size:11px; text-align:center; }
  .card .info h4.history-pending-title { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
  .history-pending-title-text { min-width:0; }
  .history-pending-badge { display:inline-flex; flex:0 0 auto; align-items:center; gap:3px; padding:3px 6px; border-radius:999px; color:#936000; background:#fff0b8; font-size:9px; font-weight:850; line-height:1; }
  .history-pending-badge svg { display:block; width:12px; height:12px; fill:#f4bd38; stroke:#9a6500; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  body.dark .history-manage-toolbar,body.dark .history-filter-menu { border-color:#303030; background:#202020; }
  body.dark .history-pending-badge { color:#ffdf83; background:#4a3a1c; }
  body.dark .history-pending-badge svg { fill:#f4bd38; stroke:#ffdf83; }
  body.dark .account-filter-button.history-filter-button.has-filter { color:#9fc5ff; border-color:#42628c; background:#252f3e; }
  body.dark .history-filter-menu button > i { color:#9ab5da; }
  @media (max-width:390px) { .history-manage-toolbar { gap:6px; padding:10px; } .history-manage-toolbar > div:first-child { min-width:0; } .history-toolbar-actions { gap:4px; } .account-filter-button.history-filter-button { width:32px; height:32px; } }

  .card .info h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 2px;
  }

  .card .info p {
    font-size: 12.8px;
    color: var(--text-sub);
  }

  .card .chevron {
    margin-left: auto;
    color: #c6cdd8;
    flex-shrink: 0;
  }

  /* --- Quick access grid (trang chu) --- */
  .quick-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .quick-card {
    background: var(--card-bg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    padding: 16px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
  }

  .quick-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
  .quick-card:active { transform: translateY(0) scale(0.97); }

  .quick-card .icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
  }

  .quick-card h4 {
    font-size: 14.5px;
    font-weight: 700;
    margin-bottom: 3px;
  }

  .quick-card p {
    font-size: 12px;
    color: var(--text-sub);
    line-height: 1.35;
  }

  /* color themes */
  .bg-blue   { background: #e8f1ff; color: #2f7bf6; }
  .bg-purple { background: #f1ecff; color: #8b5cf6; }
  .bg-orange { background: #fff1e6; color: #f59e0b; }
  .bg-green  { background: #e8faf0; color: #10b981; }
  .bg-pink   { background: #ffeaf3; color: #ec4899; }
  .bg-red    { background: #ffeaea; color: #ef4444; }

  /* --- Platform brand cards --- */
  .platform-card .icon.brand-fb { background:#e7f0ff; color:#1877f2; }
  .platform-card .icon.brand-ig { background: linear-gradient(135deg,#fdf497 0%,#fd5949 45%,#d6249f 75%,#285AEB 100%); color:#fff; }
  .platform-card .icon.brand-th { background:#111319; color:#fff; }
  .platform-card .icon.brand-lz { background:#fff1e6; color:#f57224; }

  .platform-status {
    margin-left: auto;
    font-size: 11.5px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 20px;
    flex-shrink: 0;
  }
  .status-connected { background:#e8faf0; color:#10b981; }
  .status-disconnected { background:#f3f4f6; color:#9aa2af; }
  .platform-actions { display: flex; gap: 6px; margin-left: auto; }
  .platform-action { width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; cursor: pointer; font: inherit; transition: transform .15s ease, background .2s ease; }
  .platform-action:active { transform: scale(.9); }
  .platform-action.settings { background: #eef4ff; color: #3478df; }
  .platform-action.token { background: #fff3e5; color: #e08a20; }
  .platform-card.vip-locked { opacity: .42; filter: grayscale(1); background: #f6f7f9; }
  .platform-card.vip-locked .platform-action { cursor: not-allowed; pointer-events: none; }
  .platform-card.vip-locked::after { content: "Cần nâng cấp VIP"; margin-left: auto; color: #8b95a5; font-size: 10px; font-weight: 800; }
  .platform-card.auth-required::after { content:"Vui lòng đăng nhập"; grid-column:2 / -1; justify-self:start; margin-left:0; color:#64748b; font-size:9px; font-weight:700; line-height:1.2; white-space:nowrap; }
  .platform-action svg, .platform-action i { width: 19px; height: 19px; display: grid; place-items: center; font-size: 18px; line-height: 1; }
  .platform-action i::before { display: block; line-height: 1; }
  .platform-config { width: 100%; max-width: 480px; max-height: 88vh; padding: 10px 18px 22px; }
  .config-form { overflow-y: auto; padding-right: 2px; }
  .config-section { margin-bottom: 15px; }
  .config-section-title { margin-bottom: 8px; color: var(--text-main); font-size: 12px; font-weight: 800; }
  .config-token-row { display: flex; gap: 7px; }
  .config-input, .config-select { width: 100%; min-width: 0; border: 1px solid #e1e8f1; border-radius: 14px; padding: 9px 10px; outline: none; background: #f9fbfd; color: var(--text-main); font: inherit; font-size: 11px; }
  .config-token-row .config-input { flex: 1; }
  .config-check { width: 46px; min-height: 42px; flex-shrink: 0; border: 0; border-radius: 14px; background: #287df5; color: #fff; cursor: pointer; box-shadow: 0 5px 12px rgba(40,125,245,.18); }
  .config-check:active, .config-save:active { transform: scale(.95); }
  .config-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .config-field label { display: block; margin-bottom: 4px; color: var(--text-sub); font-size: 10px; font-weight: 700; }
  .config-status { min-height: 18px; margin-top: 6px; color: var(--text-sub); font-size: 10.5px; }
  .config-status.success { color: #0b9b68; }
  .config-status.error { color: #df4e5d; }
  .account-info { display: none; grid-template-columns: repeat(2, 1fr); gap: 7px; padding: 9px; border: 1px solid #d9f0e5; border-radius: 12px; background: #f2fcf7; }
  .account-info.show { display: grid; }
  .account-info span { color: #799287; font-size: 9.5px; }
  .account-info strong { display: block; margin-top: 2px; color: #176b50; font-size: 11px; }
  .config-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
  .config-footer button { min-height: 44px; border: 0; border-radius: 16px; padding: 11px 18px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; box-shadow: 0 5px 13px rgba(35,64,101,.10); }
  .config-close { background: #f1f4f8; color: #6f7d90; border: 1px solid #e2e8f0 !important; }
  .config-save { background: linear-gradient(135deg,#287df5,#5b8ff0); color: #fff; }
  #auth-new-save { min-height: 46px; border-radius: 16px; }
  #logout-button { min-height: 46px; border-radius: 16px !important; font-size: 13px; font-weight: 800; }
  body.dark .config-input, body.dark .config-select { border-color: #33445c; background: #202e43; color: #fff; }
  body.dark .account-info { border-color: #245b4a; background: #17362e; }
  .account-modal { width: 100%; max-width: 480px; max-height: 82vh; padding: 10px 18px 20px; }
  .instagram-job-modal { max-height:min(90dvh, 860px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
  .account-list { display: flex; flex-direction: column; gap: 8px; max-height: 58vh; overflow-y: auto; }
  .account-row { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid #e5ebf3; border-radius: 13px; background: #fbfcfe; }
  .account-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: #e8f1ff; color: #2f7bf6; font-size: 17px; }
  .leaderboard-avatar { position: relative; overflow: visible; background: #eef1f5; }
  .leaderboard-avatar-img { width: 100%; height: 100%; border-radius: 11px; object-fit: cover; display: block; }
  .leaderboard-rank-badge { position: absolute; right: -5px; bottom: -5px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; border: 2px solid #fff; font-size: 10px; font-weight: 800; }
  .leaderboard-rank-badge.rank-number { background: #eef1f5; color: #6b7684; }
  .leaderboard-rank-badge.rank-medal { font-size: 11px; }
  .leaderboard-rank-badge .rank-gold { color: #e3ab2d; }
  .leaderboard-rank-badge .rank-silver { color: #9aa4b2; }
  .leaderboard-rank-badge .rank-bronze { color: #c47a3d; }
  body.dark .leaderboard-rank-badge { border-color: #151515; }
  body.dark .leaderboard-rank-badge.rank-number { background: #2a2a2a; color: #ccc; }
  .account-copy { min-width: 0; flex: 1; }
  .account-copy strong { display: block; color: var(--text-main); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .account-copy span { display: block; margin-top: 3px; color: var(--text-sub); font-size: 10.5px; }
  .account-state { padding: 4px 7px; border-radius: 8px; background: #e9faf2; color: #0b9b68; font-size: 9.5px; font-weight: 800; }
  .account-state.paused { background: #fff0f1; color: #df3046; }
  .admin-actions { display: flex; flex-wrap: wrap; gap: 4px; margin-left: 8px; }
  .admin-actions button:not(.admin-action) { min-height: 32px; border: 0; border-radius: 7px; padding: 5px 7px; background: #eef4ff; color: #315fbb; font-size: 9px; font-weight: 800; cursor: pointer; }
  .admin-actions button[data-action="delete"], .admin-actions button[data-action="ban"] { background: #fff0f1; color: #df3046; }
  .account-copy small { display: block; margin-top: 3px; color: var(--text-sub); font-size: 8.5px; line-height: 1.35; }
  .account-empty { padding: 18px 8px; color: var(--text-sub); text-align: center; font-size: 11px; }
  .home-wallet-balance { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding: 11px 13px; border: 1px solid #d9f0e5; border-radius: 15px; background: #f2fcf7; }
  .home-wallet-balance span { color: #56806e; font-size: 11px; font-weight: 700; }
  .home-wallet-balance strong { color: #0b9b68; font-size: 15px; }
  body.dark .wallet-top-balance { background: #17362e; color: #8ce0bd; }
  body.dark .home-wallet-balance { border-color: #245b4a; background: #17362e; }
  body.dark .home-wallet-balance span, body.dark .home-wallet-balance strong { color: #8ce0bd; }
  .wallet-tabs { display: flex; gap: 7px; margin-bottom: 12px; }
  .wallet-tab { flex: 1; min-height: 38px; border: 1px solid #e1e8f1; border-radius: 12px; background: #f7f9fc; color: var(--text-sub); cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; }
  .wallet-tab.active { border-color: #287df5; background: #e8f1ff; color: #287df5; }
  .wallet-bank-info { margin: 8px 0 10px; padding: 10px; border: 1px solid #d9e7fb; border-radius: 12px; background: #f4f8ff; color: var(--text-main); font-size: 11px; line-height: 1.55; white-space: pre-line; }
  .wallet-invoice-status { margin: 8px 0; padding: 9px 11px; border-radius: 12px; background: #fff8e7; color: #9b6b12; font-size: 10.5px; font-weight: 700; text-align: center; }
  .wallet-invoice-status strong { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .4px; }
  #topup-submit, #vip-purchase-submit { border-radius: 999px !important; border: 0; box-shadow: 0 6px 14px rgba(90,98,112,.16); font-weight: 800; }
  #topup-submit, #vip-purchase-submit { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; }
  .wallet-qr-image { width: min(100%, 250px); margin: 8px auto; border-radius: 12px; border: 1px solid #e1e8f1; background: #fff; }
  .wallet-qr-caption { min-height: 18px; color: #287df5; font: 800 10.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; word-break: break-word; }
  .vip-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
  .vip-plan-option { min-height: 64px; border: 1px solid #e1e8f1; border-radius: 13px; background: #fbfcfe; color: var(--text-main); cursor: pointer; font: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
  .vip-plan-icon { font-size: 17px; margin-bottom: 1px; }
  .vip-plan-icon-1 { color: #4b9bf5; }
  .vip-plan-icon-2 { color: #a35bf0; }
  .vip-plan-icon-3 { color: #e3ab2d; }
  .vip-plan-option strong, .vip-plan-option span { display: block; }
  .vip-plan-option strong { color: #c28116; font-size: 12px; }
  .vip-plan-option span { margin-top: 5px; color: var(--text-sub); font-size: 9.5px; }
  .vip-plan-option.active { border-color: #e3ab2d; background: #fff9e8; box-shadow: 0 0 0 2px rgba(227,171,45,.14); }
  body.dark .wallet-tab, body.dark .vip-plan-option { border-color: #33445c; background: #202e43; color: #fff; }
  body.dark .wallet-tab.active { background: #203b68; border-color: #287df5; }
  body.dark .wallet-bank-info { border-color: #33445c; background: #202e43; }
  .admin-member-filters { display: grid; grid-template-columns: minmax(0, 1fr) 132px auto; gap: 7px; margin: 10px 0; }
  .admin-workspace { width: min(100%, 920px); height: min(100dvh, 860px); overflow: auto; padding: 24px; background: var(--bg); border-radius: 24px; box-shadow: 0 24px 70px rgba(18,35,61,.26); }
  #admin-overlay { align-items: stretch; justify-content: stretch; padding: 0; background: var(--bg); }
  #admin-overlay .admin-workspace { width: 100%; max-width: 1180px; height: 100dvh; border-radius: 0; box-shadow: none; margin: 0 auto; }
  .admin-eyebrow { display: block; color: #287df5; font-size: 9px; font-weight: 900; letter-spacing: 1.2px; }
  .admin-workspace .modal-header h3 { margin-top: 3px; }
  .admin-section-nav { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 14px 0 18px; }
  .admin-section-tab { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 48px; border: 1px solid #e1e8f1; border-radius: 14px; background: #f8fafd; color: var(--text-sub); cursor: pointer; font: inherit; font-size: 10.5px; font-weight: 800; }
  .admin-section-tab i { font-size: 15px; }
  .admin-section-tab.active { border-color: #287df5; background: #eaf2ff; color: #287df5; box-shadow: 0 5px 14px rgba(40,125,245,.12); }
  .admin-panel { display: none; animation: fadeIn .18s ease; }
  .admin-panel.active { display: block; }
  .admin-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
  .admin-panel-heading h4 { margin: 0; color: var(--text-main); font-size: 15px; }
  .admin-panel-heading span { color: var(--text-sub); font-size: 10px; }
  .admin-notification-composer { display: grid; gap: 12px; }
  .admin-notification-composer .config-field { min-width: 0; margin: 0 !important; }
  .admin-notification-destinations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
  .admin-notification-destinations legend { margin-bottom: 7px; color: var(--text-main); font-size: 11px; font-weight: 800; }
  .admin-notification-destinations label { display: flex; min-width: 0; align-items: flex-start; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 13px; background: var(--card-bg); cursor: pointer; }
  .admin-notification-destinations input { flex: 0 0 auto; margin: 3px 0 0; accent-color: #287df5; }
  .admin-notification-destinations label span { display: grid; min-width: 0; gap: 3px; }
  .admin-notification-destinations label i { color: #287df5; }
  .admin-notification-destinations label strong { color: var(--text-main); font-size: 10.5px; }
  .admin-notification-destinations label small,.admin-notification-editor-help { color: var(--text-sub); font-size: 9px; line-height: 1.45; }
  .admin-notification-toolbar { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0 0; padding: 6px; border: 1px solid var(--border); border-bottom: 0; border-radius: 12px 12px 0 0; background: var(--bg); }
  .admin-notification-toolbar button { display: grid; width: 32px; height: 30px; place-items: center; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--text-main); cursor: pointer; font-size: 15px; }
  .admin-notification-toolbar button:hover { border-color: var(--border); background: var(--card-bg); }
  .admin-notification-editor-wrap { position: relative; }
  .admin-notification-editor { min-height: 145px; max-height: 360px; overflow: auto; padding: 11px; border: 1px solid var(--border); border-radius: 0 0 12px 12px; outline: 0; background: var(--card-bg); color: var(--text-main); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
  .admin-notification-editor:focus { border-color: #287df5; box-shadow: 0 0 0 2px rgba(40,125,245,.12); }
  .admin-notification-editor:empty::before { color: var(--text-sub); content: attr(data-placeholder); pointer-events: none; }
  .admin-notification-editor img.is-resizing { outline:2px solid rgba(40,125,245,.75); outline-offset:2px; }
  .admin-notification-image-move,.admin-notification-image-resize { position:absolute; z-index:2; display:grid; width:24px; height:24px; place-items:center; padding:0; border:1px solid #fff; border-radius:7px; background:#287df5; box-shadow:0 2px 8px rgba(15,23,42,.28); color:#fff; touch-action:none; }
  .admin-notification-image-move { cursor:move; }
  .admin-notification-image-resize { cursor:nwse-resize; }
  .admin-notification-image-move[hidden],.admin-notification-image-resize[hidden] { display:none!important; }
  .admin-notification-image-move i,.admin-notification-image-resize i { font-size:12px; }
  .admin-notification-editor img,.notif-item .txt p img,#home-admin-notice-message img { display: block; max-width: 100%; height: auto; margin: 8px 0; border-radius: 10px; }
  .admin-notification-editor a,.notif-item .txt p a,#home-admin-notice-message a { color: #287df5; text-decoration: underline; overflow-wrap: anywhere; }
  body.dark .admin-notification-destinations label { background: #202e43; }
  body.dark .admin-notification-toolbar { background: #182334; }
  body.dark .admin-notification-toolbar button:hover { background: #202e43; }
  .appearance-admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .appearance-admin-card { display: flex; flex-direction: column; gap: 8px; min-height: 132px; padding: 16px; border: 1px solid #e1e8f1; border-radius: 16px; background: #fbfcff; }
  .appearance-admin-card i { color: #287df5; font-size: 21px; }
  .appearance-admin-card strong { color: var(--text-main); font-size: 12px; }
  .appearance-admin-card span { color: var(--text-sub); font-size: 10px; line-height: 1.5; }
  body.dark .admin-section-tab, body.dark .appearance-admin-card { border-color: #33445c; background: #202e43; }
  body.dark .admin-section-tab.active { background: #203b68; border-color: #287df5; }
  .admin-task-form { margin-bottom:14px; }
  .admin-task-mode { display:flex; gap:6px; margin-bottom:12px; padding:4px; border:1px solid var(--border); border-radius:13px; background:var(--bg); }
  .admin-task-mode button { min-height:34px; flex:1; border:0; border-radius:10px; background:transparent; color:var(--text-sub); font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .admin-task-mode button.active { background:var(--card-bg); color:var(--text-main); box-shadow:0 2px 8px rgba(35,64,101,.1); }
  .admin-task-mode button:disabled { cursor:not-allowed; opacity:.55; }
  .admin-task-links { min-height:120px; resize:vertical; }
  .admin-task-links-count { display:block; margin-top:4px; color:var(--text-sub); font-size:9px; }
  .admin-task-links-count.error { color:#d92d20; }
  .admin-task-fields { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .admin-task-fields .config-field.wide { grid-column:span 2; }
  .admin-task-fields #admin-task-approval-field small { display:block; margin-top:5px; color:var(--text-sub); font-size:9px; line-height:1.45; }
  .admin-task-row .admin-actions [data-task-action="approve"] { border:1px solid #bde9d2; background:#edfaf3; color:#13834e; }
  body.dark .admin-task-row .admin-actions [data-task-action="approve"] { border-color:#285c43; background:#1d3a2c; color:#8ce2b2; }
  .admin-task-form-actions { display:flex; gap:8px; margin-top:10px; }
  .admin-task-form-actions button { min-height:40px; padding:0 17px; border-radius:999px; }
  .admin-task-form-actions #admin-task-save { border:0; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; box-shadow:0 7px 16px rgba(40,125,245,.2); font-weight:800; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
  .admin-task-form-actions #admin-task-save:hover { transform:translateY(-1px); box-shadow:0 10px 20px rgba(40,125,245,.28); filter:saturate(1.08); }
  .admin-task-form-actions #admin-task-save:active { transform:scale(.98); }
  .admin-task-form-actions #admin-task-save:disabled { opacity:.65; cursor:wait; }
  body.dark .admin-task-form-actions #admin-task-save { color:#fff; }
  .admin-task-section-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:16px 0 8px; }
  .admin-task-section-heading h5 { margin:0; color:var(--text-main); font-size:13px; }
  .admin-task-section-heading > .config-select { width:auto; min-width:145px; }
  .admin-card-inventory-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .admin-card-inventory-form .config-status { grid-column:1/-1; }
  .admin-card-inventory-form > button { grid-column:1/-1; }
  #admin-overlay #admin-card-inventory-add { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:7px; border:0; border-radius:999px; padding:8px 16px; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; font-size:11px; font-weight:850; box-shadow:0 6px 16px rgba(40,125,245,.2); cursor:pointer; }
  #admin-overlay #admin-card-inventory-add svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  #admin-overlay #admin-card-inventory-add:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 9px 20px rgba(40,125,245,.28); }
  #admin-overlay #admin-card-inventory-add:disabled { opacity:.65; cursor:wait; }
  .admin-payout-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
  .admin-payout-views { display:flex; flex-wrap:wrap; gap:7px; }
  #admin-overlay .admin-payout-view { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:6px; padding:6px 12px; border:1px solid #dce8fb; border-radius:999px; background:#f5f8fc; color:#526176; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  #admin-overlay .admin-payout-view svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  #admin-overlay .admin-payout-view.active { border-color:#b9d2ff; background:#edf4ff; color:#287df5; }
  .admin-payout-history-row { align-items:center; }
  .admin-payout-history-status { flex:0 0 auto; padding:5px 9px; border-radius:999px; background:#edf4ff; color:#2864a8; font-size:9px; font-weight:800; }
  .admin-payout-history-status.status-approved,.admin-payout-history-status.status-delivered { background:#eaf8f0; color:#18824b; }
  .admin-payout-history-status.status-rejected { background:#fff0f1; color:#c33d4f; }
  body.dark #admin-overlay .admin-payout-view { border-color:#354154; background:#252f3d; color:#c1ccda; }
  body.dark #admin-overlay .admin-payout-view.active { border-color:#45699c; background:#203b60; color:#a8c9ff; }
  body.dark .admin-payout-history-status { background:#20324c; color:#9dc2ff; }
  body.dark .admin-payout-history-status.status-approved,body.dark .admin-payout-history-status.status-delivered { background:#1d3a2c; color:#8ce2b2; }
  body.dark .admin-payout-history-status.status-rejected { background:#382023; color:#ff8b99; }
  .admin-card-inventory-row { align-items:center; }
  .admin-card-inventory-row > button { min-height:32px; border:0; border-radius:8px; padding:5px 10px; background:#fff0f1; color:#df3046; font-size:10px; font-weight:800; cursor:pointer; }
  .admin-card-inventory-row > button:disabled { opacity:.55; cursor:wait; }
  body.dark .admin-card-inventory-row > button { background:#382023; color:#ff8b99; }
  .admin-task-filters { display:flex; gap:7px; }
  .admin-task-filters .config-select { min-width:125px; }
  .admin-job-api-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:8px 0; }
  .admin-job-api-filter { position:relative; display:flex; min-width:0; align-items:center; }
  .admin-job-api-filter > svg,.admin-job-api-refresh > svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .admin-job-api-filter > svg { position:absolute; z-index:1; left:10px; color:#4d77b9; pointer-events:none; }
  .admin-job-api-filter .config-select { min-width:0; width:100%; padding-left:31px; border-radius:999px; }
  .admin-job-api-refresh { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:6px; grid-column:1/-1; padding:6px 12px; border:1px solid #d9e5f6; border-radius:999px; background:#f5f9ff; color:#2864a8; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .admin-job-api-filter .admin-platform-ui-uid-input { width:100%; min-width:0; padding-left:31px; }
  .admin-platform-ui-summary { display:flex; flex-wrap:wrap; gap:6px 14px; margin:6px 0 8px; color:var(--text-sub); font-size:10px; line-height:1.4; }
  .admin-platform-ui-summary strong { color:var(--text-main); }
  body.dark .admin-platform-ui-summary strong { color:#f1f1f1; }
  .admin-job-api-copy { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:4px; padding:6px 8px; border:1px solid #d9e5f6; border-radius:999px; background:#f5f9ff; color:#2864a8; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .admin-job-api-copy svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .admin-job-api-code { display:block; max-width:100%; overflow-wrap:anywhere; margin-top:4px; color:#2864a8; font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
  body.dark .admin-job-api-code { color:#9fc5ff; }
  body.dark .admin-job-api-refresh,body.dark .admin-job-api-copy { border-color:#334968; background:#202e43; color:#9fc5ff; }
  .admin-request-warning-heading { align-items:flex-end; }
  .admin-request-warning-heading small { display:block; margin-top:3px; color:var(--text-sub); font-size:10px; line-height:1.45; }
  .admin-request-warning-list { max-height:280px; margin-bottom:10px; }
  .admin-request-warning-row .account-copy { min-width:0; }
  .admin-request-warning-row .account-copy span,.admin-request-warning-row .account-copy small { overflow-wrap:anywhere; white-space:normal; }
  .admin-request-warning-actions { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
  .admin-request-warning-actions button { display:inline-flex; min-height:32px; align-items:center; justify-content:center; gap:5px; padding:6px 10px; border:1px solid #d9e5f6; border-radius:999px; background:#f5f9ff; color:#2864a8; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .admin-request-warning-actions button svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .admin-request-warning-actions button.danger { border-color:#f0c5c5; background:#fff4f4; color:#b52626; }
  .admin-request-warning-actions button:disabled { opacity:.58; cursor:default; }
  body.dark .admin-request-warning-actions button { border-color:#334968; background:#202e43; color:#9fc5ff; }
  body.dark .admin-request-warning-actions button.danger { border-color:#633c45; background:#3a252c; color:#ffaaaa; }
  .admin-service-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .admin-service-price-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--card-bg); }
  .admin-service-price-group > strong { grid-column:1/-1; color:var(--text-main); font-size:12px; }
  .admin-service-price-group .config-field { min-width:0; }
  .admin-service-price-group .config-field > span { overflow:hidden; color:var(--text-sub); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  .admin-service-price-group .config-input { min-height:34px; padding:7px 9px; font-size:10px; }
  .admin-database-warning { display:flex; align-items:flex-start; gap:8px; margin:0 0 12px; padding:10px 12px; border:1px solid #efc8ad; border-radius:12px; background:#fff7ed; color:#8b4513; font-size:10px; line-height:1.5; }
  .admin-database-warning i { flex:0 0 auto; color:#d97706; }
  .admin-database-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; gap:8px; margin-bottom:10px; }
  .admin-database-toolbar > .config-field { min-width:0; }
  .admin-database-toolbar .admin-job-api-refresh,.admin-database-toolbar .config-save { min-height:38px; margin:0; white-space:nowrap; }
  .admin-database-form { margin:10px 0; }
  .admin-database-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .admin-database-field { min-width:0; }
  .admin-database-field > span { overflow-wrap:anywhere; color:var(--text-sub); font-size:9px; }
  .admin-database-field textarea { width:100%; min-height:56px; resize:vertical; }
  .admin-database-null { display:inline-flex; align-items:center; gap:4px; margin-top:5px; color:var(--text-sub); font-size:9px; }
  .admin-database-form-actions { display:flex; gap:8px; margin-top:12px; }
  .admin-database-form-actions button { min-height:36px; padding:8px 14px; }
  .admin-database-list { max-height:520px; overflow:auto; }
  .admin-database-row { display:flex; align-items:flex-start; gap:10px; padding:11px; border-bottom:1px solid var(--border); }
  .admin-database-row-content { min-width:0; flex:1; }
  .admin-database-row-content > strong { display:block; overflow-wrap:anywhere; color:var(--text-main); font-size:10px; }
  .admin-database-row-content pre { max-height:125px; overflow:auto; margin:6px 0 0; color:var(--text-sub); font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
  .admin-database-row-actions { display:flex; flex:0 0 auto; gap:6px; }
  .admin-database-row-actions button { min-height:30px; padding:5px 9px; font-size:9px; }
  .admin-database-delete { border:1px solid #f0c5c5; border-radius:999px; background:#fff4f4; color:#b52626; font:inherit; font-weight:800; cursor:pointer; }
  .admin-database-delete:disabled,.admin-database-row-actions button:disabled { cursor:not-allowed; opacity:.5; }
  .admin-database-more { width:100%; margin-top:8px; }
  .admin-job-run-audit { width:100%; margin-top:7px; }
  .admin-job-run-audit summary { color:#2864a8; font-size:9px; font-weight:800; cursor:pointer; }
  .admin-job-run-audit pre { max-height:220px; overflow:auto; margin:6px 0 0; padding:8px; border:1px solid var(--border); border-radius:9px; color:var(--text-sub); background:var(--surface-2); font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
  body.dark .admin-job-run-audit summary { color:#9fc5ff; }
  body.dark .admin-database-warning { border-color:#69492f; background:#34291e; color:#ffd7a8; }
  body.dark .admin-database-row-content > strong { color:#f1f1f1; }
  body.dark .admin-database-delete { border-color:#633c45; background:#3a252c; color:#ffaaaa; }
  .admin-task-list { max-height:360px; overflow:auto; }
  .admin-task-row .account-copy { min-width:0; }
  .admin-task-card { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:12px; padding:14px; border-color:#e1e9f4; border-radius:17px; background:linear-gradient(145deg,#fff 0%,#f8fbff 100%); box-shadow:0 4px 14px rgba(31,66,112,.045); }
  .admin-task-card > .account-avatar { width:42px; height:42px; border-radius:14px; }
  .admin-task-card-content { min-width:0; }
  .admin-task-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
  .admin-task-copy { min-width:0; }
  .admin-task-copy > strong { overflow-wrap:anywhere; white-space:normal; line-height:1.4; }
  .admin-task-status { flex:0 0 auto; padding:5px 8px; border:1px solid #c6ecd8; border-radius:999px; background:#effaf4; color:#14834e; font-size:9px; font-weight:800; line-height:1.2; }
  .admin-task-status.is-pending { border-color:#f1dfad; background:#fff8e6; color:#9b6b00; }
  .admin-task-status.is-complete { border-color:#cbd7f4; background:#f1f4ff; color:#465eb2; }
  .admin-task-status.is-paused { border-color:#f0cccc; background:#fff3f3; color:#b43d3d; }
  .admin-task-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:11px; }
  .admin-task-metric { display:flex; min-width:0; align-items:center; gap:7px; padding:8px; border:1px solid #e7edf6; border-radius:12px; background:rgba(255,255,255,.8); }
  .admin-task-metric > svg,.admin-task-card-details > span > svg,.admin-task-link > svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .admin-task-metric > svg { color:#5282c4; }
  .admin-task-metric > span { min-width:0; }
  .admin-task-metric small,.admin-task-metric strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .admin-task-metric small { color:var(--text-sub); font-size:8px; }
  .admin-task-metric strong { margin-top:2px; color:var(--text-main); font-size:10px; }
  .admin-task-card-details { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:9px; color:var(--text-sub); font-size:9px; }
  .admin-task-card-details > span,.admin-task-link { display:inline-flex; min-width:0; align-items:center; gap:5px; }
  .admin-task-card-details > span > svg { width:13px; height:13px; flex-basis:13px; color:#7188a8; }
  .admin-task-link { max-width:100%; margin-top:8px; color:#2864a8; font-size:9px; line-height:1.4; text-decoration:none; }
  .admin-task-link > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .admin-task-link:hover { color:#1765d1; text-decoration:underline; }
  .admin-task-card-actions { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; width:100%; margin:0; padding-top:11px; border-top:1px solid var(--border); }
  .admin-task-card-actions button { display:inline-flex; min-width:0; min-height:36px; align-items:center; justify-content:center; gap:6px; padding:7px 9px; border:1px solid #dce6f3; border-radius:11px; background:#f7faff; color:#435a78; font:inherit; font-size:9px; font-weight:800; cursor:pointer; transition:transform .16s ease,border-color .16s ease,background .16s ease; }
  .admin-task-card-actions button:hover:not(:disabled) { transform:translateY(-1px); border-color:#b6cff1; background:#edf5ff; }
  .admin-task-card-actions button:disabled { cursor:not-allowed; opacity:.56; }
  .admin-task-card-actions button svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .admin-task-card-actions [data-task-action="approve"] { border-color:#bde9d2; background:#edfaf3; color:#13834e; }
  .admin-task-card-actions [data-task-action="delete"] { border-color:#f0cccc; background:#fff5f5; color:#b43d3d; }
  body.dark .admin-task-card { border-color:#334968; background:linear-gradient(145deg,#202e43,#1c293b); }
  body.dark .admin-task-status { border-color:#285c43; background:#1d3a2c; color:#8ce2b2; }
  body.dark .admin-task-status.is-pending { border-color:#66542c; background:#392f1c; color:#f0d184; }
  body.dark .admin-task-status.is-complete { border-color:#3a4b7b; background:#252f50; color:#b6c4ff; }
  body.dark .admin-task-status.is-paused { border-color:#633c45; background:#3a252c; color:#ffaaaa; }
  body.dark .admin-task-metric { border-color:#334968; background:rgba(19,31,47,.65); }
  body.dark .admin-task-card-actions button { border-color:#354968; background:#202e43; color:#c1ccda; }
  body.dark .admin-task-card-actions [data-task-action="approve"] { border-color:#285c43; background:#1d3a2c; color:#8ce2b2; }
  body.dark .admin-task-card-actions [data-task-action="delete"] { border-color:#633c45; background:#3a252c; color:#ffaaaa; }
  body.dark .admin-task-link { color:#9fc5ff; }
  @media (max-width:900px) {
    .admin-section-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .admin-task-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media (max-width:620px) {
    .admin-section-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .admin-task-fields { grid-template-columns:1fr; }
    .admin-task-fields .config-field.wide { grid-column:auto; }
    .admin-card-inventory-form { grid-template-columns:1fr; }
    .admin-card-inventory-form .config-status,.admin-card-inventory-form > button { grid-column:auto; }
    .admin-task-section-heading { align-items:stretch; flex-direction:column; }
    .admin-task-section-heading > .config-select,.admin-task-filters .config-select { width:100%; min-width:0; }
    .admin-task-filters { width:100%; }
    .admin-job-api-filters { grid-template-columns:1fr; }
    .admin-request-warning-row { align-items:flex-start; flex-wrap:wrap; }
    .admin-request-warning-row .account-copy { flex:1 1 calc(100% - 90px); }
    .admin-request-warning-actions { flex:1 1 100%; justify-content:flex-start; }
    .admin-service-price-grid { grid-template-columns:1fr; }
    .admin-database-toolbar { grid-template-columns:1fr 1fr; }
    .admin-database-toolbar > .config-field { grid-column:1/-1; }
    .admin-database-toolbar .admin-job-api-refresh,.admin-database-toolbar .config-save { width:100%; }
    .admin-database-fields { grid-template-columns:1fr; }
    .admin-database-row { flex-wrap:wrap; }
    .admin-database-row-content { flex:1 1 100%; }
    .admin-task-card-heading { flex-wrap:wrap; }
    .admin-task-status { margin-left:auto; }
  }
  @media (max-width: 620px) { .admin-workspace { width: 100%; height: 100dvh; border-radius: 0; padding: 16px; } .admin-section-nav { grid-template-columns: repeat(2, 1fr); } .appearance-admin-grid { grid-template-columns: 1fr; } .admin-panel-heading { display: block; } .admin-panel-heading span { display: block; margin-top: 3px; } }
  .admin-member-filters .config-input, .admin-member-filters .config-select { min-height: 38px; padding: 8px 9px; font-size: 10.5px; }
  .admin-filter-reset { min-height: 38px; border: 1px solid #e1e8f1; border-radius: 12px; padding: 0 10px; background: #f3f6fa; color: #637187; cursor: pointer; font: inherit; font-size: 10px; font-weight: 800; }
  .admin-filter-reset:active { transform: scale(.96); }
  .auth-delete { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border: 0; border-radius: 50%; background: #fff0f1; color: #df3046; cursor: pointer; font-size: 13px; }
  .auth-delete:hover { background: #ffe0e3; }
  .auth-delete:active { transform: scale(.92); }
  body.dark .admin-filter-reset { border-color: #33445c; background: #202e43; color: #c4cfdf; }
  @media (max-width: 390px) { .admin-member-filters { grid-template-columns: 1fr 1fr; } .admin-member-filters .admin-filter-search { grid-column: 1 / -1; } }
  body.dark .account-row { border-color: #33445c; background: #202e43; }
  body.dark .api-user-field,
  body.dark .notif-item,
  body.dark .modal-sheet,
  body.dark .modal-body,
  body.dark .config-section,
  body.dark .instagram-job-order,
  body.dark .instagram-job-guide,
  body.dark .instagram-job-detail { border-color:#303030; background:#151515; color:#f1f1f1; }
  body.dark .modal-sheet h3,
  body.dark .modal-sheet h4,
  body.dark .modal-sheet h5,
  body.dark .modal-sheet strong,
  body.dark .modal-sheet label,
  body.dark .modal-sheet .txt { color:#f1f1f1; }
  body.dark button.notif-item:hover { background:rgba(255,255,255,.045); }
  body.dark .privacy-policy-text { color:#e5e5e5; }
  body.dark .privacy-policy-modal .modal-header, body.dark .privacy-policy-footer { border-color:#343434; }
  body.dark .privacy-policy-heading-icon { border-color:#343b46; background:linear-gradient(145deg,#252b35,#20242b); color:#b9c7da; }
  body.dark .privacy-policy-footer > span i { color:#aebdd0; }
  @media (max-width:520px) { .privacy-policy-modal { min-height:min(70vh,620px); max-height:90vh; } .privacy-policy-modal .modal-header { padding-bottom:12px; } }
  body.dark .modal-sheet p,
  body.dark .modal-sheet span,
  body.dark .modal-sheet small,
  body.dark .modal-sheet .modal-subtitle { color:#a5a5a5; }
  body.dark .modal-sheet input,
  body.dark .modal-sheet select,
  body.dark .modal-sheet textarea { border-color:#303030; background:#202020; color:#f1f1f1; }
  body.dark .action-toast { border-color:#303030; background:rgba(21,21,21,.99); color:#f1f1f1; box-shadow:0 16px 34px rgba(0,0,0,.45); }
  body.dark .action-toast.error { color:#ff9ca5; }
  body.dark #logout-button { background:#351817!important; border-color:#6b2925!important; color:#ffaaa3!important; }
  .api-lookup-row { display: flex; gap: 7px; margin: 10px 0 12px; }
  .api-lookup-row .config-input { flex: 1; }
  .api-button { border: 0; border-radius: 10px; padding: 0 12px; background: #4b5563; color: #fff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; white-space: nowrap; }
  .api-button:disabled { opacity: .55; cursor: wait; }
  .api-status { min-height: 17px; margin: 5px 0; color: var(--text-sub); font-size: 10.5px; }
  .api-status.success { color: #0b9b68; }
  .api-status.error { color: #df4e5d; }
  .api-user-card { display: block; cursor: default; align-items: stretch; }
  .api-user-card:hover { transform: none; }
  .api-user-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
  .api-user-field { min-width: 0; padding: 8px 9px; border: 1px solid #e5ebf3; border-radius: 10px; background: #fbfcfe; }
  .api-user-field.wide { grid-column: 1 / -1; }
  .api-user-field span { display: block; color: var(--text-sub); font-size: 9px; }
  .api-user-field strong { display: block; overflow: hidden; margin-top: 3px; color: var(--text-main); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
  .session-cookie-card { display:flex; align-items:center; gap:10px; cursor:default; }
  .session-cookie-card:hover { transform:none; }
  .session-cookie-card[hidden] { display:none!important; }
  .session-cookie-card .info { min-width:0; }
  .session-cookie-card h4 { color:var(--text-main); font-size:12px; }
  .session-cookie-card p { margin-top:3px; color:var(--text-sub); font-size:10.5px; overflow-wrap:anywhere; }
  .profile-bearer-card { display:flex; width:100%; text-align:left; cursor:pointer; overflow:hidden; }
  .profile-bearer-card:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(112,69,232,.1); }
  .profile-bearer-card[hidden] { display:none!important; }
  .profile-bearer-card .info { flex:1; min-width:0; width:auto; }
  .profile-bearer-card .info strong { display:block; color:var(--text-main); font-size:12px; }
  .profile-bearer-card p { margin-top:3px; color:var(--text-sub); font-size:10.5px; }
  .profile-bearer-token-row { display:flex; align-items:center; gap:8px; margin-top:8px; }
  .profile-bearer-token-entry { display:flex; align-items:center; gap:8px; flex:1; min-width:0; min-height:40px; padding:0 10px; border:1px solid var(--border); border-radius:12px; background:var(--bg); color:var(--text-sub); }
  .profile-bearer-token-entry > svg { width:16px; height:16px; flex:0 0 16px; color:#8e71e8; }
  #profile-bearer-token { box-sizing:border-box; width:100%; min-width:0; padding:8px 0; border:0; outline:none; background:transparent; color:var(--text-main); font:10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
  #profile-bearer-token:focus { box-shadow:none; }
  .profile-bearer-actions { display:flex; gap:7px; margin-top:8px; }
  .profile-bearer-actions .config-save { flex:1; min-height:34px; }
  .profile-bearer-card .config-status { display:block; margin-top:5px; }
  .profile-bearer-heading { display:flex; align-items:center; gap:10px; }
  .profile-bearer-heading h4 { margin:0; font-size:15px; font-weight:800; }
  .profile-bearer-heading p { margin-top:3px; }
  .profile-bearer-icon { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border:1px solid rgba(132,94,247,.13); border-radius:14px; background:linear-gradient(145deg,#f1edff,#e7e0ff); color:#7045e8; box-shadow:inset 0 1px 0 rgba(255,255,255,.75); }
  .profile-bearer-icon i { font-size:20px; }
  .profile-bearer-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:14px; padding:5px; border:1px solid var(--border); border-radius:16px; background:var(--bg); }
  .profile-bearer-tab { display:flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:8px 10px; border:0; border-radius:14px; background:transparent; color:var(--text-sub); font-family:inherit; font-size:11px; font-weight:800; line-height:1.3; cursor:pointer; transition:all .2s ease; }
  .profile-bearer-tab svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .profile-bearer-tab.active { background:var(--card-bg); color:#7045e8; box-shadow:0 3px 10px rgba(112,69,232,.12); }
  body.dark .profile-bearer-tab.active { color:#b8a1ff; box-shadow:0 3px 10px rgba(0,0,0,.2); }
  .profile-bearer-panel { padding-top:14px; }
  .profile-bearer-panel[hidden] { display:none; }
  .profile-bearer-guide { line-height:1.6; color:var(--text-sub); font-size:10.5px; margin-bottom:12px; }
  .profile-bearer-link { display:inline-flex; align-items:center; justify-content:center; gap:6px; text-decoration:none; text-align:center; border-radius:14px; transition:all .2s ease; }
  .profile-bearer-download { background:linear-gradient(135deg,#7551e8,#5e39cc); color:#fff; }
  .profile-bearer-download:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(112,69,232,.25); }
  .profile-bearer-token-label { display:block; margin-top:14px; margin-bottom:8px; color:var(--text-main); font-size:10.5px; font-weight:800; }
  .profile-bearer-token-label span { color:var(--text-sub); font-weight:500; }
  #profile-bearer-token:read-only { opacity:.9; }
  .profile-bearer-copy { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; flex:0 0 auto; padding:0 12px; border:1px solid transparent; border-radius:12px; background:linear-gradient(135deg,#7551e8,#5e39cc); color:#fff; font-family:inherit; font-size:10px; font-weight:800; cursor:pointer; transition:all .2s ease; }
  .profile-bearer-copy svg { width:16px; height:16px; flex:0 0 16px; stroke:currentColor; stroke-width:2; }
  .profile-bearer-copy:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 4px 12px rgba(112,69,232,.25); }
  .profile-bearer-copy:active:not(:disabled) { transform:translateY(0); }
  .profile-bearer-copy:disabled { cursor:not-allowed; opacity:.55; }
  .profile-bearer-field { display:block; margin-top:12px; padding:11px 12px 12px; border:1px solid var(--border); border-radius:15px; background:linear-gradient(145deg,var(--card-bg),var(--bg)); color:var(--text-main); cursor:text; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
  .profile-bearer-field:focus-within { border-color:rgba(112,69,232,.48); box-shadow:0 0 0 3px rgba(112,69,232,.08); transform:translateY(-1px); }
  .profile-bearer-field-heading { display:flex; align-items:center; gap:9px; }
  .profile-bearer-field-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid rgba(112,69,232,.12); border-radius:11px; background:linear-gradient(145deg,#f1edff,#e7e0ff); color:#7045e8; }
  .profile-bearer-field-icon svg { width:18px; height:18px; }
  .profile-bearer-field-heading strong,.profile-bearer-field-heading small { display:block; }
  .profile-bearer-field-heading strong { font-size:11px; font-weight:800; }
  .profile-bearer-field-heading small { margin-top:2px; color:var(--text-sub); font-size:9px; font-weight:500; }
  .profile-bearer-field input { display:block; box-sizing:border-box; width:100%; min-height:40px; margin-top:10px; padding:9px 11px; border:1px solid var(--border); border-radius:11px; outline:none; background:var(--card-bg); color:var(--text-main); font:inherit; font-size:11px; line-height:1.4; transition:border-color .15s ease,box-shadow .15s ease; }
  .profile-bearer-field input::placeholder { color:var(--text-sub); opacity:.8; }
  .profile-bearer-field input:focus { border-color:rgba(112,69,232,.48); box-shadow:0 0 0 3px rgba(112,69,232,.08); }
  .profile-bearer-field input:read-only { background:var(--bg); color:var(--text-sub); cursor:not-allowed; }
  body.dark .profile-bearer-icon,
  body.dark .profile-bearer-field-icon { border-color:#3b354c; background:linear-gradient(145deg,#302a3d,#282332); color:#b8a1ff; box-shadow:none; }
  .profile-bearer-create { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:40px; margin-top:14px; border:none; border-radius:999px; background:linear-gradient(135deg,#2864a8,#1e4d7b); color:#fff; font-family:inherit; font-weight:700; cursor:pointer; transition:all .2s ease; }
  .profile-bearer-create svg { width:18px; height:18px; flex:0 0 18px; stroke:currentColor; stroke-width:2; }
  .profile-bearer-create:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 4px 12px rgba(40,100,168,.25); }
  .profile-bearer-create:active:not(:disabled) { transform:translateY(0); }
  .profile-bearer-create:disabled { cursor:not-allowed; opacity:.55; }
  #profile-bearer-modal { z-index:10000; }
  .profile-bearer-modal .profile-bearer-modal-content { width:100%; max-width:480px; max-height:min(90dvh,820px); margin:0; padding:10px 16px calc(26px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; background:var(--card-bg); box-shadow:0 -18px 40px rgba(16,24,40,.18); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .profile-bearer-modal.show .profile-bearer-modal-content { transform:translateY(0); }
  .profile-bearer-modal-header { position:sticky; top:0; z-index:1; }
  .profile-bearer-modal-header h3 { margin:0; padding-right:38px; color:var(--text-main); font-size:16px; font-weight:800; }
  .modal-close { position:absolute; top:10px; right:12px; width:30px; height:30px; min-width:30px; padding:0; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text-main); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s ease; }
  .modal-close:hover { background:linear-gradient(135deg,#7551e8,#5e39cc); color:#fff; border-color:transparent; box-shadow:0 4px 12px rgba(112,69,232,.2); }
  .modal-close svg { width:16px; height:16px; }
  .profile-bearer-modal .modal-body { padding:0; }
  @media (prefers-reduced-motion:reduce) {
    .profile-bearer-modal .profile-bearer-modal-content { transition:none; }
    .profile-bearer-field,.profile-bearer-field:focus-within { transform:none; }
  }
  .api-user-field img { width: 25px; height: 25px; border-radius: 8px; object-fit: cover; vertical-align: middle; margin-right: 5px; }
  .api-json { width: 100%; min-height: 105px; resize: vertical; border: 1px solid #e1e8f1; border-radius: 10px; padding: 9px 10px; outline: none; background: #f9fbfd; color: var(--text-main); font: 10.5px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
  .api-json-preview { max-height: 145px; overflow: auto; margin-top: 8px; padding: 8px; border-radius: 10px; background: #172235; color: #b9f7dc; font: 9.5px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
  .api-json-details { margin-top: 8px; color: var(--text-sub); font-size: 10.5px; }
  .api-json-details summary { cursor: pointer; font-weight: 800; }
  .telegram-connect-card { position:relative; display:block; grid-template-columns:minmax(0,1fr); padding:14px; cursor: default; }
  .telegram-connect-card:hover { transform: none; }
  .telegram-connect-card .info { min-width:0; padding-right:20px; }
  .telegram-card-icon { display:grid; place-items:center; color:#168de2; background:linear-gradient(145deg,#e8f5ff,#d9edff); }
  .telegram-card-icon svg { display:block; width:23px; height:23px; margin:auto; }
  .telegram-connect-card .info h4 { margin:2px 0 3px; font-size:14px; }
  .telegram-connect-card .info > p { font-size:11.5px; }
  .email-auth-form { display:grid; grid-template-columns:1fr; gap:6px; margin-top:10px; }
  .email-auth-form label { color:var(--text-sub); font-size:10px; font-weight:800; }
  .email-auth-input { position:relative; display:block; }
  .email-auth-input > svg { position:absolute; z-index:1; top:50%; left:11px; width:16px; height:16px; transform:translateY(-50%); fill:none; stroke:#7d91aa; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
  .email-auth-input .config-input { width:100%; min-height:38px; padding:8px 38px 8px 36px; border-radius:11px; background:#fff; font-size:12px; }
  .email-auth-input .config-input.has-provider-icon { padding-right:40px; }
  .email-provider-icon { position:absolute; z-index:2; top:50%; right:11px; display:grid; width:18px; height:18px; place-items:center; transform:translateY(-50%); pointer-events:none; }
  .email-provider-icon[hidden] { display:none!important; }
  .email-provider-icon svg { display:block; width:17px; height:17px; }
  .email-provider-status { min-height:0; margin:-3px 1px 0; color:#6d829a; font-size:8px; line-height:1.25; }
  .email-provider-status:empty { display:none; }
  .email-provider-status.is-invalid { color:#d34b4b; }
  .password-visibility-toggle { position:absolute; z-index:2; top:50%; right:6px; display:grid; width:34px; height:34px; place-items:center; padding:0; transform:translateY(-50%); border:0; border-radius:50%; background:transparent; color:#7d91aa; cursor:pointer; }
  .password-visibility-toggle:hover { background:#eef4fb; color:#287df5; }
  .password-visibility-toggle svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
  .password-visibility-toggle .password-eye-closed { display:none; }
  .password-visibility-toggle.is-visible .password-eye-open { display:none; }
  .password-visibility-toggle.is-visible .password-eye-closed { display:block; }
  .password-visibility-toggle:focus-visible { outline:2px solid rgba(40,125,245,.45); outline-offset:1px; }
  .email-auth-input .config-input:focus { border-color:#aeb9c8; box-shadow:0 0 0 3px rgba(90,105,125,.1); }
  .email-auth-input .config-input:-webkit-autofill,
  .email-auth-input .config-input:-webkit-autofill:hover,
  .email-auth-input .config-input:-webkit-autofill:focus { -webkit-text-fill-color:var(--text-main); box-shadow:0 0 0 1000px #fff inset; transition:background-color 99999s ease-out 0s; }
  .email-auth-input .config-input:autofill { color:var(--text-main); box-shadow:0 0 0 1000px #fff inset; }
  .password-strength { display:block; margin:0 1px 1px; }
  .password-strength-heading,
  .password-strength > p { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .password-strength-heading { display:flex; align-items:center; gap:4px; color:var(--text-sub); font-size:8px; font-weight:700; white-space:nowrap; }
  .password-strength-heading strong { color:#8793a2; font-size:8px; font-weight:850; }
  .password-strength-meter { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; }
  .password-strength-meter span { height:3px; border-radius:999px; background:#e5eaf1; transition:background .18s ease; }
  .password-strength[data-level="weak"] .password-strength-meter span:nth-child(-n+1) { background:#e15353; }
  .password-strength[data-level="weak"] .password-strength-heading strong { color:#d34b4b; }
  .password-strength[data-level="medium"] .password-strength-meter span:nth-child(-n+2) { background:#e6a52f; }
  .password-strength[data-level="medium"] .password-strength-heading strong { color:#b47b14; }
  .password-strength[data-level="good"] .password-strength-meter span:nth-child(-n+3) { background:#57a56b; }
  .password-strength[data-level="good"] .password-strength-heading strong { color:#38834d; }
  .password-strength[data-level="strong"] .password-strength-meter span { background:#19a86b; }
  .password-strength[data-level="strong"] .password-strength-heading strong { color:#078451; }
  body.dark .email-auth-input .config-input { border-color:#3a3a3a; background:#202020; }
  body.dark .password-visibility-toggle { color:#9babc0; }
  body.dark .password-visibility-toggle:hover { background:#26364a; color:#9fc5ff; }
  body.dark .email-auth-input .config-input:focus { border-color:#6a6a6a; box-shadow:0 0 0 3px rgba(180,180,180,.1); }
  body.dark .email-auth-input .config-input:-webkit-autofill,
  body.dark .email-auth-input .config-input:-webkit-autofill:hover,
  body.dark .email-auth-input .config-input:-webkit-autofill:focus,
  body.dark .email-auth-input .config-input:autofill { -webkit-text-fill-color:#fff; box-shadow:0 0 0 1000px #202020 inset; }
  .email-auth-actions { display:flex; gap:7px; margin-top:2px; }
  .email-auth-actions .api-button, .email-auth-account .api-button { position:relative; display:inline-flex; min-height:34px; align-items:center; justify-content:center; gap:6px; padding:0 12px; border:1px solid #d9e7f7; border-radius:999px; background:#f5f9ff; color:#2864a8; font-size:10px; font-weight:800; transition:transform .18s ease,background .18s ease; }
  .email-auth-actions .api-button svg { width:14px; height:14px; flex:0 0 14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .email-auth-actions .api-button:hover { transform:translateY(-1px); }
  .email-auth-actions .api-button.is-loading { width:38px; min-width:38px; padding:0; cursor:wait; }
  .email-auth-actions .api-button.is-loading span,
  .email-auth-actions .api-button.is-loading svg { display:none; }
  .email-auth-actions .api-button.is-loading::before { width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; content:""; animation:telegramButtonSpin .7s linear infinite; }
  .email-auth-actions .api-button[value="register"] { border-color:#287df5; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; }
  .email-auth-account { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; color:var(--text-sub); font-size:11px; }
  .email-auth-account[hidden], .email-auth-form[hidden] { display:none!important; }
  .email-auth-status:empty { display:none; }
  .email-auth-status { margin:0; font-size:10px; }
  .profile-auth-methods { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-bottom:14px; padding:4px; border:1px solid #e6ebf2; border-radius:999px; background:#f5f7fb; }
  .profile-auth-method { display:flex; min-height:42px; align-items:center; justify-content:center; gap:8px; border:0; border-radius:999px; background:transparent; color:var(--text-sub); font:inherit; font-size:12px; font-weight:800; cursor:pointer; transition:background .18s ease,color .18s ease,box-shadow .18s ease; }
  .profile-auth-method i { font-size:16px; }
  .profile-auth-method > svg { display:block; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .profile-auth-method.active { background:linear-gradient(135deg,#fff,#fafdff); color:#287df5; box-shadow:0 3px 10px rgba(20,36,60,.11); }
  .profile-auth-method:focus-visible { outline:3px solid rgba(40,125,245,.24); outline-offset:2px; }
  .profile-auth-panel[hidden] { display:none!important; }
  .profile-auth-panel { position:relative; }
  .profile-auth-panel-heading { display:flex; align-items:center; gap:11px; padding:3px 0 7px; }
  .profile-auth-panel-heading h4 { margin:0 0 3px; color:var(--text-main); font-size:14px; font-weight:900; }
  .profile-auth-panel-heading p { margin:0; color:var(--text-sub); font-size:11px; line-height:1.45; }
  .profile-auth-method-icon { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; border-radius:14px; font-size:21px; }
  .profile-auth-method-icon.email { background:linear-gradient(145deg,#eaf3ff,#dceaff); color:#4277dc; }
  .profile-auth-method-icon.email svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
  .profile-auth-method-icon.telegram { background:#e5f5ff; color:#28a8e9; }
  .profile-auth-panel .telegram-connect-row { margin-top:9px; }
  .profile-auth-panel .telegram-connect-row #telegram-connect { min-height:42px; padding:0 16px; border-radius:13px; font-size:12px; }
  .profile-auth-panel .telegram-connect-row #telegram-connect svg { width:16px; height:16px; flex-basis:16px; }
  .telegram-panel-help { margin-top:8px; color:var(--text-sub); font-size:10px; line-height:1.5; }
  .telegram-connect-row { display:flex; flex-wrap:nowrap; align-items:center; gap:7px; margin-top:11px; }
  .telegram-connect-row .api-button { position:relative; display:inline-flex; flex:0 1 auto; min-width:0; min-height:34px; align-items:center; justify-content:center; gap:5px; padding:0 9px; border:1px solid #d9e7f7; border-radius:999px; background:#f5f9ff; color:#2864a8; font-size:10px; font-weight:800; white-space:nowrap; transition:background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
  .telegram-connect-row .api-button:hover { transform:translateY(-1px); border-color:#b9d5f5; background:#eaf3ff; }
  .telegram-connect-row .api-button svg { display:block; width:14px; height:14px; flex:0 0 14px; margin:auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .telegram-connect-row .api-button.is-loading { cursor:wait; opacity:1; }
  .telegram-connect-row .api-button.is-loading::before { width:13px; height:13px; flex:0 0 13px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; content:""; animation:telegramButtonSpin .7s linear infinite; }
  .telegram-connect-row .api-button.is-loading svg { display:none; }
  .telegram-connect-row .api-button:disabled { opacity:.72; }
  .telegram-connect-row .api-button:disabled:hover { transform:none; }
  @keyframes telegramButtonSpin { to { transform:rotate(360deg); } }
  @media (max-width:620px) {
    .telegram-connect-row { gap:9px; }
    .telegram-connect-row .api-button { width:40px; height:40px; min-height:40px; flex:0 0 40px; gap:0; padding:0; font-size:0; }
    .profile-auth-panel .telegram-connect-row #telegram-connect { width:40px; height:40px; min-height:40px; flex:0 0 40px; gap:0; padding:0; border-radius:999px; font-size:0; }
    .telegram-connect-row .api-button svg { width:17px; height:17px; flex-basis:17px; }
    .telegram-connect-row .api-button.is-loading::before { width:17px; height:17px; flex-basis:17px; }
  }
  #telegram-connect { border-color:#287df5; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; }
  #telegram-connect:hover { border-color:#287df5; background:linear-gradient(135deg,#1768dc,#438ff0); }
  .telegram-bot-link { display:none; grid-template-columns:42px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; column-gap:10px; row-gap:5px; min-height:76px; margin-top:10px; padding:9px 11px; border:1px solid #dce7f3; border-radius:15px; background:linear-gradient(135deg,#f8fbff,#eef5fc); color:var(--text-main); text-decoration:none; transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }
  .telegram-bot-link.show { display:grid; }
  .telegram-bot-link:hover { transform:translateY(-1px); border-color:#b8d2f1; background:#f1f7ff; box-shadow:0 5px 14px rgba(36,86,145,.1); }
  .telegram-bot-link > img { grid-column:1; grid-row:1 / 3; display:block; width:42px; height:42px; padding:4px; border:1px solid #e2eaf3; border-radius:13px; background:#fff; object-fit:contain; }
  .telegram-bot-link-copy { display:grid; min-width:0; flex:1; gap:3px; }
  .telegram-bot-link-copy { grid-column:2; grid-row:1; }
  .telegram-bot-link-copy strong { overflow:hidden; color:#1c2c40; font-size:11px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
  .telegram-bot-link-copy small { color:#708197; font-size:9px; font-weight:650; }
  .telegram-bot-link-action { grid-column:3; grid-row:1; display:inline-flex; min-height:32px; align-items:center; justify-content:center; gap:5px; padding:0 10px; border:1px solid #287df5; border-radius:999px; background:linear-gradient(135deg,#287df5,#55a5ff); color:#fff; font-size:9px; font-weight:850; white-space:nowrap; box-shadow:0 3px 8px rgba(40,125,245,.18); }
  .telegram-bot-link-action svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .telegram-bot-link-countdown { grid-column:2 / 4; grid-row:2; display:inline-flex; align-items:center; gap:5px; color:#6e7f93; font-size:8px; font-weight:650; }
  .telegram-bot-link-countdown > svg { width:12px; height:12px; fill:none; stroke:#71859d; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .telegram-bot-link-countdown strong { color:#bf7a12; font-size:9px; font-variant-numeric:tabular-nums; font-weight:850; }
  .telegram-bot-link.is-expired .telegram-bot-link-countdown strong,
  .telegram-bot-link.is-expired .telegram-bot-link-countdown { color:#c34444; }
  .telegram-bot-link.is-confirmed .telegram-bot-link-countdown strong,
  .telegram-bot-link.is-confirmed .telegram-bot-link-countdown { color:#168451; }
  .telegram-safety-toggle { position:absolute; top:3px; right:0; display:grid; width:32px; height:32px; place-items:center; padding:0; border:1px solid #e4bb62; border-radius:11px; background:#fff4d7; color:#a96200; cursor:pointer; box-shadow:0 2px 6px rgba(111,73,7,.12); transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
  .telegram-safety-toggle:hover, .telegram-safety-toggle[aria-expanded="true"] { transform:translateY(-1px); background:#ffe9b0; box-shadow:0 4px 10px rgba(111,73,7,.18); }
  .telegram-safety-toggle svg { display:block; width:21px; height:21px; }
  .telegram-safety-toggle:focus-visible { outline:3px solid rgba(190,126,16,.3); outline-offset:2px; }
  .telegram-safe-note { margin-top:10px; padding:12px; border:1px solid #e7c76f; border-radius:13px; background:linear-gradient(145deg,#fffaf0,#fff5db); color:#554217; font-size:10px; line-height:1.5; }
  .telegram-safe-note[hidden] { display:none!important; }
  .telegram-safe-note-heading { display:flex; align-items:center; gap:9px; padding-bottom:8px; border-bottom:1px solid rgba(169,98,0,.16); }
  .telegram-safe-note-icon { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:10px; background:#ffedbd; color:#a96200; }
  .telegram-safe-note-icon svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .telegram-safe-note-heading h5 { margin:0 0 2px; color:#583d09; font-size:11px; font-weight:900; }
  .telegram-safe-note-heading p { margin:0; color:#77643a; font-size:9px; line-height:1.4; }
  .telegram-safe-note ul { display:grid; gap:6px; margin:9px 0 0; padding:0; list-style:none; }
  .telegram-safe-note li { position:relative; padding-left:17px; }
  .telegram-safe-note li::before { position:absolute; top:0; left:0; color:#b4780d; content:"✓"; font-size:11px; font-weight:900; }
  .telegram-safe-note li strong { color:#704a05; }
  .payout-card-icon svg { width:21px; height:21px; }
  body.dark .api-user-field { border-color:#333; background:#171717; }
  body.dark .api-user-field span { color:#a0a0a0; }
  body.dark .api-user-field strong { color:#f2f2f2; }
  body.dark .api-json { border-color: #33445c; background: #202e43; color: #fff; }
  body.dark .telegram-card-icon { color:#69baff; background:linear-gradient(145deg,#1e3853,#223f5e); }
  body.dark .profile-auth-methods { border-color:#303030; background:#171717; }
  body.dark .profile-auth-method { color:#a5a5a5; }
  body.dark .profile-auth-method.active { background:linear-gradient(135deg,#293a51,#243246); color:#a9cbff; box-shadow:0 3px 10px rgba(0,0,0,.28); }
  body.dark .profile-auth-method-icon.email { background:linear-gradient(145deg,#1f3452,#263c5a); color:#91b7ff; }
  body.dark .profile-auth-method-icon.telegram { background:#153749; color:#69c7f4; }
  body.dark .email-auth-actions .api-button:not([value="register"]), body.dark .email-auth-account .api-button { border-color:#344b68; background:#202e43; color:#b9d7fb; }
  body.dark .telegram-connect-row .api-button { border-color:#344b68; background:#202e43; color:#b9d7fb; }
  body.dark .telegram-connect-row .api-button:hover { border-color:#45678f; background:#263b56; }
  body.dark .telegram-bot-link { border-color:#3b4655; background:linear-gradient(135deg,#202833,#252d38); }
  body.dark .telegram-bot-link:hover { border-color:#55749b; background:#273446; }
  body.dark .telegram-bot-link > img { border-color:#434b56; background:#f5f6f8; }
  body.dark .telegram-bot-link-copy strong { color:#f0f4fa; }
  body.dark .telegram-bot-link-copy small { color:#aab7c7; }
  body.dark .telegram-bot-link-countdown { color:#aab7c7; }
  body.dark .telegram-bot-link-countdown > svg { stroke:#aab7c7; }
  body.dark .telegram-bot-link-countdown strong { color:#f0bf68; }
  body.dark #telegram-connect, body.dark #telegram-connect:hover { border-color:#287df5; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; }
  body.dark .telegram-safety-toggle { border-color:#936716; background:#4a3514; color:#ffc84f; box-shadow:0 2px 7px rgba(0,0,0,.28); }
  body.dark .telegram-safety-toggle:hover, body.dark .telegram-safety-toggle[aria-expanded="true"] { background:#5c4218; }
  body.dark .telegram-safe-note { border-color:#775b25; background:linear-gradient(145deg,#30291b,#352d1c); color:#e7d39f; }
  body.dark .telegram-safe-note-heading { border-bottom-color:rgba(235,190,87,.2); }
  body.dark .telegram-safe-note-icon { background:#49391c; color:#f2c45f; }
  body.dark .telegram-safe-note-heading h5 { color:#f7dda0; }
  body.dark .telegram-safe-note-heading p { color:#c4b58f; }
  body.dark .telegram-safe-note li::before,
  body.dark .telegram-safe-note li strong { color:#f2c45f; }

  .profile-header {
    overflow:visible;
    margin:-18px -18px 16px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .profile-cover { position:relative; height:178px; overflow:hidden; border-radius:0; background:linear-gradient(125deg,#1769c7 0%,#5a8df0 42%,#a5c5ff 100%); }
  .profile-cover::before, .profile-cover::after { position:absolute; content:""; pointer-events:none; }
  .profile-cover::before { z-index:1; width:190px; height:190px; top:-105px; right:38px; border-radius:50%; background:rgba(255,255,255,.13); }
  .profile-cover::after { z-index:1; right:0; bottom:-1px; left:0; height:88px; background:linear-gradient(to bottom,transparent 0%,var(--bg,#f2f5fa) 100%); }
  .profile-cover.has-cover::before { display:none; }
  .profile-cover-image { position:absolute; z-index:0; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
  .profile-cover-image[hidden] { display:none; }
  .profile-cover-actions { position:absolute; z-index:2; top:10px; right:10px; display:flex; gap:6px; }
  .profile-cover-action { display:inline-flex; min-height:31px; align-items:center; justify-content:center; gap:5px; padding:0 10px; border:1px solid rgba(255,255,255,.42); border-radius:999px; background:rgba(18,36,62,.48); color:#fff; font:inherit; font-size:9px; font-weight:800; cursor:pointer; backdrop-filter:blur(10px); transition:background .18s ease, transform .18s ease; }
  .profile-cover-action:hover { background:rgba(18,36,62,.7); transform:translateY(-1px); }
  .profile-cover-action[hidden] { display:none!important; }
  .profile-header-content { position:relative; display:flex; min-height:116px; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:-82px; padding:26px 17px 15px; }
  .profile-header-info { display:grid; min-width:0; justify-items:start; gap:4px; }
  .profile-header-info h3 { overflow:hidden; max-width:100%; color:var(--text-main); font-size:20px; font-weight:950; letter-spacing:-.4px; text-shadow:0 1px 0 currentColor; text-overflow:ellipsis; white-space:nowrap; }
  .profile-header-info p { overflow:hidden; max-width:100%; margin:0; color:var(--text-sub); font-size:12px; font-weight:800; text-shadow:0 1px 0 currentColor; text-overflow:ellipsis; white-space:nowrap; }
  .profile-header-info .profile-role-badge { position:static; min-height:22px; gap:5px; margin-top:3px; padding:3px 9px; border:0; font-size:9px; }
  .profile-header-info .profile-role-badge svg { width:13px; height:13px; flex:0 0 13px; }
  .profile-header .avatar-wrap { position:absolute; z-index:2; top:30px; right:17px; width:92px; height:92px; padding:4px; border:2px solid rgba(40,125,245,.2); border-radius:50%; background:var(--card-bg,#fff); box-shadow:0 5px 16px rgba(20,41,70,.16); }
  .profile-header .profile-avatar { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; background:var(--soft-bg,#edf3fc); }
  body.dark .profile-header { border-color:transparent; box-shadow:none; }
  body.dark .profile-cover-action { border-color:rgba(255,255,255,.3); }
  #page-profile.active:not(.profile-authenticated) { display:flex; flex-direction:column; }
  .profile-guest-heading { display:none; }
  #page-profile.profile-email-authenticated .profile-guest-version { display:none!important; }
  #page-profile.profile-authenticated .profile-guest-version { display:none!important; }
  #page-profile:not(.profile-authenticated) > :not(.telegram-connect-card):not(.profile-guest-heading):not(.profile-guest-version) { display:none!important; }
  #page-profile:not(.profile-authenticated) { gap:0; }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading { position:relative; isolation:isolate; overflow:hidden; order:0; display:block; min-height:0; margin:8px 0 12px; padding:0 0 12px; border:1px solid #dce5ef; border-radius:16px; background:var(--card-bg,#fff); text-align:left; box-shadow:0 5px 16px rgba(27,52,83,.055); }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading::before,
  #page-profile:not(.profile-authenticated) > .profile-guest-heading::after { display:none; }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading > * { position:relative; z-index:1; }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading .profile-login-banner { display:block; width:100%; height:clamp(112px,35vw,160px); object-fit:cover; object-position:center 42%; }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading h2 { margin:11px 14px 3px; color:#172b46; font-size:15px; font-weight:850; line-height:1.25; letter-spacing:-.2px; }
  #page-profile:not(.profile-authenticated) > .profile-guest-heading p { max-width:400px; margin:0 14px; color:#63748a; font-size:10px; line-height:1.5; }
  .profile-auth-icon { grid-column:1; grid-row:1 / 4; display:grid; width:58px; height:58px; place-items:center; border:1px solid #e5ebf2; border-radius:16px; background:#fff; box-shadow:0 4px 11px rgba(25,48,75,.1); }
  .profile-auth-icon img { display:block; width:37px; height:37px; border-radius:11px; object-fit:contain; }
  .profile-guest-eyebrow { grid-column:2; grid-row:1; align-self:end; color:#3477c8; font-size:8px; font-weight:850; letter-spacing:.1em; }
  #page-profile:not(.profile-authenticated) > .telegram-connect-card { z-index:1; order:1; display:block; width:100%; margin:0 auto 0; padding:15px; border:1px solid #e4ebf4; border-radius:20px; background:var(--card-bg); box-shadow:0 8px 22px rgba(25,55,95,.07); cursor:default; }
  #page-profile:not(.profile-authenticated) > .telegram-connect-card:hover { transform:none; }
  #page-profile:not(.profile-authenticated) .profile-auth-methods { display:flex; align-items:center; gap:10px; max-width:none; margin:0 0 10px; padding:0; border:0; border-radius:0; background:transparent; }
  #page-profile:not(.profile-authenticated) .profile-auth-brand { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; overflow:hidden; border:1px solid #e6edf6; border-radius:13px; background:#fff; box-shadow:0 2px 6px rgba(35,65,108,.08); }
  #page-profile:not(.profile-authenticated) .profile-auth-brand img { display:block; width:36px; height:36px; object-fit:contain; }
  #page-profile:not(.profile-authenticated) .profile-auth-method-group { display:grid; grid-template-columns:1fr 1fr; flex:1; min-width:0; gap:3px; padding:3px; border:1px solid #e5edf7; border-radius:999px; background:#f1f5fb; }
  #page-profile:not(.profile-authenticated) .profile-auth-method { min-width:0; min-height:36px; gap:5px; border:0; border-radius:999px; background:transparent; font-size:10px; }
  #page-profile:not(.profile-authenticated) .profile-auth-method > svg,
  #page-profile:not(.profile-authenticated) .profile-auth-method > i { width:14px; height:14px; flex:0 0 14px; font-size:13px; }
  #page-profile:not(.profile-authenticated) .profile-auth-method.active { color:#fff; background:linear-gradient(135deg,#287df5,#55a5ff); box-shadow:0 4px 10px rgba(40,125,245,.22); }
  #page-profile:not(.profile-authenticated) .profile-auth-panel-heading { padding:1px 0 5px; }
  #page-profile:not(.profile-authenticated) .profile-auth-method-icon { width:40px; height:40px; flex-basis:40px; border-radius:13px; }
  #page-profile:not(.profile-authenticated) .profile-auth-panel-heading h4 { font-size:13px; }
  #page-profile:not(.profile-authenticated) .profile-auth-panel-heading p { font-size:10px; }
  #page-profile:not(.profile-authenticated) .email-auth-form { gap:7px; margin-top:10px; }
  #page-profile:not(.profile-authenticated) .email-auth-form label { margin-top:3px; color:var(--text-main); font-size:10px; }
  #page-profile:not(.profile-authenticated) .email-auth-input .config-input { min-height:44px; border-color:#e0e8f2; border-radius:12px; background:#f9fbfe; }
  #page-profile:not(.profile-authenticated) .email-auth-input .config-input:focus { border-color:#78aaf4; background:#fff; box-shadow:0 0 0 3px rgba(40,125,245,.12); }
  #page-profile:not(.profile-authenticated) .email-auth-actions { gap:8px; margin-top:6px; }
  #page-profile:not(.profile-authenticated) .email-auth-actions .api-button { min-height:44px; flex:1; border-radius:999px; font-size:11px; }
  #page-profile:not(.profile-authenticated) .email-auth-actions .api-button[value="login"] { border-color:#287df5; background:linear-gradient(135deg,#287df5,#55a5ff); color:#fff; box-shadow:0 5px 12px rgba(40,125,245,.18); }
  #page-profile:not(.profile-authenticated) .email-auth-actions .api-button[value="register"] { border-color:#dce7f5; background:#f6f9fd; color:#42617f; }
  #page-profile:not(.profile-authenticated) .telegram-connect-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  #page-profile:not(.profile-authenticated) .telegram-connect-row .api-button { width:auto; min-width:0; min-height:42px; flex:1 1 0; gap:7px; justify-content:center; padding:0 8px; border-radius:999px; font-size:10px; line-height:1; white-space:nowrap; }
  #page-profile:not(.profile-authenticated) .telegram-connect-row .api-button span { display:inline; flex:0 0 auto; width:auto; margin:0!important; font-size:inherit; text-align:center; }
  #page-profile:not(.profile-authenticated) .telegram-connect-row .api-button svg { width:16px; height:16px; flex:0 0 16px; margin:0; stroke-width:1.9; }
  #page-profile:not(.profile-authenticated) .telegram-connect-row #telegram-connect { border-color:#287df5; background:linear-gradient(135deg,#287df5,#55a5ff); color:#fff; box-shadow:0 4px 10px rgba(40,125,245,.2); }
  #page-profile:not(.profile-authenticated) .telegram-connect-row #telegram-connect:hover { background:linear-gradient(135deg,#1768dc,#438ff0); }
  #page-profile:not(.profile-authenticated) .telegram-connect-row #session-share-create,
  #page-profile:not(.profile-authenticated) .telegram-connect-row #session-share-scan { border-color:#d9e7f7; background:#f5f9ff; color:#2864a8; }
  #page-profile:not(.profile-authenticated) .profile-guest-version { order:2; display:flex; align-items:center; justify-content:center; gap:6px; margin:14px 0 8px; color:#7b8796; font-size:9px; font-weight:650; letter-spacing:.025em; }
  #page-profile:not(.profile-authenticated) .profile-guest-version strong { color:#52657b; font-weight:850; }
  body.dark #page-profile:not(.profile-authenticated) > .profile-guest-heading { border-color:#37393e; background:#1b1c1f; box-shadow:0 5px 16px rgba(0,0,0,.2); }
  body.dark #page-profile:not(.profile-authenticated) > .profile-guest-heading h2 { color:#f3f7fc; }
  body.dark #page-profile:not(.profile-authenticated) > .profile-guest-heading p { color:#b6bac2; }
  body.dark #page-profile:not(.profile-authenticated) > .telegram-connect-card { border-color:#303d50; box-shadow:0 8px 22px rgba(0,0,0,.2); }
  body.dark #page-profile:not(.profile-authenticated) .profile-auth-brand { border-color:#303d50; background:#fff; }
  body.dark #page-profile:not(.profile-authenticated) .profile-auth-method-group { border-color:#303d50; background:#171f2b; }
  body.dark #page-profile:not(.profile-authenticated) .profile-auth-method.active { color:#fff; background:linear-gradient(135deg,#287df5,#55a5ff); }
  body.dark #page-profile:not(.profile-authenticated) .profile-auth-icon { border-color:#e5e7eb; background:#f5f6f8; box-shadow:0 4px 11px rgba(0,0,0,.24); }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input { border-color:#454545; background:#222; color:#f1f1f1; caret-color:#f1f1f1; }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input::placeholder { color:#999; opacity:1; }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input:focus { border-color:#777; background:#292929; color:#fff; }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input:-webkit-autofill,
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input:-webkit-autofill:hover,
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input:-webkit-autofill:focus { -webkit-text-fill-color:#f1f1f1; box-shadow:0 0 0 1000px #222 inset; }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-input .config-input:autofill { color:#f1f1f1; box-shadow:0 0 0 1000px #222 inset; }
  body.dark #page-profile:not(.profile-authenticated) .email-provider-status { color:#9aabc0; }
  body.dark #page-profile:not(.profile-authenticated) .password-visibility-toggle { color:#9aabc0; }
  body.dark #page-profile:not(.profile-authenticated) .password-visibility-toggle:hover { background:#2b3b50; color:#83b5ff; }
  body.dark #page-profile:not(.profile-authenticated) .profile-guest-version { color:#9298a2; }
  body.dark #page-profile:not(.profile-authenticated) .profile-guest-version strong { color:#d4d8df; }
  body.dark #page-profile:not(.profile-authenticated) .telegram-connect-row #session-share-create,
  body.dark #page-profile:not(.profile-authenticated) .telegram-connect-row #session-share-scan { border-color:#454545; background:#252629; color:#d1d5dc; }
  body.dark #page-profile:not(.profile-authenticated) .password-strength-heading strong { color:#a8b7c8; }
  body.dark #page-profile:not(.profile-authenticated) .email-auth-actions .api-button[value="register"] { border-color:#344154; background:#202b3a; color:#c5d8f1; }
  body.dark .password-strength-meter span { background:#344154; }
  .profile-auth-divider { display:flex; align-items:center; gap:9px; margin:12px 0 2px; color:var(--text-sub); font-size:10px; font-weight:800; }
  .profile-auth-divider::before, .profile-auth-divider::after { height:1px; flex:1; background:var(--border-color,#e5eaf1); content:""; }

  .profile-role-badge { position:absolute; right:-9px; bottom:-6px; z-index:1; display:inline-flex; min-height:19px; align-items:center; justify-content:center; padding:2px 7px; border:2px solid var(--card-bg); border-radius:999px; background:#e7edf4; color:#536171; font-size:8px; font-weight:900; line-height:1; letter-spacing:.035em; white-space:nowrap; box-shadow:0 2px 7px rgba(15,23,42,.15); }
  .profile-role-badge[hidden] { display:none!important; }
  .profile-role-badge.role-silver { background:linear-gradient(135deg,#8795a8,#d1d8e1); color:#233044; }
  .profile-role-badge.role-admin { background:linear-gradient(135deg,#287df5,#55a6ff); color:#fff; }
  .profile-role-badge.role-owner { background:linear-gradient(135deg,#b77908,#f4ca68); color:#422d06; }
  .profile-role-badge.role-developer { background:linear-gradient(135deg,#7048d8,#a47aff); color:#fff; }
  .profile-role-badge.role-member { background:linear-gradient(135deg,#e7edf4,#f5f7fa); color:#46566a; }
  body.dark .profile-role-badge { border-color:#1b2638; }

  .settings-preference { margin-bottom: 18px; }
  .settings-preference-heading { margin-bottom: 10px; }
  .settings-preference-heading h5 { margin: 0; font-size: 13px; font-weight: 800; }
  .settings-preference-heading p { margin: 4px 0 0; color: var(--text-sub); font-size: 11px; }
  .settings-toggle-list { overflow: hidden; border: 1px solid var(--border, #e1e8f1); border-radius: 14px; background: var(--card-bg, #fff); }
  .menu-label-toggle { margin-top:10px; }
  .settings-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 9px 12px; color: var(--text-main); font-size: 11px; font-weight: 700; }
  .settings-toggle-row + .settings-toggle-row { border-top: 1px solid var(--border, #e1e8f1); }
  .admin-notifications-disabled #home-admin-notice { display: none !important; }
  .settings-switch { position: relative; width: 48px; height: 28px; flex: 0 0 48px; padding: 0; border: 0; border-radius: 999px; background: #c8d0dc; cursor: pointer; transition: background .18s ease; }
  .settings-switch::after { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(16,24,40,.22); content: ""; transition: transform .18s ease; }
  .settings-switch[aria-checked="true"] { background: #16a765; }
  .settings-switch[aria-checked="true"]::after { transform: translateX(20px); }
  .settings-switch:focus-visible { outline: 3px solid rgba(40,125,245,.3); outline-offset: 2px; }
  .theme-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .theme-choice, .language-choice { min-width: 0; border: 1px solid var(--border, #e1e8f1); border-radius: 13px; background: var(--card-bg, #fff); color: var(--text-main); font: inherit; cursor: pointer; }
  .theme-choice { padding: 6px; text-align: left; }
  .theme-choice img { display: block; width: 100%; aspect-ratio: 1.55; border-radius: 8px; object-fit: cover; background: #edf2f8; }
  .theme-choice span { display: block; padding: 7px 2px 2px; font-size: 10px; font-weight: 800; text-align: center; }
  .theme-choice[aria-pressed="true"], .language-choice[aria-pressed="true"] { border-color: #287df5; box-shadow: 0 0 0 2px rgba(40,125,245,.14); }
  .language-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .language-choice { display: flex; align-items: center; gap: 9px; padding: 9px 11px; font-size: 11px; font-weight: 800; }
  .language-flag { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; border-radius: 50%; background: #f1f5f9; overflow: hidden; }
  .language-flag svg { display: block; width: 100%; height: 100%; }
  body.dark .theme-choice, body.dark .language-choice { border-color:#333; background:#171717; color:#f2f2f2; }
  body.dark .settings-toggle-list { border-color:#333; background:#171717; }
  body.dark .settings-toggle-row + .settings-toggle-row { border-color:#333; }
  body.dark .language-flag { background:#292929; }
  body.dark .theme-choice[aria-pressed="true"], body.dark .language-choice[aria-pressed="true"] { border-color:#777!important; background:#242424!important; box-shadow:0 0 0 2px rgba(180,180,180,.12)!important; }

  html.performance-lite *,
  html.performance-lite *::before,
  html.performance-lite *::after,
  html.performance-low-graphics *,
  html.performance-low-graphics *::before,
  html.performance-low-graphics *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  html.performance-lite *,
  html.performance-lite *::before,
  html.performance-lite *::after,
  html.performance-reduce-motion *,
  html.performance-reduce-motion *::before,
  html.performance-reduce-motion *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .settings-performance-hint { margin:0; padding:0 12px 10px; color:var(--text-sub); font-size:10px; line-height:1.5; }
  .settings-toggle-row small { display:block; margin-top:3px; color:var(--text-sub); font-size:9px; font-weight:500; }

  @media (max-width:360px) {
    .profile-cover { height:160px; }
    .profile-header-content { min-height:108px; margin-top:-72px; padding:22px 13px 12px; }
    .profile-header-info h3 { font-size:18px; }
    .profile-header .avatar-wrap { top:29px; right:13px; width:82px; height:82px; }
  }
  .service-shop-trigger { width:100%; text-align:left; }
  .service-shop-trigger-icon svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .service-shop-modal { max-height:min(90dvh, 820px); overflow-y:auto; overscroll-behavior:contain; }
  .service-shop-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:2px 0 14px; padding:4px; border:1px solid var(--border,#e5ebf3); border-radius:15px; background:var(--soft-bg,#f5f8fc); }
  .service-shop-tab { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:40px; padding:7px 4px; border:0; border-radius:11px; color:var(--text-sub); background:transparent; font:inherit; font-size:10px; font-weight:850; cursor:pointer; }
  .service-shop-tab img { width:19px; height:19px; border-radius:6px; object-fit:cover; }
  .service-shop-tab.active { color:#287df5; background:var(--card-bg,#fff); box-shadow:0 4px 13px rgba(40,125,245,.12); }
  .service-order-form { display:grid; gap:10px; }
  .service-order-edit-fields { display:grid; gap:18px; }
  .service-order-form .config-field { margin:0; }
  .service-order-otp-field small { display:block; color:var(--text-sub); font-size:9px; line-height:1.4; }
  .service-order-otp-field .config-input { font-variant-numeric:tabular-nums; }
  .service-order-quantity-entry { position:relative; display:block; }
  .service-order-quantity-entry > svg { position:absolute; z-index:1; top:50%; left:11px; width:17px; height:17px; transform:translateY(-50%); fill:none; stroke:#7388a3; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
  .service-order-quantity-entry .config-input { width:100%; padding-left:38px; }
  .service-order-otp-grid { margin-top:2px; }
  .service-order-verification[hidden], .service-order-otp-grid[hidden], .service-order-secret-field #service-order-password[hidden] { display:none !important; }
  .service-order-confirmation { --service-confirm-accent:#397766; --service-confirm-accent-soft:#edf5f2; --service-confirm-accent-border:#d6e6e0; display:grid; gap:12px; padding:13px; border:1px solid var(--border,#e5ebf3); border-radius:12px; background:var(--soft-bg,#f7f9fb); }
  .service-order-confirmation[hidden], .service-order-edit-fields[hidden], .service-order-history[hidden], .service-shop-tabs[hidden], #service-order-submit[hidden] { display:none !important; }
  .service-order-confirmation-heading { display:flex; align-items:center; gap:9px; }
  .service-order-confirmation-heading > span { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; border:1px solid var(--service-confirm-accent-border); border-radius:10px; background:var(--service-confirm-accent-soft); color:var(--service-confirm-accent); }
  .service-order-confirmation-heading svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .service-order-confirmation-heading strong,.service-order-confirmation-heading small { display:block; }
  .service-order-confirmation-heading strong { color:var(--text-main); font-size:12px; }
  .service-order-confirmation-heading small { margin-top:3px; color:var(--text-sub); font-size:9px; }
  .service-order-confirmation-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .service-order-confirmation-details > div { display:grid; grid-template-columns:17px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:3px 7px; min-width:0; padding:9px; border:1px solid var(--border,#e6e9ee); border-radius:9px; background:var(--card-bg,#fff); }
  .service-order-confirmation-details > div > svg { display:block !important; grid-column:1; grid-row:1/3; width:18px !important; min-width:18px; height:18px !important; flex:0 0 18px; fill:none; stroke:#778394; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .service-order-confirmation-details > div > span { grid-column:2; grid-row:1; color:var(--text-sub); font-size:8px; }
  .service-order-confirmation-details > div > strong,.service-order-confirmation-details > div > code { grid-column:2; grid-row:2; overflow:hidden; color:var(--text-main); font-family:inherit; font-size:10px; font-weight:800; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
  .service-order-confirmation-details > .service-order-confirm-link { grid-column:1/-1; }
  .service-order-confirmation-details > .service-order-confirm-link code { overflow-wrap:anywhere; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:600; }
  .service-order-confirmation-details > .service-order-confirm-total { border-color:var(--service-confirm-accent-border); background:var(--service-confirm-accent-soft); }
  .service-order-confirmation-details > .service-order-confirm-total > svg,.service-order-confirmation-details > .service-order-confirm-total strong { color:var(--service-confirm-accent); stroke:var(--service-confirm-accent); }
  .service-order-confirmation-details > .service-order-confirm-total strong { font-size:12px; }
  .service-order-back { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:6px; border:1px solid var(--border,#e5ebf3); border-radius:10px; background:var(--card-bg,#fff); color:var(--text-sub); font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .service-order-back svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .service-order-swipe { position:relative; display:flex; min-height:52px; align-items:center; justify-content:center; overflow:hidden; padding:0 55px; border:1px solid #d9e4f2; border-radius:999px; background:#edf2f8; color:#50627a; touch-action:pan-y; user-select:none; }
  .service-order-swipe[hidden] { display:none !important; }
  .service-order-swipe-fill { position:absolute; inset:0 auto 0 0; width:var(--service-order-swipe-fill-width,0); border-radius:inherit; background:linear-gradient(90deg,#dcecff,#bfdbff); pointer-events:none; }
  .service-order-swipe-label { position:relative; z-index:1; overflow:hidden; font-size:10px; font-weight:850; text-align:center; text-overflow:ellipsis; white-space:nowrap; pointer-events:none; }
  .service-order-swipe-loading { position:relative; z-index:1; display:none; align-items:center; gap:8px; color:var(--primary,#347eea); font-size:10px; font-weight:850; }
  .service-order-swipe-loading svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; animation:serviceOrderSubmitSpin .8s linear infinite; }
  .service-order-swipe.is-processing .service-order-swipe-label { display:none; }
  .service-order-swipe.is-processing .service-order-swipe-thumb { visibility:hidden; }
  .service-order-swipe.is-processing .service-order-swipe-fill { display:none; }
  .service-order-swipe.is-processing .service-order-swipe-loading { display:flex; }
  @keyframes serviceOrderSubmitSpin { to { transform:rotate(360deg); } }
  .service-order-swipe-thumb { position:absolute; z-index:2; top:3px; left:4px; display:grid; width:44px; height:44px; place-items:center; border:1px solid #287df5; border-radius:50%; background:#fff; color:#287df5; box-shadow:0 3px 9px rgba(35,76,130,.18); cursor:grab; touch-action:none; }
  .service-order-swipe-thumb svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .service-order-swipe.is-dragging .service-order-swipe-thumb { cursor:grabbing; transition:none; }
  .service-order-swipe.is-processing { opacity:.6; pointer-events:none; }
  .service-order-swipe:focus-visible { outline:3px solid rgba(40,125,245,.28); outline-offset:3px; }
  body.dark .service-order-swipe { border-color:#39475a; background:#252f3d; color:#d0d9e6; }
  body.dark .service-order-swipe-fill { background:linear-gradient(90deg,#203b60,#315f96); }
  body.dark .service-order-swipe-thumb { border-color:#75aaff; background:#e8f1ff; color:#286ed0; }
  body.dark .service-order-swipe-loading { color:#b8d1f2; }
  body.dark .service-order-confirmation { --service-confirm-accent:#9bc6bb; --service-confirm-accent-soft:#293a36; --service-confirm-accent-border:#435a54; border-color:#343940; background:#202226; }
  body.dark .service-order-confirmation-details > div { border-color:#393d43; background:#27292d; }
  body.dark .service-order-confirmation-details > .service-order-confirm-total { border-color:var(--service-confirm-accent-border); background:var(--service-confirm-accent-soft); }
  body.dark .service-order-confirmation-details > div > svg { stroke:#aab2bd; }
  body.dark .service-order-confirmation-details > .service-order-confirm-total > svg { stroke:var(--service-confirm-accent); }
  body.dark .service-order-back { border-color:#383838; background:#151515; color:#c1ccda; }
  body.dark .service-order-quantity-entry > svg { stroke:#a0a0a0; }
  .device-diagnostics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .device-diagnostic { display:grid; min-width:0; gap:4px; padding:8px 9px; border:1px solid var(--border,#e5ebf3); border-radius:11px; background:var(--soft-bg,#f8fafc); }
  .device-diagnostic-wide { grid-column:1 / -1; }
  .device-diagnostic > span { display:flex; align-items:center; gap:6px; color:var(--text-sub); font-size:9px; font-weight:750; }
  .device-diagnostic > span > svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:#4b88dc; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .device-diagnostic > strong { overflow-wrap:anywhere; color:var(--text-main); font-size:10px; line-height:1.4; }
  .device-diagnostic > code { max-height:72px; overflow:auto; color:var(--text-sub); font:9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
  .device-diagnostics-footer { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:6px 8px; margin-top:8px; }
  .device-diagnostics-footer > span { color:var(--text-sub); font-size:8px; line-height:1.4; }
  .device-diagnostics-footer button { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid #d9e7f7; border-radius:999px; color:#2864a8; background:#f5f9ff; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .device-diagnostics-footer button:disabled { opacity:.6; cursor:wait; }
  .device-diagnostics-footer button i { font-size:13px; }
  .device-diagnostics-footer > strong { grid-column:1 / -1; color:var(--text-main); font-size:10px; }
  body.dark .device-diagnostic { border-color:#303030; background:#202020; }
  body.dark .device-diagnostics-footer button { border-color:#334968; color:#9fc5ff; background:#202e43; }
  .service-order-form textarea { width:100%; min-height:90px; resize:vertical; }
  .service-order-link-entry, .platform-account-entry { position:relative; display:block; }
  .service-order-link-entry > svg, .platform-account-entry > svg { position:absolute; z-index:1; top:50%; left:11px; width:17px; height:17px; transform:translateY(-50%); fill:none; stroke:#7d91aa; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
  .service-order-link-entry .config-input, .platform-account-entry .config-input { width:100%; min-height:42px; padding-left:37px; }
  .service-order-link-entry .config-input:focus, .platform-account-entry .config-input:focus { border-color:#9fc6ff; box-shadow:0 0 0 3px rgba(40,125,245,.1); }
  body.dark .service-order-link-entry > svg, body.dark .platform-account-entry > svg { stroke:#9badc3; }
  body.dark .service-order-link-entry .config-input, body.dark .platform-account-entry .config-input { border-color:#3b3b3b; background:#242424; color:#e5e5e5; }
  body.dark .service-order-link-entry .config-input:focus, body.dark .platform-account-entry .config-input:focus { border-color:#686868; box-shadow:0 0 0 3px rgba(160,160,160,.12); }
  body.dark .service-order-link-entry .config-input::placeholder, body.dark .platform-account-entry .config-input::placeholder { color:#858585; }
  body.dark .service-order-link-entry > svg, body.dark .platform-account-entry > svg { stroke:#a0a0a0; }
  .service-order-reactions { display:grid; gap:9px; padding:11px; border:1px solid var(--border,#e5ebf3); border-radius:16px; background:var(--soft-bg,#f6f9fd); }
  .service-order-reactions[hidden] { display:none; }
  .service-order-reactions-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
  .service-order-reactions-heading strong { color:var(--text-main); font-size:11px; }
  .service-order-reactions-heading span { color:var(--text-sub); font-size:9px; text-align:right; }
  .service-order-reaction-grid { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
  .service-order-reaction { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:5px 10px; border:1px solid transparent; border-radius:999px; background:#f5f7fa; color:var(--text-main); font:inherit; font-size:10px; font-weight:800; white-space:nowrap; cursor:pointer; transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
  .service-order-reaction img { display:block; width:20px; height:20px; flex:0 0 20px; border-radius:50%; object-fit:cover; }
  .service-order-reaction:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(40,125,245,.14); }
  .service-order-reaction[aria-pressed="true"] { border-color:#00b894; background:#00b894; color:#fff; box-shadow:0 4px 10px rgba(0,184,148,.2); }
  .service-order-reaction-check { display:none; width:15px; height:15px; flex:0 0 15px; }
  .service-order-reaction[aria-pressed="true"] .service-order-reaction-check { display:block; }
  .service-order-reaction:focus-visible { outline:3px solid rgba(0,184,148,.3); outline-offset:2px; }
  .service-order-server-info { display:flex; align-items:center; gap:9px; padding-top:9px; border-top:1px solid var(--border,#e5ebf3); }
  .service-order-server-icon { display:flex; width:30px; height:30px; flex:0 0 30px; align-items:center; justify-content:center; border-radius:10px; color:#287df5; background:var(--primary-light,#e8f1ff); font-size:15px; }
  .service-order-server-info div { min-width:0; }
  .service-order-server-info strong, .service-order-server-info small { display:block; }
  .service-order-server-info strong { color:var(--text-main); font-size:10px; }
  .service-order-server-info small { margin-top:2px; color:var(--text-sub); font-size:8px; line-height:1.4; }
  .service-order-summary { display:grid; gap:4px; padding:12px; border:1px solid var(--border,#e5ebf3); border-radius:14px; background:var(--soft-bg,#f6f9fd); color:var(--text-sub); font-size:10px; }
  .service-order-summary strong { color:var(--text-main); font-size:14px; }
  .service-order-summary small { font-size:10px; }
  .service-order-submit { display:flex; width:100%; min-height:50px; justify-content:center; align-items:center; gap:9px; padding:12px 18px; border:0; border-radius:16px; background:linear-gradient(135deg,#287df5,#5b8ff0); color:#fff; font:inherit; font-size:12px; font-weight:850; box-shadow:0 8px 18px rgba(40,125,245,.24); cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease; }
  .service-order-submit:hover:not(:disabled) { filter:brightness(1.04); box-shadow:0 10px 22px rgba(40,125,245,.3); }
  .service-order-submit:focus-visible { outline:3px solid rgba(40,125,245,.3); outline-offset:3px; }
  .service-order-submit-icon { display:block; width:20px; height:20px; flex:0 0 20px; }
  .service-order-submit:disabled { opacity:.58; cursor:wait; }
  .service-order-history { margin-top:19px; padding-top:14px; border-top:1px solid var(--border,#e5ebf3); }
  .service-order-history-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; color:var(--text-main); font-size:12px; }
  .service-order-history-head button { display:inline-flex; align-items:center; gap:5px; padding:6px 8px; border:0; border-radius:9px; color:#287df5; background:transparent; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .service-order-list { display:grid; gap:8px; }
  .service-order-row { position:relative; display:grid; gap:10px; padding:13px; overflow:hidden; border:1px solid var(--border,#e5ebf3); border-radius:18px; background:var(--card-bg,#fff); box-shadow:0 7px 20px rgba(37,64,96,.075); }
  .service-order-row::before { position:absolute; inset:15px auto 15px 0; width:3px; border-radius:0 4px 4px 0; background:linear-gradient(180deg,#287df5,#00b894); content:""; }
  .service-order-row.completed::before { background:#17a66a; }
  .service-order-row-head { display:flex; min-height:42px; align-items:center; justify-content:space-between; gap:8px; padding-bottom:9px; border-bottom:1px solid var(--border,#edf1f6); }
  .service-order-row-identity { display:flex; align-items:center; gap:9px; min-width:0; }
  .service-order-row-logo { display:block; width:34px; height:34px; flex:0 0 34px; border-radius:11px; object-fit:cover; background:var(--soft-bg,#f2f5fa); }
  .service-order-row-title { display:grid; gap:3px; min-width:0; }
  .service-order-row-title strong { overflow:hidden; color:var(--text-main); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
  .service-order-row-title small { color:var(--text-sub); font-size:9px; }
  .service-order-code { display:flex; min-width:0; min-height:45px; align-items:center; gap:9px; padding:6px 7px 6px 11px; border:1px solid #dce8f8; border-radius:13px; background:linear-gradient(110deg,#f2f7ff,#f8faff); }
  .service-order-code > span { flex:0 0 auto; color:var(--text-sub); font-size:9px; font-weight:800; }
  .service-order-code > strong { overflow:hidden; flex:1 1 auto; color:var(--text-main); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:clamp(9px,2.6vw,11px); font-weight:850; letter-spacing:.015em; text-overflow:ellipsis; white-space:nowrap; }
  .service-order-copy { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid #d4e4fc; border-radius:11px; color:#1767cf; background:#fff; box-shadow:0 2px 5px rgba(35,94,169,.08); cursor:pointer; transition:background .16s ease,color .16s ease,transform .16s ease; }
  .service-order-copy:hover:not(:disabled) { transform:translateY(-1px); background:#eaf3ff; }
  .service-order-copy svg { width:20px; height:20px; }
  .service-order-copy.copied { border-color:#bfe8d1; color:#128354; background:#e9f8f0; }
  .service-order-copy:disabled { opacity:.45; cursor:not-allowed; }
  .service-order-detail { display:inline-flex; width:fit-content; max-width:100%; min-height:40px; align-items:center; gap:9px; padding:4px 12px 4px 5px; border:1px solid var(--border,#e5ebf3); border-radius:999px; color:var(--text-main); background:var(--card-bg,#fff); font-size:10px; font-weight:850; }
  .service-order-type-logo { display:block; width:32px; height:32px; flex:0 0 32px; border-radius:50%; object-fit:cover; background:var(--soft-bg,#f2f5fa); }
  .service-order-state { display:inline-flex; flex:0 0 auto; align-items:center; gap:5px; padding:6px 9px; border:1px solid #f4dfb0; border-radius:999px; color:#99600a; background:#fff8e8; font-size:9px; font-weight:850; }
  .service-order-state svg { display:block; width:16px; height:16px; flex:0 0 16px; }
  .service-order-state.running { color:#246bd1; border-color:#cfe0fb; background:#eef5ff; }
  .service-order-running-icon { animation:service-order-status-turn 2.6s linear infinite; }
  .service-order-state.completed { color:#128354; border-color:#c7ead8; background:#e9f8f0; }
  @keyframes service-order-status-turn { to { transform:rotate(360deg); } }
  .service-order-row-progress-label { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--text-sub); font-size:9px; }
  .service-order-progress-name { color:var(--text-main); font-size:10px; font-weight:850; }
  .service-order-row-progress-label > strong { color:var(--text-main); font-size:11px; }
  .service-order-progress-details { display:grid; gap:10px; padding:10px 11px 8px; border:1px solid var(--border,#e7edf5); border-radius:14px; background:linear-gradient(145deg,#fbfdff,#f6f9fd); }
  .service-order-progress-summary { display:flex; align-items:center; justify-content:space-between; gap:7px; color:var(--text-sub); font-size:9px; font-weight:750; }
  .service-order-progress-percent { padding:3px 7px; border-radius:7px; color:#1767cf; background:#edf5ff; font-size:9px; font-weight:900; }
  .service-order-progress { position:relative; height:7px; overflow:hidden; border:0; border-radius:999px; background:#e8edf4; }
  .service-order-progress > span { position:relative; z-index:1; display:block; min-width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#287df5,#00b894); box-shadow:0 1px 6px rgba(40,125,245,.28); transition:width .35s ease; }
  .service-order-progress.is-waiting::after { position:absolute; inset:0 auto 0 0; width:25%; border-radius:999px; background:linear-gradient(90deg,rgba(40,125,245,.04),rgba(40,125,245,.25)); content:""; animation:service-order-waiting 1.8s ease-in-out infinite alternate; }
  .service-order-progress.is-complete { border-color:#bfe8d1; background:#e9f8f0; }
  .service-order-progress.is-complete span { width:100%!important; background:linear-gradient(90deg,#16a36a,#4bc68c); }
  @keyframes service-order-waiting { to { transform:translateX(30px); opacity:.45; } }
  .service-order-stages { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
  .service-order-stages::before { position:absolute; top:5px; right:16.5%; left:16.5%; height:2px; border-radius:999px; background:#e2e8f0; content:""; }
  .service-order-stage { position:relative; z-index:1; display:grid; justify-items:center; gap:4px; color:#98a3b2; text-align:center; }
  .service-order-stage i { width:11px; height:11px; border:2px solid #d7dee8; border-radius:50%; background:#fff; }
  .service-order-stage small { color:inherit; font-size:8px; font-weight:750; }
  .service-order-stage.is-done { color:#128354; }
  .service-order-stage.is-done i { border-color:#20a96e; background:#20a96e; box-shadow:0 0 0 3px rgba(32,169,110,.11); }
  .service-order-stage.is-current { color:#1769cf; }
  .service-order-stage.is-current i { width:13px; height:13px; margin-top:-1px; border-color:#287df5; background:#fff; box-shadow:0 0 0 3px rgba(40,125,245,.14); }
  .service-order-stages.is-complete .service-order-stage.is-current { color:#128354; }
  .service-order-stages.is-complete::before { background:#20a96e; }
  .service-order-reports { display:grid; gap:7px; }
  .service-order-reports-toggle { display:flex; width:100%; min-height:34px; align-items:center; gap:7px; padding:6px 9px; border:1px solid #f0d6d5; border-radius:11px; color:#b84545; background:#fff7f6; font:inherit; font-size:9px; font-weight:850; text-align:left; cursor:pointer; }
  .service-order-reports-toggle > svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .service-order-reports-toggle > i { margin-left:auto; transition:transform .16s ease; }
  .service-order-reports-toggle[aria-expanded="true"] > i { transform:rotate(180deg); }
  .service-order-reports-list { display:grid; gap:6px; }
  .service-order-reports-list[hidden] { display:none; }
  .service-order-report-item { display:grid; gap:4px; padding:8px 10px; border:1px solid #f2e4e3; border-radius:10px; background:#fffafa; }
  .service-order-report-item strong { color:var(--text-main); font-size:9px; }
  .service-order-report-item p { margin:0; color:var(--text-sub); font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
  .service-order-report-item time { color:var(--text-sub); font-size:8px; }
  .service-order-row-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:8px; border-top:1px solid var(--border,#edf1f6); color:var(--text-sub); font-size:9px; }
  .service-order-row-footer a { display:inline-flex; align-items:center; gap:4px; color:#287df5; font-size:9px; font-weight:800; text-decoration:none; }
  .service-order-row-footer a:hover { text-decoration:underline; }
  .service-order-status.error { color:#c83f55; }
  body.dark .service-shop-tabs, body.dark .service-order-summary, body.dark .service-order-reactions { border-color:#303030; background:#202020; }
  body.dark .service-shop-tab.active, body.dark .service-order-row { background:#202020; }
  body.dark .service-order-code { border-color:#334968; background:linear-gradient(110deg,#202e43,#1b2638); }
  body.dark .service-order-detail { border-color:#303030; background:#202020; }
  body.dark .service-order-copy { border-color:#334968; color:#9fc5ff; background:#202e43; }
  body.dark .service-order-reaction { background:#292929; }
  body.dark .service-order-reaction[aria-pressed="true"] { border-color:#00b894; background:#00a984; color:#fff; }
  body.dark .service-order-row, body.dark .service-order-history, body.dark .service-order-row-footer { border-color:#303030; }
  body.dark .service-order-state { color:#f0bd57; background:#382f1e; }
  body.dark .service-order-state.running { color:#8fbbff; border-color:#334968; background:#202e43; }
  body.dark .service-order-state.completed { color:#71d5a7; border-color:#2c503d; background:#1d352b; }
  body.dark .service-order-progress-percent { color:#9fc5ff; background:#202e43; }
  body.dark .service-order-progress { border-color:#303030; background:linear-gradient(90deg,#242a33,#1b2028); }
  body.dark .service-order-progress-details { border-color:#303030; background:linear-gradient(145deg,#202020,#181818); }
  body.dark .service-order-progress { border:0; background:#303030; }
  body.dark .service-order-stages::before { background:#303030; }
  body.dark .service-order-stage i { border-color:#4a4a4a; background:#202020; }
  body.dark .service-order-reports-toggle { border-color:#5a3333; color:#ffaaa3; background:#351817; }
  body.dark .service-order-report-item { border-color:#3a2a2a; background:#211b1b; }

  /* ================= BOTTOM NAV MENU ================= */
  nav.bottom-menu {
    position: relative;
    display: flex;
    margin: 0 12px 10px;
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(224,230,239,0.9);
    border-radius: 22px;
    box-shadow: 0 8px 24px rgba(33, 53, 85, 0.12);
    padding: 7px 6px calc(7px + env(safe-area-inset-bottom));
    min-height: 70px;
    flex-shrink: 0;
    z-index: 5;
  }

  /* Mobile browsers change 100vh while the address/navigation bars appear.
     Keep the menu in the flex layout and always leave room for device insets. */
  @media (max-width: 599px) {
    nav.bottom-menu {
      margin-bottom: max(8px, env(safe-area-inset-bottom));
      padding-left: max(6px, env(safe-area-inset-left));
      padding-right: max(6px, env(safe-area-inset-right));
    }
  }

  nav.bottom-menu .nav-item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 3px 5px;
    border-radius: 17px;
    cursor: pointer;
    color: var(--text-sub);
    user-select: none;
    transition: color 0.25s ease;
  }

  nav.bottom-menu .nav-item .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 26px;
    transition: transform 0.35s cubic-bezier(.34,1.56,.64,1);
  }

  nav.bottom-menu .nav-item .icon-svg {
    width: 21px;
    height: 21px;
    display: block;
    transition: transform 0.35s cubic-bezier(.34,1.56,.64,1);
  }

  nav.bottom-menu .nav-item span {
    font-size: 11.2px;
    font-weight: 600;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  nav.bottom-menu .nav-item.active {
    color: var(--primary);
  }

  nav.bottom-menu .nav-item.active::after {
    content: '';
    position: absolute;
    top: 1px;
    width: 18px;
    height: 3px;
    border-radius: 3px;
    background: currentColor;
  }

  nav.bottom-menu .nav-item.active .icon-box {
    transform: translateY(-3px);
  }

  nav.bottom-menu .nav-item.active .icon-svg {
    transform: scale(1.14);
  }

  nav.bottom-menu .nav-item:active .icon-box {
    transform: scale(0.85);
  }

  /* ---- Thematic looping icon animations (only while tab is active) ---- */

  /* Trang chủ: cánh cửa hé mở đóng lại */
  .nav-item.active .anim-house .h-door {
    transform-box: fill-box;
    transform-origin: left bottom;
    animation: doorSwing 1.8s ease-in-out infinite;
  }
  @keyframes doorSwing {
    0%, 100% { transform: rotate(0deg); }
    50%      { transform: rotate(-22deg); }
  }

  /* Nền tảng: các lớp xếp chồng tách ra rồi gom lại, so le nhau */
  .nav-item.active .anim-layers .stack-top,
  .nav-item.active .anim-layers .stack-mid,
  .nav-item.active .anim-layers .stack-bot {
    transform-box: fill-box;
    transform-origin: center;
    animation: stackWave 1.5s ease-in-out infinite;
  }
  .nav-item.active .anim-layers .stack-top { animation-delay: 0s; }
  .nav-item.active .anim-layers .stack-mid { animation-delay: 0.15s; }
  .nav-item.active .anim-layers .stack-bot { animation-delay: 0.3s; }
  @keyframes stackWave {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(2.5px); }
  }

  /* Lịch sử: mũi tên vòng quay liên tục */
  .nav-item.active .anim-history .history-loop {
    transform-box: view-box;
    transform-origin: 12px 12px;
    animation: historySpin 1.5s linear 1;
  }
  @keyframes historySpin {
    to { transform: rotate(360deg); }
  }

  /* Hồ sơ: hiệu ứng thở nhẹ */
  .nav-item.active .anim-user .user-body {
    transform-box: fill-box;
    transform-origin: center;
    animation: breathe 1.6s ease-in-out infinite;
  }
  .nav-item.active .anim-user .user-head {
    transform-box: fill-box;
    transform-origin: center;
    animation: breathe 1.6s ease-in-out infinite;
  }
  @keyframes breathe {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.1); }
  }

  .nav-pill {
    position: absolute;
    top: 2px;
    height: calc(100% - 4px);
    background: var(--primary-light);
    border-radius: 14px;
    z-index: -1;
    transition: left 0.35s cubic-bezier(.4,0,.2,1), width 0.35s cubic-bezier(.4,0,.2,1);
  }

  /* ================= POPUP / MODAL ================= */
  .overlay {
    position: fixed;
    inset: 0;
    background: rgba(16,24,40,0.42);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
  }

  .overlay.show { opacity: 1; visibility: visible; }
  .account-banned-screen[hidden] { display:none !important; }
  .account-banned-screen { position:fixed; inset:0; z-index:10001; display:grid; place-items:center; overflow-y:auto; padding:24px 18px calc(24px + env(safe-area-inset-bottom)); background:radial-gradient(ellipse at 50% 0%,#eef5ff 0%,#f5f8fc 48%,#eef2f8 100%); color:#1e293b; }
  .account-banned-card { width:min(100%,420px); padding:28px 24px 24px; border:1px solid rgba(221,229,241,.9); border-radius:26px; background:rgba(255,255,255,.92); box-shadow:0 24px 70px rgba(37,55,82,.14); text-align:center; }
  .account-banned-illustration { width:116px; height:116px; margin:0 auto 16px; }
  .account-banned-illustration svg { display:block; width:100%; height:100%; }
  .ban-illustration-orbit { fill:#fff2f0; stroke:#ffe2df; stroke-width:2; }
  .ban-illustration-shield { fill:#fff; stroke:#eb625e; stroke-width:4; stroke-linejoin:round; }
  .ban-illustration-mark { stroke:#dc4c49; stroke-width:5; stroke-linecap:round; }
  .ban-illustration-cross { display:none; }
  .account-banned-kicker { color:#d4514d; font-size:9px; font-weight:900; letter-spacing:.12em; }
  .account-banned-card h1 { margin:8px 0 5px; color:#182538; font-size:22px; font-weight:900; letter-spacing:-.035em; }
  .account-banned-description { margin:0 auto 18px; color:#69778c; font-size:12px; line-height:1.55; }
  .account-banned-details { display:grid; gap:9px; text-align:left; }
  .account-banned-detail { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid #e8edf5; border-radius:14px; background:#f8faff; }
  .account-banned-detail-icon { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border-radius:10px; background:#fff0ef; color:#d4514d; font-size:13px; }
  .account-banned-detail-icon.time { background:#edf4ff; color:#3977cc; }
  .account-banned-detail small,.account-banned-detail strong { display:block; }
  .account-banned-detail small { margin-bottom:3px; color:#78869a; font-size:9px; font-weight:700; }
  .account-banned-detail strong { color:#26354a; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
  .account-banned-footer { margin:16px 0 0; color:#78869a; font-size:10px; line-height:1.55; }
  body.account-banned { overflow:hidden; }
  body.dark .account-banned-screen { background:radial-gradient(ellipse at 50% 0%,#25212a 0%,#151515 52%,#101010 100%); color:#f2f2f2; }
  body.dark .account-banned-card { border-color:#3a3034; background:rgba(27,27,27,.96); box-shadow:0 24px 70px rgba(0,0,0,.4); }
  body.dark .ban-illustration-orbit { fill:#321e20; stroke:#513033; }
  body.dark .ban-illustration-shield { fill:#241b1c; }
  body.dark .account-banned-card h1,body.dark .account-banned-detail strong { color:#f0eeee; }
  body.dark .account-banned-description,body.dark .account-banned-footer,body.dark .account-banned-detail small { color:#a5a5a5; }
  body.dark .account-banned-detail { border-color:#353535; background:#202020; }
  @media (max-width:380px) { .account-banned-card { padding:24px 17px 20px; border-radius:22px; } .account-banned-card h1 { font-size:20px; } }

  .modal-sheet {
    width: 100%;
    max-width: 480px;
    background: #fff;
    border-radius: 22px 22px 0 0;
    padding: 10px 20px 26px;
    transform: translateY(100%);
    transition: transform 0.32s cubic-bezier(.32,.72,0,1);
    max-height: 74vh;
    display: flex;
    flex-direction: column;
  }

  .overlay.show .modal-sheet { transform: translateY(0); }
  .config-section.is-hidden { display:none !important; }
  @media (max-width: 520px) { .admin-actions { margin-left:0; width:100%; } .admin-actions button:not(.admin-action) { flex:1 1 calc(33.33% - 4px); font-size:11px; padding:8px 5px; } .modal-sheet { width:100%; max-height:92vh; border-radius:20px 20px 0 0; } }

  .modal-handle {
    width: 40px;
    height: 4.5px;
    background: #e2e6ec;
    border-radius: 10px;
    margin: 8px auto 14px;
  }

  .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
  }

  .modal-header h3 { font-size: 17px; font-weight: 800; }

  .modal-header .close-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f3f4f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease, transform 0.15s ease;
  }
  .modal-header .close-btn:hover { background: #e9ebef; }
  .modal-header .close-btn:active { transform: scale(0.88); }

  .modal-body { overflow-y: auto; }

  .notif-item {
    display: flex;
    gap: 12px;
    padding: 13px 4px;
    border-bottom: 1px solid var(--border);
  }
  button.notif-item { width:100%; align-items:center; border-top:0; border-right:0; border-left:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
  button.notif-item:hover { background:rgba(40,125,245,.045); }
  button.notif-item:focus-visible { outline:2px solid #7daeff; outline-offset:-2px; }
  .notif-item:last-child { border-bottom: none; }
  .notif-list-state { display:flex; min-height:110px; align-items:center; justify-content:center; gap:10px; padding:18px; color:var(--text-sub); font-size:12px; text-align:center; }
  .notif-list-state.notif-loading-state { flex-direction:column; }
  .notif-list-state .logo-loading { width:28px; height:28px; }
  .notif-list-state.error { color:#c2414b; }
  .privacy-policy-overlay { z-index:530; }
  .privacy-policy-modal { max-height:min(84vh,780px); min-height:min(62vh,540px); gap:0; overflow:hidden; border-radius:24px 24px 0 0; padding:10px 20px 0; box-shadow:0 -14px 48px rgba(15,23,42,.18); }
  .privacy-policy-modal .modal-handle { flex:0 0 auto; }
  .privacy-policy-modal .modal-header { flex:0 0 auto; gap:12px; padding:5px 0 14px; border-bottom:1px solid var(--border); }
  .privacy-policy-heading { display:flex; min-width:0; align-items:center; gap:11px; }
  .privacy-policy-heading-icon { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; border:1px solid #dce9ff; border-radius:14px; background:linear-gradient(145deg,#f0f6ff,#e5efff); color:#3979dc; font-size:20px; }
  .privacy-policy-heading h3 { margin:0; font-size:17px; font-weight:850; letter-spacing:-.02em; }
  .privacy-policy-heading p { margin:3px 0 0; color:var(--text-sub); font-size:10px; line-height:1.4; }
  .privacy-policy-content { min-height:0; flex:1 1 auto; overflow:auto; overscroll-behavior:contain; padding:14px 2px; scrollbar-width:thin; scrollbar-color:#c5ceda transparent; }
  .privacy-policy-text { margin:0; color:var(--text-main); font:inherit; font-size:11px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
  .privacy-policy-content .account-loading-state { display:flex; min-height:140px; align-items:center; gap:10px; color:var(--text-sub); font-size:12px; }
  .privacy-policy-footer { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:10px; padding:12px 0 calc(14px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); background:var(--card-bg); }
  .privacy-policy-footer > span { display:flex; align-items:center; gap:6px; color:var(--text-sub); font-size:9px; }
  .privacy-policy-footer > span i { color:#4b8bda; font-size:12px; }
  .privacy-policy-footer .config-save { display:inline-flex; min-height:40px; align-items:center; justify-content:center; gap:7px; padding:0 18px; border:0; border-radius:13px; font-size:12px; font-weight:800; box-shadow:0 5px 14px rgba(40,125,245,.2); cursor:pointer; }
  .privacy-policy-footer .config-save:active { transform:scale(.97); }
  .privacy-policy-error { display:grid; gap:10px; justify-items:start; padding:16px 4px; color:var(--text-main); font-size:12px; }
  .privacy-policy-error p { margin:0; }

  .notif-item .dot-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .notif-item .txt h5 {
    font-size: 13.8px;
    font-weight: 700;
    margin-bottom: 2px;
  }
  .notif-item .txt p {
    font-size: 12.5px;
    color: var(--text-sub);
    line-height: 1.4;
  }
  .notif-item .txt span {
    font-size: 11px;
    color: #b7bec9;
    display: block;
    margin-top: 4px;
  }

  .icon-svg-md {
    width: 19px;
    height: 19px;
  }

  @media (min-width: 600px) {
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background: #dfe7f2;
    }

    #app {
      width: min(100%, 480px);
      height: calc(100dvh - 80px);
      min-height: 0;
      flex: 1 1 auto;
      background: var(--bg);
      box-shadow: 0 0 34px rgba(38, 61, 92, 0.16);
    }

    nav.bottom-menu {
      width: min(calc(100% - 24px), 456px);
      margin: 0 12px 10px;
    }
  }

  .work-agreement-card { display:flex; align-items:center; gap:10px; margin:12px 0 10px; padding:11px 12px; border:1px solid #e3eaf3; border-radius:16px; background:linear-gradient(135deg,#fff,#f8fbff); box-shadow:0 5px 16px rgba(35,64,101,.045); }
  .work-agreement-card-icon { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border:1px solid #deebff; border-radius:13px; background:#eff5ff; color:#3979dc; font-size:18px; }
  .work-agreement-card-copy { min-width:0; flex:1; }
  .work-agreement-card-copy strong { display:block; color:var(--text-main); font-size:11px; font-weight:850; }
  .work-agreement-card-copy small { display:block; margin-top:3px; color:var(--text-sub); font-size:9px; line-height:1.4; }
  .work-agreement-card > button { display:inline-flex; min-height:34px; flex:0 0 auto; align-items:center; justify-content:center; gap:5px; padding:0 12px; border:1px solid #d9e7f7; border-radius:999px; background:#f5f9ff; color:#2864a8; font:inherit; font-size:9px; font-weight:850; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
  .work-agreement-card > button:hover { border-color:#aac8ed; background:#eaf3ff; }
  body.dark .work-agreement-card { border-color:#353535; background:linear-gradient(135deg,#242424,#202020); box-shadow:0 5px 16px rgba(0,0,0,.12); }
  body.dark .work-agreement-card-icon { border-color:#3b3b3b; background:#2a2a2a; color:#c4cbd5; }
  body.dark .work-agreement-card > button { border-color:#444; background:#2b2b2b; color:#dedede; }
  body.dark .work-agreement-card > button:hover { border-color:#606060; background:#343434; }
  .platform-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:12px 0 12px; padding:5px; border:1px solid #e5ebf3; border-radius:999px; background:#f5f8fc; box-shadow:inset 0 1px 2px rgba(24,50,82,.035); }
  .platform-tab { display:flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:8px 10px; border:0; border-radius:999px; color:#77859a; background:transparent; font:inherit; font-size:10px; font-weight:850; letter-spacing:.02em; cursor:pointer; transition:color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
  .platform-tab:hover { color:#287df5; transform:translateY(-1px); }
  .platform-tab.active { color:#287df5; background:#fff; box-shadow:0 4px 13px rgba(40,125,245,.14); }
  .platform-tab-svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s cubic-bezier(.2,.8,.2,1); }
  .platform-tab:hover .platform-tab-svg, .platform-tab.active .platform-tab-svg { transform:scale(1.08); }
  .platform-tab-panel { display:none; animation:platform-panel-in .22s ease both; }
  .platform-tab-panel.active { display:block; }
  .work-agreement-overlay { z-index:520; }
  .work-agreement-modal { max-height:min(90vh,820px); min-height:min(72vh,620px); gap:0; overflow:hidden; padding:10px 18px 0; border-radius:24px 24px 0 0; box-shadow:0 -14px 48px rgba(15,23,42,.18); }
  .work-agreement-modal .modal-handle { flex:0 0 auto; }
  .work-agreement-modal .modal-header { flex:0 0 auto; gap:10px; padding:4px 0 12px; border-bottom:1px solid var(--border); }
  .work-agreement-heading { display:flex; min-width:0; align-items:center; gap:10px; }
  .work-agreement-heading-icon { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border:1px solid #deebff; border-radius:13px; background:linear-gradient(145deg,#f0f6ff,#e5efff); color:#3979dc; font-size:19px; }
  .work-agreement-heading h3 { margin:0; font-size:15px; font-weight:850; letter-spacing:-.02em; }
  .work-agreement-heading p { margin:3px 0 0; color:var(--text-sub); font-size:9px; line-height:1.4; }
  .work-agreement-terms { min-height:90px; flex:1 1 auto; overflow:auto; overscroll-behavior:contain; padding:13px 3px; scrollbar-width:thin; scrollbar-color:#c5ceda transparent; }
  .work-agreement-loading,.work-agreement-load-error { display:flex; min-height:220px; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; }
  .work-agreement-loading { color:var(--text-sub); font-size:11px; }
  .work-agreement-loading .logo-loading { width:36px; height:36px; }
  .work-agreement-text { margin:0; color:var(--text-main); font:inherit; font-size:10px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
  .work-agreement-read-hint { display:flex; align-items:center; gap:8px; margin:0 0 7px; padding:9px 10px; border:1px solid #ead38f; border-radius:10px; background:#fff9e8; color:#795f17; font-size:10px; font-weight:800; line-height:1.4; }
  .work-agreement-read-hint[hidden] { display:none !important; }
  .work-agreement-read-hint svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; animation:workAgreementReadArrow .85s ease-in-out infinite alternate; }
  .work-agreement-terms.needs-reading { outline:2px solid rgba(224,177,56,.42); outline-offset:-2px; border-radius:8px; }
  @keyframes workAgreementReadArrow { to { transform:translateY(4px); } }
  @media (prefers-reduced-motion:reduce) { .work-agreement-read-hint svg { animation:none; } }
  .work-agreement-signing { flex:0 0 auto; padding:9px 0 7px; border-top:1px solid var(--border); }
  .work-agreement-signing[hidden] { display:none; }
  .work-agreement-confirmations { display:grid; gap:7px; margin-bottom:10px; }
  .work-agreement-confirmations label { display:flex; align-items:flex-start; gap:8px; color:var(--text-main); font-size:10px; line-height:1.45; cursor:pointer; }
  .work-agreement-confirmations input { width:15px; height:15px; flex:0 0 15px; margin:1px 0 0; accent-color:#287df5; }
  .work-agreement-privacy-link { justify-self:start; margin-left:23px; padding:0; border:0; background:transparent; color:#3979dc; font:inherit; font-size:9px; font-weight:800; text-decoration:underline; cursor:pointer; }
  .work-agreement-signature-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; color:var(--text-main); font-size:10px; }
  .work-agreement-signature-heading button { display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border:1px solid var(--border); border-radius:8px; background:var(--soft-bg,#f6f9fd); color:var(--text-sub); font:inherit; font-size:9px; cursor:pointer; }
  .work-agreement-canvas { display:block; width:100%; height:100px; border:1px dashed #bcc9d8; border-radius:12px; background:linear-gradient(#fff,#fbfcfe); touch-action:none; cursor:crosshair; }
  .work-agreement-signature-hint { display:block; margin-top:4px; color:var(--text-sub); font-size:8px; }
  .work-agreement-error:empty { display:none; }
  .work-agreement-error { margin-top:5px; color:#d92d20; font-size:9px; }
  .work-agreement-load-error { color:#d92d20; font-size:11px; }
  .work-agreement-retry { display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--border); border-radius:50%; background:var(--soft-bg,#f6f9fd); color:var(--primary); cursor:pointer; }
  .work-agreement-retry:hover { border-color:#9fc6ff; background:#edf5ff; }
  .work-agreement-retry svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .work-agreement-footer { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:8px; padding:10px 0 calc(12px + env(safe-area-inset-bottom)); border-top:1px solid var(--border); background:var(--card-bg); }
  .work-agreement-footer > span { display:flex; align-items:center; gap:5px; color:var(--text-sub); font-size:8px; }
  .work-agreement-footer > span i { color:#4b8bda; font-size:11px; }
  .work-agreement-footer .config-save { display:inline-flex; min-height:38px; align-items:center; justify-content:center; gap:6px; padding:0 13px; border:0; border-radius:12px; background:#5f6368; background-image:none; color:#fff; font-size:10px; font-weight:850; box-shadow:none; cursor:pointer; }
  .work-agreement-submit-spinner { display:none; width:14px; height:14px; flex:0 0 14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-dasharray:34 18; stroke-linecap:round; }
  .work-agreement-footer .config-save.is-loading .work-agreement-submit-spinner { display:block; animation:work-agreement-submit-spin .75s linear infinite; }
  .work-agreement-footer .config-save.is-loading > i { display:none; }
  @keyframes work-agreement-submit-spin { to { transform:rotate(360deg); } }
  .work-agreement-footer .config-save:disabled { background:#e5e7eb; color:#667085; opacity:1; cursor:not-allowed; }
  .work-agreement-footer .config-save:active:not(:disabled) { transform:scale(.97); }
  body.dark .work-agreement-modal .modal-header, body.dark .work-agreement-signing, body.dark .work-agreement-footer { border-color:#353535; }
  body.dark .work-agreement-footer { background:#151515; }
  body.dark .work-agreement-footer .config-save:disabled { background:#343434; color:#b8b8b8; }
  body.dark .work-agreement-read-hint { border-color:#63562f; background:#342f22; color:#f0d889; }
  body.dark .work-agreement-terms.needs-reading { outline-color:rgba(240,216,137,.42); }
  body.dark .work-agreement-heading-icon { border-color:#3b3b3b; background:linear-gradient(145deg,#2a2a2a,#232323); color:#c4cbd5; }
  body.dark .work-agreement-text { color:#e5e5e5; }
  body.dark .work-agreement-canvas { border-color:#555; background:linear-gradient(#242424,#202020); }
  body.dark .work-agreement-signature-heading button { border-color:#444; background:#2a2a2a; color:#ccc; }
  body.dark .work-agreement-privacy-link { color:#b9c7da; }
  body.dark .work-agreement-footer > span i { color:#adb8c7; }
  @media (max-width:520px) { .work-agreement-modal { min-height:min(78vh,720px); max-height:93vh; padding-right:15px; padding-left:15px; } .work-agreement-canvas { height:88px; } }
  .account-manage-toolbar { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; padding:12px 13px; border:1px solid #e5ebf3; border-radius:15px; background:linear-gradient(135deg,#fff,#f8fbff); }
  .account-manage-toolbar strong { display:block; color:var(--text-main); font-size:12px; }
  .account-manage-toolbar span { display:block; margin-top:3px; color:var(--text-sub); font-size:9px; }
  .account-filter-wrap { position:relative; z-index:20; }
  .account-filter-button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #dfe8f3; border-radius:12px; color:#4e6078; background:#fff; cursor:pointer; transition:all .2s ease; }
  .account-filter-button:hover, .account-filter-button[aria-expanded="true"] { color:#287df5; border-color:#9fc6ff; background:#edf5ff; box-shadow:0 5px 14px rgba(40,125,245,.12); }
  .account-filter-button svg { width:20px; height:20px; fill:currentColor; }
  .account-filter-menu { position:absolute; z-index:8; top:44px; right:0; display:none; min-width:178px; padding:6px; border:1px solid #e3eaf4; border-radius:14px; background:#fff; box-shadow:0 14px 30px rgba(26,45,76,.16); animation:platform-panel-in .18s ease both; }
  .account-filter-menu.show { display:grid; gap:2px; }
  .account-filter-menu button { display:flex; align-items:center; gap:8px; width:100%; padding:8px 9px; border:0; border-radius:9px; color:var(--text-main); background:transparent; text-align:left; font:inherit; font-size:10px; cursor:pointer; }
  .account-filter-menu button:hover, .account-filter-menu button.active { color:#287df5; background:#edf5ff; }
  .account-filter-menu img, .filter-dot { width:20px; height:20px; flex:0 0 20px; border-radius:6px; object-fit:cover; }
  .filter-dot.all { display:block; background:linear-gradient(135deg,#287df5 0 33%,#f4436c 33% 66%,#ffbb36 66%); }
  .platform-account-list { display:grid; gap:9px; }
  .platform-account-card { position:relative; padding:12px; border:1px solid #e3eaf4; border-radius:16px; background:#fff; box-shadow:0 5px 15px rgba(37,64,96,.05); animation:platform-panel-in .2s ease both; }
  .platform-account-head { display:flex; align-items:center; gap:10px; min-width:0; }
  .platform-account-avatar { width:48px; height:48px; flex:0 0 48px; border-radius:14px; object-fit:cover; background:#edf5ff; }
  .platform-account-avatar-wrap { position:relative; display:inline-flex; width:48px; height:48px; flex:0 0 48px; }
  .platform-account-title { min-width:0; flex:1; }
  .platform-account-title strong { display:block; overflow:hidden; color:var(--text-main); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-title span { display:block; margin-top:3px; overflow:hidden; color:var(--text-sub); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-title .platform-account-server { display:inline-flex; width:max-content; max-width:100%; align-items:center; gap:5px; margin-top:4px; color:var(--text-main); font-size:10px; font-weight:750; }
  .platform-account-title .platform-account-server > span { display:inline; margin:0; overflow:visible; color:inherit; font-size:inherit; text-overflow:clip; white-space:nowrap; }
  .platform-account-title strong .platform-account-primary-badge { display:inline-flex; width:max-content; max-width:100%; align-items:center; margin:0 0 0 5px; overflow:visible; vertical-align:middle; }
  .platform-account-logo { width:22px; height:22px; border-radius:7px; object-fit:cover; }
  .platform-account-pro-badge { position:absolute; right:-4px; bottom:-3px; z-index:1; display:flex; height:17px; align-items:center; gap:2px; padding:0 4px; border:2px solid #fff; border-radius:999px; color:#6e4700; background:linear-gradient(135deg,#ffe18a,#f5b92e); box-shadow:0 1px 4px rgba(112,75,0,.28); font-size:7px; font-weight:1000; line-height:1; }
  .platform-account-pro-badge svg { width:10px; height:10px; flex:0 0 10px; fill:rgba(255,255,255,.3); stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-actions { display:flex; gap:3px; }
  .platform-account-actions button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:10px; color:#758195; background:transparent; cursor:pointer; transition:all .2s ease; }
  .platform-account-actions button:hover { color:#287df5; background:#edf5ff; transform:translateY(-1px); }
  .platform-account-actions button.delete:hover { color:#e34d68; background:#fff0f3; }
  .platform-account-actions svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-actions .is-loading svg { animation:account-refresh-spin .8s linear infinite; }
  .platform-account-actions button.tiktok-pro-action { color:#b7791f; }
  .platform-account-actions button.tiktok-pro-action.active { color:#a76c0b; background:#fff2cb; }
  .platform-account-actions button.tiktok-pro-action.active svg { fill:#f6c453; }
  .tiktok-pro-modal { max-height:min(90vh,760px); overflow-y:auto; }
  .tiktok-pro-status { margin:0 0 10px; }
  .tiktok-pro-profile { margin:10px 0; padding:12px; border:1px solid #e2eaf3; border-radius:15px; background:#f8fbff; }
  .tiktok-pro-profile[hidden] { display:none!important; }
  .tiktok-pro-profile-head { display:flex; align-items:center; gap:10px; }
  .tiktok-pro-profile-head img { width:48px; height:48px; border-radius:50%; object-fit:cover; background:#edf5ff; }
  .tiktok-pro-profile-head strong,.tiktok-pro-profile-head span { display:block; }
  .tiktok-pro-profile-head span,.tiktok-pro-profile-stats small { margin-top:3px; color:var(--text-sub); font-size:10px; }
  .tiktok-pro-profile-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; text-align:center; }
  .tiktok-pro-profile-stats span { display:grid; gap:3px; padding:8px 4px; border-radius:10px; background:#fff; }
  .tiktok-pro-checks { display:grid; gap:5px; margin:10px 0 0; padding:0; list-style:none; font-size:11px; }
  .tiktok-pro-checks li { display:flex; align-items:center; gap:7px; }
  .tiktok-pro-checks li::before { content:"✕"; color:#d64b55; font-weight:900; }
  .tiktok-pro-checks li.pass::before { content:"✓"; color:#219653; }
  .tiktok-pro-terms-section h4 { margin:12px 0 7px; font-size:12px; }
  .tiktok-pro-terms { max-height:190px; overflow:auto; margin:0; padding:11px; border:1px solid #e6ebf2; border-radius:12px; color:var(--text-main); background:#f8fafc; font:inherit; font-size:10px; line-height:1.6; white-space:pre-wrap; }
  .tiktok-pro-read-hint { display:flex; align-items:center; gap:8px; margin:7px 0 0; padding:8px 10px; border:1px solid #ead38f; border-radius:10px; background:#fff9e8; color:#795f17; font-size:10px; font-weight:800; line-height:1.4; }
  .tiktok-pro-read-hint[hidden] { display:none!important; }
  .tiktok-pro-read-hint svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; animation:workAgreementReadArrow .85s ease-in-out infinite alternate; }
  @media (prefers-reduced-motion:reduce) { .tiktok-pro-read-hint svg { animation:none; } }
  .tiktok-pro-consent { display:flex; align-items:flex-start; gap:8px; margin-top:10px; font-size:11px; line-height:1.5; }
  .tiktok-pro-consent input { width:16px; height:16px; flex:0 0 16px; margin:1px 0 0; accent-color:#287df5; }
  .tiktok-pro-actions { display:flex; gap:8px; margin-top:14px; }
  .tiktok-pro-actions button { display:flex; align-items:center; justify-content:center; gap:7px; flex:1; min-height:42px; border:0; border-radius:999px; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .tiktok-pro-actions button svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .tiktok-pro-actions button#tiktok-pro-confirm:not(:disabled) svg { fill:rgba(255,255,255,.16); }
  .tiktok-pro-actions button:disabled { opacity:.5; cursor:not-allowed; }
  body.dark .tiktok-pro-profile { border-color:#303a48; background:#202a37; }
  body.dark .tiktok-pro-profile-stats span, body.dark .tiktok-pro-terms { border-color:#303030; background:#202020; }
  body.dark .tiktok-pro-read-hint { border-color:#63562f; background:#342f22; color:#f0d889; }
  @keyframes account-refresh-spin { to { transform:rotate(360deg); } }
  .platform-account-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:11px; padding-top:10px; border-top:1px solid #edf1f6; }
  .platform-account-meta div { min-width:0; }
  .platform-account-meta span { display:block; color:var(--text-sub); font-size:8px; }
  .platform-account-meta strong { display:block; margin-top:2px; overflow:hidden; color:var(--text-main); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-job-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:9px; }
  .platform-account-job-stat { display:grid; grid-template-columns:17px minmax(0,1fr); align-items:center; column-gap:4px; min-width:0; padding:7px 6px; border:1px solid #edf1f6; border-radius:10px; background:#fafcff; }
  .platform-account-job-stat svg { width:16px; height:16px; grid-row:span 2; fill:none; stroke:#5189d5; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-job-stat span { overflow:hidden; color:var(--text-sub); font-size:7.5px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-job-stat strong { overflow:hidden; margin-top:2px; color:var(--text-main); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  body.dark .platform-account-job-stat { border-color:#333; background:#252525; }
  .job-account-picker { display:grid; gap:6px; padding:8px; border:1px solid #e1eaf5; border-radius:12px; background:linear-gradient(135deg,#fbfdff,#f3f7fc); }
  .job-account-picker[hidden] { display:none !important; }
  .job-account-picker-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--text-main); font-size:9px; }
  .job-account-picker-current { display:flex; align-items:center; gap:8px; width:100%; min-width:0; padding:6px 8px; border:1px solid #cfe3fb; border-radius:10px; background:#fff; color:var(--text-main); text-align:left; cursor:pointer; }
  .job-account-picker-current > img { width:32px; height:32px; flex:0 0 32px; border-radius:9px; object-fit:cover; background:#edf5ff; }
  .job-account-picker-current .job-account-picker-details { gap:1px; }
  .job-account-picker-current .job-account-picker-details strong { font-size:9px; }
  .job-account-picker-current .job-account-picker-details small { font-size:7px; line-height:1.25; }
  .job-account-picker-change { display:flex; align-items:center; gap:4px; flex:0 0 auto; padding:4px 7px; border-radius:7px; background:#edf5ff; color:#3479c8; font-size:8px; font-weight:750; }
  .job-account-picker-change svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .job-account-picker-list { display:grid; gap:5px; max-height:160px; overflow:auto; }
  .job-account-picker-list[hidden] { display:none !important; }
  .platform-task-panel .job-account-picker-list { max-height:150px; }
  .job-account-picker-status { color:var(--text-sub); font-size:8px; line-height:1.4; }
  .job-account-picker-status.error { color:#c0393a; }
  .job-account-picker-item { display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:1px solid #e3eaf4; border-radius:13px; background:#fff; color:var(--text-main); text-align:left; cursor:pointer; }
  .platform-task-panel .job-account-picker-item { gap:8px; padding:6px 8px; border-radius:10px; }
  .job-account-picker-item:hover, .job-account-picker-item:focus-visible { border-color:#5c9af2; background:#f5f9ff; outline:none; }
  .job-account-picker-item > img { width:42px; height:42px; flex:0 0 42px; border-radius:12px; object-fit:cover; background:#edf5ff; }
  .platform-task-panel .job-account-picker-item > img { width:32px; height:32px; flex-basis:32px; border-radius:9px; }
  .job-account-picker-details { display:grid; gap:3px; min-width:0; flex:1; }
  .job-account-picker-details strong, .job-account-picker-details small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .job-account-picker-details strong { font-size:11px; }
  .job-account-picker-details small { color:var(--text-sub); font-size:8.5px; }
  .platform-task-panel .job-account-picker-details { gap:1px; }
  .platform-task-panel .job-account-picker-details strong { font-size:9px; }
  .platform-task-panel .job-account-picker-details small { font-size:7px; line-height:1.25; }
  .job-account-picker-check { display:grid; width:29px; height:29px; flex:0 0 29px; place-items:center; border:1px solid #e0e6ec; border-radius:50%; background:linear-gradient(145deg,#fff,#f2f5f8); color:#9aa7b5; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
  .platform-task-panel .job-account-picker-check { width:22px; height:22px; flex-basis:22px; }
  .job-account-picker-item[aria-pressed="true"] { border-color:#9dc7f4; background:#f3f8ff; }
  .job-account-picker-item[aria-pressed="true"] .job-account-picker-check { border-color:#c9ecd8; background:linear-gradient(145deg,#f1fcf5,#dcf6e7); color:#16834f; }
  .job-account-picker-check svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
  .platform-task-panel .job-account-picker-check svg { width:12px; height:12px; stroke-width:2.8; }
  .job-account-picker-item:hover .job-account-picker-check, .job-account-picker-item:focus-visible .job-account-picker-check { transform:scale(1.08); background:linear-gradient(145deg,#e4f9ec,#caf0d8); box-shadow:0 3px 8px rgba(22,131,79,.2); }
  body.dark .job-account-picker { border-color:#343434; background:#202a37; }
  body.dark .job-account-picker-current { border-color:#344a63; background:#252525; }
  body.dark .job-account-picker-change { background:#26394d; color:#9dc7f4; }
  body.dark .job-account-picker-item { border-color:#343434; background:#252525; }
  body.dark .job-account-picker-item[aria-pressed="true"] { border-color:#456c95; background:#202d3d; }
  body.dark .job-account-picker-check { border-color:#326447; background:linear-gradient(145deg,#243a2d,#1d3326); color:#75dfa0; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
  body.dark .job-account-picker-item:hover, body.dark .job-account-picker-item:focus-visible { background:#202d3d; }
  body.dark .platform-account-pro-badge { border-color:#202020; }
  body.dark .platform-tabs, body.dark .account-manage-toolbar, body.dark .platform-account-card, body.dark .account-filter-menu { border-color:#303030; background:#202020; }
  body.dark .platform-tab.active { background:linear-gradient(135deg,#293a51,#243246); color:#a9cbff; box-shadow:0 4px 13px rgba(0,0,0,.24); }
  body.dark .account-filter-button { background:#292929; }
  body.dark .account-filter-menu button:hover, body.dark .account-filter-menu button.active { background:#252f3e; }
  .platform-list { display:grid; gap:10px; }
  .social-platform { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:64px; padding:10px 12px; cursor:default; transition:box-shadow .2s ease, transform .2s ease; }
  .social-platform.is-open { box-shadow:0 10px 28px rgba(40,125,245,.14); }
  .platform-logo-wrap { position:relative; display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; }
  .platform-real-logo { width:38px; height:38px; flex:0 0 38px; object-fit:cover; border:1px solid rgba(255,255,255,.9); border-radius:12px; background:#fff; box-shadow:0 4px 10px rgba(26,45,76,.12); transition:transform .22s ease,box-shadow .22s ease; }
  .social-platform:hover .platform-real-logo { transform:translateY(-2px) scale(1.035); box-shadow:0 8px 18px rgba(26,45,76,.18); }
  .platform-logo-wrap.facebook .platform-real-logo { border-radius:16px; }
  .platform-logo-wrap.instagram .platform-real-logo { border-radius:15px; }
  .platform-pro-badge { position:absolute; right:-8px; bottom:-4px; display:flex; align-items:center; gap:2px; padding:2px 4px 2px 3px; border:1.5px solid #fff; border-radius:999px; background:linear-gradient(135deg,#ffe98b,#ffb648 75%,#ff914a); color:#52310c; box-shadow:0 2px 6px rgba(137,87,16,.24); font-size:6px; font-weight:1000; line-height:1; letter-spacing:.03em; }
  .platform-pro-badge svg { width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .platform-card-job-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:6px; }
  .platform-card-job-counts > span { display:grid; min-width:0; grid-template-columns:25px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:7px; padding:5px 8px; border:1px solid #dbe8fb; border-radius:11px; background:linear-gradient(135deg,#f8fbff,#edf4ff); box-shadow:0 2px 5px rgba(39,95,167,.06); color:#718198; font-size:8px; font-weight:750; line-height:1.15; white-space:nowrap; }
  .platform-card-job-counts > span:last-child { border-color:#d4ecdf; background:linear-gradient(135deg,#f7fcf9,#eaf7f0); box-shadow:0 2px 5px rgba(27,132,92,.055); }
  .platform-card-job-counts svg { display:block; width:25px; height:25px; grid-row:1 / 3; padding:5px; border-radius:8px; background:linear-gradient(145deg,#e3efff,#d6e7ff); stroke:#3478d5; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .platform-card-job-counts > span:last-child svg { background:linear-gradient(145deg,#dff4e9,#cff0dd); stroke:#12875f; }
  .platform-card-job-counts b { grid-column:2; grid-row:1; color:#245dab; font-size:12px; font-weight:950; font-variant-numeric:tabular-nums; line-height:1; }
  .platform-card-job-counts > span:last-child b { color:#087e5b; }
  .platform-card-job-counts > span::first-line { line-height:1; }
  .platform-card-tools { position:relative; z-index:4; display:flex; align-items:center; gap:3px; align-self:start; }
  .platform-card-tools button { width:30px; height:30px; border:0; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#758195; background:transparent; font-size:17px; }
  .platform-card-tools button svg, .task-arrow-svg, .button-action-svg { display:block; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .platform-more-svg { width:19px; height:19px; stroke-width:0; fill:currentColor; transition:transform .2s ease, opacity .2s ease; }
  .platform-chevron-svg { width:19px; height:19px; transition:transform .28s cubic-bezier(.2,.8,.2,1), stroke-width .2s ease; }
  .platform-card-tools button:hover .platform-more-svg { transform:scale(1.12); }
  .platform-card-tools button:active .platform-more-svg { transform:scale(.86); }
  .platform-card-tools button:active .platform-chevron-svg { transform:scale(.82); }
  .social-platform.is-open .platform-expand-button .platform-chevron-svg { transform:rotate(90deg); }
  .task-arrow-svg { width:14px; height:14px; position:absolute; right:8px; top:8px; color:#287df5; transition:transform .2s ease; }
  .task-card:hover .task-arrow-svg { transform:translate(2px,-2px); }
  .button-action-svg { width:18px; height:18px; flex:0 0 18px; transition:transform .25s cubic-bezier(.2,.8,.2,1); }
  #platform-account-submit:hover .button-action-svg { transform:rotate(90deg) scale(1.06); }
  #platform-account-submit:active .button-action-svg { transform:rotate(90deg) scale(.82); }
  #platform-account-submit { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border:0; border-radius:999px !important; letter-spacing:.01em; box-shadow:0 8px 18px rgba(40,125,245,.25); transition:transform .2s ease, box-shadow .2s ease, filter .2s ease; }
  #platform-account-submit:hover { filter:saturate(1.08); box-shadow:0 11px 24px rgba(40,125,245,.32); transform:translateY(-1px); }
  #platform-account-submit .button-action-svg { width:21px; height:21px; flex:0 0 21px; stroke-width:2.2; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
  #platform-account-submit .button-action-svg circle { fill:rgba(255,255,255,.13); }
  #platform-account-submit:hover .button-action-svg { transform:rotate(90deg) scale(1.08); }
  body.dark #platform-account-submit, body.dark #service-order-submit { border-color:#555; background:linear-gradient(135deg,#414141,#595959); color:#f5f5f5; box-shadow:0 8px 18px rgba(0,0,0,.24); }
  body.dark #platform-account-submit:hover:not(:disabled), body.dark #service-order-submit:hover:not(:disabled) { filter:brightness(1.12); box-shadow:0 10px 22px rgba(0,0,0,.32); }
  body.dark #platform-account-submit:focus-visible, body.dark #service-order-submit:focus-visible { outline-color:rgba(190,190,190,.35); }


  .platform-card-tools button:hover { color:#287df5; background:#edf5ff; }
  .platform-expand-button i { transition:transform .25s ease; }
  .social-platform.is-open .platform-expand-button i { transform:rotate(90deg); }
  .platform-more-button { font-size:18px!important; }
  .platform-task-panel { display:none; grid-column:1 / -1; padding-top:10px; border-top:1px solid #edf0f5; }
  .social-platform.is-open .platform-task-panel { display:block; animation:platform-panel-in .24s ease both; }
  @keyframes platform-panel-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
  .task-panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:9px; }
  .task-panel-heading strong { color:var(--text-main); font-size:12px; }
  .task-panel-heading span { color:var(--text-sub); font-size:9px; }
  .task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .task-card { position:relative; display:flex; align-items:center; gap:8px; min-width:0; padding:8px; border:1px solid #e4ebf4; border-radius:21px; background:#fff; color:var(--text-main); text-align:left; cursor:pointer; font:inherit; }
  .task-grid.task-icon-grid { grid-template-columns:repeat(auto-fill,minmax(40px,1fr)); gap:6px; }
  .task-icon-grid .task-card { width:100%; aspect-ratio:1; align-items:center; justify-content:center; padding:5px; border-radius:50%; background:var(--card-bg); }
  .task-icon-grid .task-card img { width:26px; height:26px; flex:0 0 26px; border-radius:50%; }
  .task-icon-grid .task-card[data-task="all"] img { width:20px; height:20px; flex-basis:20px; border-radius:50%; }
  .task-icon-grid .task-card .task-card-loading { position:absolute; inset:0; z-index:3; width:auto; height:auto; min-width:0; padding:0; border-radius:inherit; }
  .task-icon-grid .task-card > .task-card-loading { padding:0; }
  .task-icon-grid .task-card.is-loading,.task-icon-grid .task-card[data-loading="true"] { border-color:#a9c9fb; background:#f0f6ff; }
  .task-icon-grid .task-card-unavailable,.task-icon-grid .task-card-unavailable:hover { background:#f7f8fa; }
  .task-card:hover { border-color:#9fc6ff; box-shadow:0 5px 14px rgba(40,125,245,.10); }
  .task-card img { width:42px; height:42px; border-radius:10px; object-fit:cover; flex:0 0 42px; }
  .task-card span { min-width:0; padding-right:10px; }
  .task-card strong, .task-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .task-card strong { font-size:10px; }
  .task-card small { margin-top:3px; color:var(--text-sub); font-size:8px; }
  .task-card-unavailable, .task-card-unavailable:hover { cursor:not-allowed; border-color:#e4e8ee; background:#f7f8fa; box-shadow:none; opacity:.68; }
  .platform-unavailable-note { margin:8px 0 0; color:var(--text-sub); font-size:9px; line-height:1.4; }
  body.dark .task-card-unavailable, body.dark .task-card-unavailable:hover { border-color:#303030; background:#191919; }
  .task-card > i { position:absolute; right:7px; top:7px; color:#287df5; font-size:11px; }
  .modal-subtitle { margin-top:3px; color:var(--text-sub); font-size:11px; }
  .instagram-job-profile { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #e5eaf3; border-radius:16px; background:#fff; }
  .instagram-job-comment { margin-top:9px; padding:10px; border:1px solid #dce8f7; border-radius:12px; background:#f6f9ff; }
  .instagram-job-comment[hidden] { display:none; }
  .instagram-job-comment > div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .instagram-job-comment > div > strong { color:var(--text-main); font-size:10px; }
  .instagram-job-comment > div > button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:30px; padding:0 9px; border:1px solid #dce5f2; border-radius:9px; background:#fff; color:#347cf0; font-size:10px; font-weight:700; cursor:pointer; }
  .instagram-job-comment > p { margin:7px 0 0; color:var(--text-main); font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
  .instagram-job-profile-avatar { position:relative; display:block; width:48px; height:48px; flex:0 0 48px; }
  .instagram-job-profile .instagram-job-profile-avatar > img { display:block; width:48px; height:48px; border-radius:50%; object-fit:cover; background:#edf5ff; }
  .instagram-job-profile-crown[hidden] { display:none!important; }
  .instagram-job-profile-crown { position:absolute; right:-3px; bottom:-3px; display:grid; width:19px; height:19px; place-items:center; border:2px solid #fff; border-radius:50%; background:#fff0b8; }
  .instagram-job-profile-crown svg { display:block; width:13px; height:13px; fill:#f4bd38; stroke:#9a6500; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .instagram-job-profile > div { min-width:0; flex:1; }
  .instagram-job-profile strong, .instagram-job-profile span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .instagram-job-profile strong { color:var(--text-main); font-size:12px; }
  .instagram-job-profile div span { margin-top:4px; color:var(--text-sub); font-size:9px; }
  .instagram-job-profile .instagram-job-badge { display:inline-flex; flex:0 0 auto; flex-direction:row; align-items:center; justify-content:center; gap:6px; white-space:nowrap; padding:3px 9px 3px 4px; border:1px solid #f4d5e5; border-radius:999px; color:#c13584; background:#fff7fb; font-size:9px!important; font-weight:800; }
  .instagram-job-profile .instagram-job-badge-icon { position:relative; display:grid!important; width:23px; height:23px; flex:0 0 23px; place-items:center; margin:0!important; overflow:hidden; border-radius:50%; background:#ffe8f3; }
  .instagram-job-profile .instagram-job-badge-icon img { display:block; width:100%; height:100%; margin:0; border-radius:50%; object-fit:cover; }
  .instagram-job-profile .instagram-job-badge .instagram-job-badge-label { display:inline!important; max-width:90px; margin:0!important; line-height:1; font-size:inherit!important; }
  body.dark .instagram-job-profile { border-color:#303030; background:#151515; }
  body.dark .instagram-job-profile .instagram-job-profile-avatar > img { background:#242424; }
  body.dark .instagram-job-profile-crown { border-color:#151515; background:#4a3a1c; }
  body.dark .instagram-job-profile-crown svg { fill:#f4bd38; stroke:#ffdf83; }
  body.dark .instagram-job-profile .instagram-job-badge { border-color:#53334a; color:#f2a5c6; background:#382331; }
  body.dark .instagram-job-profile .instagram-job-badge-icon { background:#503044; }
  .instagram-job-buyer { display:flex; align-items:center; gap:9px; margin-top:8px; padding:9px 10px; border:1px solid #e3eaf4; border-radius:13px; background:linear-gradient(120deg,#f8fbff,#fff); }
  .instagram-job-buyer-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:11px; color:#287df5; background:#eaf3ff; }
  .instagram-job-buyer-icon img { display:block; width:23px; height:23px; object-fit:contain; }
  .instagram-job-buyer > div { display:grid; min-width:0; gap:2px; }
  .instagram-job-buyer .instagram-job-buyer-details { flex:1; }
  .instagram-job-buyer small { color:var(--text-sub); font-size:9px; }
  .instagram-job-buyer strong, .instagram-job-buyer > div > span { overflow:hidden; color:var(--text-main); font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
  .instagram-job-buyer > div > span { color:var(--text-sub); font-size:9px; font-weight:600; }
  .instagram-job-purchase-meta { display:flex!important; flex:0 0 auto; align-items:center; margin-left:auto; text-align:right; }
  .instagram-job-purchase-meta > span { display:grid; min-width:0; gap:2px; }
  .instagram-job-purchase-meta small { color:var(--text-sub); font-size:8px; }
  .instagram-job-purchase-meta strong { color:var(--text-main); font-size:9px; font-weight:750; white-space:nowrap; }
  .instagram-job-guide { margin-top:9px; padding:10px 11px; border-radius:13px; color:#65738a; background:#fff8ec; font-size:10px; line-height:1.45; }
  .instagram-job-guide strong { display:flex; align-items:center; gap:5px; margin-bottom:3px; color:#d98b16; font-size:10px; }
  .instagram-job-guide strong svg, .job-section-label svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .instagram-job-guide > p { margin:0; color:#b87508; font-weight:700; }
  .instagram-job-guide .instagram-job-action { color:#b71c1c; font-weight:850; }
  .instagram-job-safety { margin-top:8px; padding:8px 9px; border:1px solid #f0b8b8; border-radius:10px; color:#7f1d1d; background:#fff0f0; }
  .instagram-job-guide .instagram-job-safety > strong { align-items:center; margin:0 0 3px; color:#b42323; }
  .instagram-job-safety strong svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .instagram-job-safety > p { margin:0; color:inherit; font-size:9px; font-weight:650; line-height:1.45; }
  body.dark .instagram-job-safety { border-color:#663838; color:#ffcaca; background:#321f1f; }
  body.dark .instagram-job-guide .instagram-job-safety > strong { color:#ff9a9a; }
  body.dark .instagram-job-guide > p { color:#f3c46b; }
  body.dark .instagram-job-guide .instagram-job-action { color:#ff8585; }
  .instagram-job-order { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; padding:9px 10px; border:1px solid #e5eaf3; border-radius:13px; background:#fff; }
  .job-section-label { display:flex; align-items:center; gap:5px; color:var(--text-sub); font-size:10px; font-weight:750; }
  .job-order-code { display:flex; align-items:center; gap:5px; min-width:0; }
  .job-order-code code { overflow:hidden; color:#287df5; font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
  .job-order-code button { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; flex:0 0 27px; border:0; border-radius:9px; color:#287df5; background:#edf5ff; cursor:pointer; transition:transform .18s ease, background .18s ease; }
  .job-order-code button:hover { background:#dcecff; transform:translateY(-1px); }
  .job-order-code button:active { transform:scale(.9); }
  .job-order-code button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .primary-account-preview { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #dce9ff; border-radius:16px; background:#f6faff; }
  .primary-account-preview img { width:52px; height:52px; border-radius:50%; object-fit:cover; }
  .primary-account-preview strong, .primary-account-preview span { display:block; }
  .primary-account-preview strong { color:var(--text-main); font-size:13px; }
  .primary-account-preview span { margin-top:4px; color:var(--text-sub); font-size:10px; }
  body.dark .primary-account-preview { border-color:#303030; background:#202020; }
  body.dark .primary-account-preview img { background:#2a2a2a; }
  .primary-account-note { margin:10px 2px 12px; color:var(--text-sub); font-size:10px; line-height:1.45; }
  .primary-account-actions { display:grid; grid-template-columns:.8fr 1.6fr; gap:8px; }
  .primary-account-actions button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:43px; border:0; border-radius:999px; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .primary-account-actions svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-primary-badge { display:inline-flex; align-items:center; gap:3px; margin-left:5px; padding:3px 6px; border-radius:999px; color:#c88310; background:#fff5d9; font-size:8px; font-weight:800; vertical-align:middle; }
  .platform-account-actions button.primary.active { color:#c88310; background:#fff5d9; }
  .platform-account-actions button.primary.active svg { fill:#f5bd3e; }
  .instagram-job-detail { display:grid; gap:8px; margin:12px 0; padding:12px; border:1px solid #e4ebf4; border-radius:15px; background:#f8fbff; }
  .job-detail-row { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--text-sub); font-size:10px; }
  .job-detail-row > span { display:flex; align-items:center; gap:6px; min-width:0; }
  .job-detail-row > span svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:#287df5; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .job-detail-row strong { color:var(--text-main); font-size:11px; }
  .instagram-job-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .instagram-job-actions button { min-height:43px; border:0; border-radius:999px; font:inherit; font-size:11px; font-weight:800; cursor:pointer; }
  .instagram-job-actions button { display:flex; align-items:center; justify-content:center; gap:6px; }
  .instagram-job-actions button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .instagram-job-actions button .platform-open-icon { width:17px; height:17px; flex:0 0 17px; border-radius:50%; object-fit:contain; }
  .instagram-job-actions button .complete-icon { stroke-width:2.4; }
  .instagram-job-actions .config-close { border:1px solid #e2e8f0; }
  .instagram-job-actions button:disabled { opacity:.5; cursor:not-allowed; }
  .instagram-job-report { flex-shrink:0; margin:10px 0 12px; overflow:hidden; border:1px solid #e1e8f1; border-radius:14px; background:#fff; }
  .instagram-job-report > summary { display:flex; min-height:43px; align-items:center; gap:8px; padding:9px 11px; color:#bf4c48; font-size:10px; font-weight:850; list-style:none; cursor:pointer; }
  .instagram-job-report > summary::-webkit-details-marker { display:none; }
  .instagram-job-report > summary > svg:first-child { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .instagram-job-report .report-chevron { width:16px; height:16px; margin-left:auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
  .instagram-job-report[open] .report-chevron { transform:rotate(180deg); }
  .instagram-job-report form { display:grid; gap:9px; padding:0 10px 10px; }
  .job-report-categories { display:flex; flex-wrap:wrap; gap:6px; }
  .job-report-category { display:inline-flex; min-width:0; min-height:34px; flex:1 1 auto; align-items:center; justify-content:center; gap:5px; padding:6px 10px; border:1px solid #e5eaf1; border-radius:999px; color:var(--text-sub); background:#f8fafc; font:inherit; font-size:9px; font-weight:800; text-align:center; cursor:pointer; transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease; }
  .job-report-category:hover { transform:translateY(-1px); border-color:#b8d2f5; background:#f1f7ff; }
  .job-report-category.active { border-color:#f0aaa5; color:#c44343; background:#fff4f3; box-shadow:0 0 0 2px rgba(217,67,67,.08); }
  .job-report-category svg { width:14px; height:14px; flex:0 0 14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .job-report-category span { overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
  .job-report-group { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; margin:0; padding:8px; border:1px solid #edf0f5; border-radius:11px; }
  .job-report-group[hidden] { display:none; }
  .job-report-group legend { display:flex; flex:0 0 100%; align-items:center; gap:6px; padding:0 4px; color:var(--text-main); font-size:10px; font-weight:850; }
  .job-report-group legend svg { width:15px; height:15px; fill:none; stroke:#718096; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .job-report-group > p { flex:0 0 100%; margin:0 4px 3px; color:var(--text-sub); font-size:9px; line-height:1.4; }
  .job-report-option { display:inline-flex; min-height:27px; align-items:center; gap:5px; padding:4px 9px; border:1px solid #e5eaf1; border-radius:999px; color:var(--text-main); background:#f8fafc; font-size:9px; line-height:1.2; cursor:pointer; transition:border-color .16s ease,background .16s ease,color .16s ease; }
  .job-report-option:hover { border-color:#b8d2f5; background:#eff5ff; }
  .job-report-option:has(input:checked) { border-color:#9fc6ff; color:#1769cf; background:#edf5ff; }
  .job-report-option input { position:absolute; width:1px; height:1px; opacity:0; }
  .job-report-radio { display:grid; width:12px; height:12px; flex:0 0 12px; place-items:center; border:1.5px solid #b8c4d3; border-radius:50%; background:#fff; }
  .job-report-radio::after { width:6px; height:6px; border-radius:50%; background:#287df5; content:""; transform:scale(0); transition:transform .14s ease; }
  .job-report-option input:checked + .job-report-radio { border-color:#287df5; }
  .job-report-option input:checked + .job-report-radio::after { transform:scale(1); }
  .job-report-option input:focus-visible + .job-report-radio { outline:3px solid rgba(40,125,245,.25); outline-offset:2px; }
  .job-report-violation { border-color:#f2d5d5; }
  .job-report-violation legend, .job-report-violation legend svg { color:#c44343; stroke:#c44343; }
  .job-report-violation > p { color:#a14b4b; }
  .job-report-details { width:100%; min-height:58px; resize:vertical; padding:8px; border:1px solid #dbe3ed; border-radius:9px; color:var(--text-main); background:#fff; font:inherit; font-size:10px; }
  .job-report-details[hidden] { display:none; }
  .job-report-status { color:var(--text-sub); font-size:9px; }
  .job-report-status.error { color:#c23d4a; }
  .job-report-status.success { color:#128354; }
  .job-report-submit { display:flex; min-height:38px; align-items:center; justify-content:center; gap:6px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,#ef6b65,#d94343); font:inherit; font-size:10px; font-weight:850; cursor:pointer; }
  .job-report-submit svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .job-report-submit:disabled { opacity:.55; cursor:wait; }
  .job-report-submit[hidden] { display:none; }
  body.dark .instagram-job-detail { border-color:#303030; background:#202020; }
  body.dark .instagram-job-buyer { border-color:#303030; background:linear-gradient(120deg,#202e43,#202020); }
  body.dark .instagram-job-buyer-icon { color:#9fc5ff; background:#202e43; }
  body.dark .instagram-job-report { border-color:#303030; background:#171717; }
  body.dark .job-report-group { border-color:#303030; }
  body.dark .job-report-category { border-color:#303030; color:#a5a5a5; background:#202020; }
  body.dark .job-report-category.active { border-color:#70413f; color:#ffaaa3; background:#351817; }
  body.dark .job-report-option { border-color:#303030; background:#202020; }
  body.dark .job-report-option:hover { background:#202e43; }
  body.dark .job-report-option:has(input:checked) { border-color:#365f91; color:#9fc5ff; background:#202e43; }
  body.dark .job-report-radio, body.dark .job-report-details { border-color:#394b63; background:#171717; color:var(--text-main); }
  body.dark .job-report-violation { border-color:#5a3333; }

  .account-platform-picker { position:relative; }
  .account-platform-native { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
  .account-platform-current { display:flex; align-items:center; gap:9px; width:100%; min-height:42px; padding:7px 10px; border:1px solid #e1e8f1; border-radius:14px; color:var(--text-main); background:#f9fbfd; font:inherit; font-size:11px; font-weight:700; text-align:left; cursor:pointer; }
  .account-platform-current:hover, .account-platform-current[aria-expanded="true"] { border-color:#9fc6ff; background:#edf5ff; }
  .account-platform-current img, .account-platform-menu img { width:25px; height:25px; flex:0 0 25px; border-radius:8px; object-fit:cover; }
  .account-platform-current svg { width:16px; height:16px; margin-left:auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
  .account-platform-current[aria-expanded="true"] svg { transform:rotate(180deg); }
  .account-platform-menu { position:absolute; z-index:12; top:48px; right:0; left:0; display:none; gap:3px; padding:6px; border:1px solid #e1e8f1; border-radius:14px; background:#fff; box-shadow:0 14px 30px rgba(26,45,76,.16); animation:platform-panel-in .18s ease both; }
  .account-platform-menu.show { display:grid; }
  .account-platform-menu button { display:flex; align-items:center; gap:9px; width:100%; padding:7px 8px; border:0; border-radius:10px; color:var(--text-main); background:transparent; font:inherit; font-size:11px; text-align:left; cursor:pointer; }
  .account-platform-menu button:hover, .account-platform-menu button.active { color:#287df5; background:#edf5ff; }
  .account-platform-menu button i { display:none; margin-left:auto; font-size:15px; }
  .account-platform-menu button.active i { display:block; }
  body.dark .account-platform-current, body.dark .account-platform-menu { border-color:#33445c; background:#202e43; }
  .platform-account-form { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:12px; }
  .platform-account-form > * { min-width:0; max-width:100%; }
  .platform-account-form .config-field { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:6px; }
  .platform-account-form .config-field > span { color:var(--text-sub); font-size:11px; font-weight:700; }
  .facebook-uid-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:-4px; }
  .facebook-uid-tools[hidden] { display:none; }
  .facebook-uid-tool-link { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:38px; padding:7px 9px; border:1px solid #d9e5f5; border-radius:11px; background:#f7faff; color:#294b76; font-size:10px; font-weight:800; text-decoration:none; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
  .facebook-uid-tool-link:hover { transform:translateY(-1px); border-color:#9bbce9; background:#edf5ff; }
  .facebook-uid-tool-link img { width:16px; height:16px; flex:0 0 16px; border-radius:4px; object-fit:cover; }
  .facebook-uid-tool-link > svg { width:13px; height:13px; flex:0 0 13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .two-uid-mark { display:grid; place-items:center; width:17px; height:17px; flex:0 0 17px; border-radius:5px; background:#e7f0ff; color:#2864ad; font-size:11px; font-weight:900; }
  body.dark .facebook-uid-tool-link { border-color:#344b69; background:#202f46; color:#d4e5ff; }
  body.dark .facebook-uid-tool-link:hover { border-color:#5478a6; background:#263a55; }
  body.dark .two-uid-mark { background:#304968; color:#d4e5ff; }
  .platform-account-modal { overflow-y:auto; overscroll-behavior:contain; }
  .instagram-account-rules { min-width:0; max-width:100%; box-sizing:border-box; padding:12px; border:1px solid #f1d69a; border-radius:14px; background:#fff9e9; }
  .instagram-account-rules[hidden] { display:none; }
  .instagram-account-rules h4 { margin:0 0 7px; color:#805a0a; font-size:11px; font-weight:850; }
  .instagram-account-rules ul { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:5px; margin:0; padding-left:17px; color:#725f38; font-size:10px; line-height:1.45; }
  .instagram-account-rules li { min-width:0; overflow-wrap:anywhere; }
  .facebook-policy-name-rule,.facebook-policy-name-rule strong,.facebook-policy-effective-date { color:#d62828 !important; font-weight:850; }
  .instagram-rate-type, .instagram-rate-price { color:#d62828; font-weight:850; }
  .instagram-rate-price { white-space:nowrap; }
  .instagram-server-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:10px 0 0; padding:0; border:0; }
  .instagram-server-picker legend { grid-column:1/-1; margin-bottom:5px; color:var(--text-main); font-size:10px; font-weight:800; }
  .tiktok-policy-token { margin-top:9px; }
  .tiktok-policy-token > span { flex:0 0 auto; }
  .tiktok-policy-token code { overflow-wrap:anywhere; white-space:normal; }
  .instagram-server-option { display:flex; align-items:center; gap:7px; min-width:0; padding:8px; border:1px solid #e3d5b1; border-radius:11px; background:rgba(255,255,255,.72); cursor:pointer; }
  .instagram-server-option:has(input:checked) { border-color:#287df5; box-shadow:0 0 0 2px rgba(40,125,245,.12); }
  .instagram-server-option input { margin:0; accent-color:#287df5; }
  .instagram-server-flag { display:block; width:27px; height:18px; flex:0 0 27px; object-fit:cover; border-radius:3px; box-shadow:0 1px 3px rgba(20,35,55,.25); }
  .instagram-server-option > span:last-child { display:grid; gap:2px; min-width:0; }
  .instagram-server-option strong { color:var(--text-main); font-size:10px; }
  .instagram-server-option small { color:var(--text-sub); font-size:9px; }
  .platform-account-server { display:flex; align-items:center; gap:5px; margin-top:4px; color:var(--text-main) !important; font-size:10px !important; font-weight:750; }
  .platform-account-server img { width:16px; height:11px; object-fit:cover; border-radius:2px; box-shadow:0 1px 2px rgba(20,35,55,.22); }
  .platform-account-token { display:flex; align-items:center; gap:8px; min-width:0; margin-top:8px; padding:8px 10px; border:1px solid #dce7f5; border-radius:11px; background:#f7faff; }
  .platform-account-token > span { color:var(--text-sub); font-size:9px; font-weight:750; }
  .platform-account-token code { overflow:hidden; min-width:0; color:#263b56; font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-token-copy { display:grid; width:28px; height:28px; flex:0 0 28px; place-items:center; margin-left:auto; border:0; border-radius:8px; color:#287df5; background:#eaf2ff; cursor:pointer; }
  .platform-account-token-copy:disabled { opacity:.45; cursor:not-allowed; }
  .platform-account-token-copy svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  body.dark .platform-account-token { border-color:#33445c; background:#202e43; }
  body.dark .platform-account-token code { color:#dce8f8; }
  body.dark .instagram-account-rules { border-color:#574923; background:#302817; }
  body.dark .instagram-account-rules h4 { color:#f0cd76; }
  body.dark .instagram-account-rules ul { color:#dbc99c; }
  body.dark .facebook-policy-name-rule,body.dark .facebook-policy-name-rule strong,body.dark .facebook-policy-effective-date { color:#ff8a8a !important; }
  body.dark .tiktok-rules-effective-date { color:#f0cd76; }
  body.dark .instagram-server-option { border-color:#574923; background:rgba(25,25,25,.45); }
  body.dark .instagram-server-picker legend { color:var(--text-main); }
  .platform-account-preview { display:grid; gap:12px; padding:13px; border:1px solid #d8e7fa; border-radius:18px; background:linear-gradient(145deg,#f7fbff,#edf5ff); }
  .platform-account-preview[hidden] { display:none; }
  .platform-account-preview-head { display:flex; align-items:center; gap:10px; min-width:0; }
  .platform-account-preview-head > img { width:48px; height:48px; flex:0 0 48px; border:2px solid #fff; border-radius:50%; object-fit:cover; background:#e4edf8; box-shadow:0 3px 10px rgba(30,80,140,.12); }
  .platform-account-preview-head > div { display:grid; gap:3px; min-width:0; }
  .platform-account-preview-head > div strong { overflow:hidden; color:var(--text-main); font-size:13px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-preview-head > div span { overflow:hidden; color:var(--text-sub); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-preview-verified { display:grid; width:23px; height:23px; flex:0 0 23px; place-items:center; margin-left:auto; border-radius:50%; color:#fff; background:#2484f4; }
  .platform-account-preview-verified[hidden] { display:none; }
  .platform-account-preview-verified svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-preview-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px 0 2px; border-top:1px solid rgba(117,151,190,.2); }
  .platform-account-preview-stats > span { display:grid; grid-template-columns:16px minmax(0,1fr); align-items:center; column-gap:5px; row-gap:2px; min-width:0; }
  .platform-account-preview-stats > span + span { padding-left:9px; border-left:1px solid rgba(117,151,190,.2); }
  .platform-account-preview-stats svg { grid-row:1 / 3; width:15px; height:15px; fill:none; stroke:#4c86ca; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .platform-account-preview-stats strong { overflow:hidden; color:var(--text-main); font-size:11px; font-weight:850; text-overflow:ellipsis; }
  .platform-account-preview-stats small { overflow:hidden; color:var(--text-sub); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  .platform-account-preview > p { margin:0; color:var(--text-sub); font-size:10px; line-height:1.5; }
  body.dark .platform-account-preview { border-color:#334968; background:linear-gradient(145deg,#202e43,#1d2939); }
  body.dark .platform-account-preview-head > img { border-color:#26364b; background:#293b52; }
  body.dark .platform-account-preview-stats { border-color:rgba(145,170,202,.2); }
  body.dark .platform-account-preview-stats > span + span { border-color:rgba(145,170,202,.2); }
  body.dark .platform-account-preview-stats svg { stroke:#9fc5ff; }
  body.dark .platform-task-panel { border-color:#303030; }
  body.dark .task-card { background:#202020; border-color:#303030; }
  body.dark .task-icon-grid .task-card-unavailable,body.dark .task-icon-grid .task-card-unavailable:hover { background:#191919; }
  body.dark .instagram-job-comment { border-color:#33445c; background:#202e43; }
  body.dark .instagram-job-comment > div > button { border-color:#394b63; background:#202020; }
  body.dark .platform-card-tools button:hover { background:#252525; }
  body.dark .platform-card-job-counts svg { stroke:#9fc5ff; }
  body.dark .platform-card-job-counts > span:last-child svg { stroke:#86d6b3; }
  body.dark .platform-card-job-counts > span { border-color:#344c6d; background:linear-gradient(135deg,#202e43,#1b2838); box-shadow:0 2px 6px rgba(0,0,0,.18); color:#b0bfd3; }
  body.dark .platform-card-job-counts > span:last-child { border-color:#285541; background:linear-gradient(135deg,#1c372e,#172b25); }
  body.dark .platform-card-job-counts svg { background:linear-gradient(145deg,#294566,#233b59); }
  body.dark .platform-card-job-counts > span:last-child svg { background:linear-gradient(145deg,#285640,#214536); }
  body.dark .platform-card-job-counts b { color:#b5d1ff; }
  body.dark .platform-card-job-counts > span:last-child b { color:#86d6b3; }
  body.dark .platform-pro-badge { border-color:#252525; }
  .platform-card.platform-main { cursor: pointer; min-height: 76px; }
  .platform-card.platform-main:hover { transform: translateY(-2px); }
  .social-platform .info { min-width:0; }
  .social-platform .info h4 { margin:0; font-size:12px; }
  .social-platform .info p { overflow:hidden; margin-top:2px; font-size:9px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
  .platform-child-wrap { display: none; margin-top: 12px; }
  .platform-child-wrap.show { display: block; }
  .platform-child-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
  .platform-child-head strong { color:var(--text-main); font-size:13px; }
  .platform-back { border:0; border-radius:999px; padding:7px 10px; color:#287df5; background:#edf5ff; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .platform-child-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .platform-child-card { display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:1px solid #e4ebf4; border-radius:14px; background:#fff; color:var(--text-main); text-align:left; cursor:pointer; font:inherit; }
  .platform-child-card:hover { border-color:#9fc6ff; box-shadow:0 7px 16px rgba(40,125,245,.10); }
  .platform-child-card img { width:50px; height:50px; object-fit:cover; border-radius:12px; flex:0 0 50px; }
  .platform-child-card strong { display:block; font-size:11px; }
  .platform-child-card span { display:block; margin-top:3px; color:var(--text-sub); font-size:9px; line-height:1.35; }
  .xworld-config-help { color:var(--text-sub); font-size:11px; line-height:1.45; }
  .logo-loading { width:28px; height:28px; object-fit:contain; border-radius:8px; animation:logo-pulse 1.25s ease-in-out infinite; }
  .history-loading-card { min-height:58px; justify-content:center; padding:14px; }
  .history-loading-card .icon { width:34px; height:34px; border-radius:10px; }
  .history-loading-card .logo-loading { width:25px; height:25px; }
  .account-loading-state { min-height:58px; justify-content:center; padding:14px; }
  .account-loading-state .logo-loading { width:25px; height:25px; }
  @keyframes logo-pulse { 0%,100%{opacity:.55;transform:scale(.94)} 50%{opacity:1;transform:scale(1)} }
  .admin-platform-grid { display:grid; gap:9px; }
  .admin-platform-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 11px; border:1px solid #e4ebf4; border-radius:12px; background:#fff; }
  .admin-platform-row strong { display:block; color:var(--text-main); font-size:11px; }
  .admin-platform-row span { display:block; margin-top:2px; color:var(--text-sub); font-size:9px; }
  .admin-platform-row label { display:flex; align-items:center; gap:7px; color:var(--text-sub); font-size:10px; font-weight:800; }
  .admin-platform-row input { width:17px; height:17px; accent-color:#287df5; }
  .admin-maintenance-schedule { display:grid; gap:7px; margin-top:11px; padding:12px; border:1px solid #f0d9a9; border-radius:14px; background:#fffaf0; }
  .admin-maintenance-schedule[hidden] { display:none; }
  .admin-maintenance-schedule label { color:#855a10; font-size:11px; font-weight:850; }
  .admin-maintenance-schedule span { color:#8c7751; font-size:9px; line-height:1.45; }
  .admin-platform-status { margin-top:9px; }
  body.dark .platform-child-card, body.dark .admin-platform-row { border-color:#33445c; background:#202e43; }
  body.dark .admin-maintenance-schedule { border-color:#5b492b; background:#332b1d; }
  body.dark .admin-maintenance-schedule label { color:#f2cc82; }
  body.dark .admin-maintenance-schedule span { color:#c6b48f; }
  body.dark .platform-back { background:#203a5e; }


  /* Dark mode: black graph-paper background matching the reference UI. */
  body.dark { background-color:#070707; background-image:linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size:100px 100px,100px 100px,20px 20px,20px 20px; }
  body.dark #app { background:rgba(8,8,8,.90); color:#f2f2f2; }
  body.dark main { background:transparent; }
  body.dark .page > h2, body.dark .page > .sub, body.dark .card .info h4, body.dark .stats-card-title h4, body.dark .stats-card-title p, body.dark .stats-chart-caption strong, body.dark .stats-overview-item strong { color:#f1f1f1; }
  body.dark .page > .sub, body.dark .card .info p, body.dark .stats-chart-caption, body.dark .stats-overview-item span, body.dark .stats-label, body.dark .stats-axis-label { color:#a5a5a5; }
  body.dark .card, body.dark .stats-card, body.dark .vip-card, body.dark .admin-notice, body.dark .platform-child-card { background:#151515; border-color:#303030; box-shadow:0 10px 28px rgba(0,0,0,.28); }
  body.dark .admin-action { color: #d6d8dc; }
  body.dark .admin-action.like.active { color: #ed4956; }
  body.dark .stats-card { border-color:#303030; background:#151515; box-shadow:0 10px 28px rgba(0,0,0,.28); }
  body.dark .stats-card-head { background:transparent; }
  body.dark .stats-card-heading-icon { border-color:rgba(255,255,255,.15); background:linear-gradient(145deg,#f39abf,#d77ab4); }
  body.dark .stats-card-heading small { color:#c5a3b9; }
  body.dark .stats-card-head-title { color:#fff2f8; }
  body.dark .stats-chart { background:#151515; border-color:#303030; }
  body.dark .stats-grid-line { stroke:#303030; }
  body.dark .stats-overview-item { box-shadow:0 5px 14px rgba(0,0,0,.16); }
  body.dark .stats-overview-item:nth-child(1) { color:#efa5c4; background:linear-gradient(145deg,#392635,#30202d); border-color:#67415a; }
  body.dark .stats-overview-item:nth-child(2) { color:#d2a5e5; background:linear-gradient(145deg,#33273b,#292131); border-color:#594367; }
  body.dark .stats-overview-item:nth-child(3) { color:#f0aaa9; background:linear-gradient(145deg,#3a292e,#302126); border-color:#67434b; }
  body.dark .stats-overview-item span { color:#cbb8c7; }
  body.dark .stats-overview-item span i { background:rgba(255,255,255,.08); }
  body.dark .stats-overview-item strong { color:#f1f5fb; }
  body.dark .stats-overview-item strong.positive { color:#f0a5c7; }
  body.dark .stats-legend-item { color:#c7b4c3; }
  body.dark .stats-range-trigger { border-color:#614056; color:#f0b4d0; background:linear-gradient(135deg,#352431,#2b202c); box-shadow:0 2px 8px rgba(0,0,0,.2); }
  body.dark .stats-range-trigger:hover { background:#412a3c; }
  body.dark .stats-range-menu { border-color:#52384d; background:rgba(37,28,39,.98); box-shadow:0 10px 25px rgba(0,0,0,.42); }
  body.dark .stats-range-menu button { color:#d1bfce; }
  body.dark .stats-range-menu button:hover { color:#f2c0d9; background:#3a2938; }
  body.dark .stats-range-menu button.active { color:#fff; background:linear-gradient(120deg,#d875a5,#9a68aa); }
  body.dark .platform-child-head strong, body.dark .platform-child-card strong { color:#f1f1f1; }
  body.dark .platform-child-card span, body.dark .platform-back { color:#bdbdbd; }
  body.dark .platform-back { background:#252525; }
  body.dark .bottom-nav, body.dark header { background:rgba(10,10,10,.94); border-color:#292929; }
  body.dark .bottom-nav a, body.dark .top-icon { color:#aaa; }


  .platform-child-card { position:relative; padding-right:74px; }
  .platform-run-button { position:absolute; right:9px; bottom:9px; display:inline-flex; align-items:center; gap:4px; border:0; border-radius:999px; padding:5px 8px; color:#fff; background:#287df5; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .platform-run-button:hover { background:#1265d7; }
  .platform-auth-status { display:flex; align-items:center; gap:4px; margin-top:5px; color:#8c98a8; font-size:9px; }
  .platform-auth-status.is-running { color:#0aa873; font-weight:800; }
  .platform-auth-status i { font-size:11px; }
  .auth-state-chip { display:inline-flex; align-items:center; gap:4px; margin-top:3px; padding:3px 6px; border-radius:999px; color:#8b95a5; background:#f1f4f7; font-size:9px; font-weight:800; }
  .auth-state-chip.active { color:#087f59; background:#e7f8f0; }
  body.dark .platform-run-button { background:#316fc2; }
  body.dark .platform-auth-status { color:#999; }
  body.dark .auth-state-chip { color:#aaa; background:#292929; }
  body.dark .auth-state-chip.active { color:#65e0b2; background:#123c2e; }


  /* Keep header and bottom menu on the same neutral-black surface as the body. */
  body.dark { --primary-light:#1b1b1b; }
  body.dark header.topbar { background:#0b0b0b!important; border-bottom-color:#292929!important; box-shadow:none!important; }
  body.dark header.topbar .top-icon { background:#171717!important; color:#bdbdbd!important; border:1px solid #2b2b2b!important; }
  body.dark header.topbar .top-icon:hover, body.dark header.topbar .top-icon:focus-visible { background:#222!important; color:#fff!important; }
  body.dark header.topbar .wallet-top-balance { background:#171717!important; color:#bdbdbd!important; border:1px solid #2b2b2b!important; }
  body.dark nav.bottom-menu { background:#0b0b0b!important; border-color:#292929!important; box-shadow:0 8px 24px rgba(0,0,0,.42)!important; }
  body.dark nav.bottom-menu .nav-item { color:#8f8f8f!important; background:transparent!important; }
  body.dark nav.bottom-menu .nav-item.active { color:#f2f2f2!important; background:#1a1a1a!important; }
  body.dark nav.bottom-menu .nav-item.active::after { background:#f2f2f2!important; }
  body.dark nav.bottom-menu .nav-item:hover { color:#d7d7d7!important; background:#151515!important; }

  .menu-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .menu-choice { display:flex; min-width:0; min-height:66px; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid var(--border,#e1e8f1); border-radius:13px; background:var(--card-bg,#fff); color:var(--text-main); font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
  .menu-choice svg { width:48px; height:28px; fill:#edf4ff; stroke:#718198; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
  .menu-choice[aria-pressed="true"] { border-color:#287df5; box-shadow:0 0 0 2px rgba(40,125,245,.14); }
  .menu-choice[aria-pressed="true"] svg { fill:#dceaff; stroke:#287df5; }
  body.dark .menu-choice { border-color:#333; background:#171717; color:#f2f2f2; }
  body.dark .menu-choice svg { fill:#202020; stroke:#a7a7a7; }
  body.dark .menu-choice[aria-pressed="true"] { border-color:#777; background:#242424; box-shadow:0 0 0 2px rgba(180,180,180,.1); }
  body.dark .menu-choice[aria-pressed="true"] svg { fill:#303030; stroke:#e0e0e0; }

  body.ios-menu nav.bottom-menu { min-height:58px; padding:5px 8px calc(5px + env(safe-area-inset-bottom)); border-radius:999px; background:rgba(255,255,255,.92); box-shadow:0 8px 26px rgba(31,53,86,.16); }
  body.ios-menu nav.bottom-menu .nav-item { min-height:44px; padding:2px 4px; border-radius:999px; }
  body.ios-menu:not(.menu-labels-visible) nav.bottom-menu .nav-item span,
  body.menu-labels-hidden nav.bottom-menu .nav-item span { display:none; }
  body.ios-menu nav.bottom-menu .nav-item .icon-box { width:44px; height:40px; border-radius:999px; transform:none; }
  body.ios-menu nav.bottom-menu .nav-item.active::after { display:none; }
  body.ios-menu nav.bottom-menu .nav-item.active .icon-box { background:#eaf2ff; }
  body.ios-menu nav.bottom-menu .nav-item.active .icon-svg { transform:scale(1.12); }
  body.ios-menu nav.bottom-menu .nav-item:active .icon-box { transform:scale(.9); }
  body.dark.ios-menu nav.bottom-menu { background:rgba(11,11,11,.97)!important; border-color:#292929!important; box-shadow:0 8px 24px rgba(0,0,0,.42)!important; }
  body.dark.ios-menu nav.bottom-menu .nav-item { background:transparent!important; }
  body.dark.ios-menu nav.bottom-menu .nav-item.active { background:transparent!important; color:#f2f2f2!important; }
  body.dark.ios-menu nav.bottom-menu .nav-item.active .icon-box { background:#292929!important; }
  body.dark.ios-menu nav.bottom-menu .nav-item:hover { background:#181818!important; }
  body.dark.ios-menu nav.bottom-menu .nav-item.active::after { display:none; }

  .platform-child-card { padding-right:10px; padding-bottom:46px; }
  .platform-card-actions { position:absolute; right:8px; bottom:7px; display:flex; align-items:center; gap:4px; }
  .platform-card-actions button { position:static; }
  .platform-manage-button { display:inline-flex; align-items:center; gap:3px; border:1px solid #d6dee8; border-radius:999px; padding:4px 7px; color:#526174; background:#fff; font:inherit; font-size:9px; font-weight:800; cursor:pointer; }
  .platform-manage-button:hover { background:#eef3f8; }
  body.dark .platform-manage-button { color:#ccc; background:#202020; border-color:#3a3a3a; }
  body.dark .platform-manage-button:hover { background:#2a2a2a; }


  .auth-stop-button { color:#b42318!important; background:#fff1f0!important; border-color:#f5b9b3!important; }
  body.dark .auth-stop-button { color:#ff8b82!important; background:#351817!important; border-color:#6b2925!important; }


  .app-version-card { position:relative; display:flex; align-items:center; gap:10px; margin-bottom:12px; }
  .app-version-card .info p { margin-top:3px; }
  .app-version-card strong { color:var(--text); }
  .app-version-card .info { min-width:0; flex:1; }
  .mobile-app-update-row { margin-top:6px; }
  .mobile-app-update-row .api-status { min-width:0; margin:0; }
  .mobile-app-update-row .api-status:empty { display:none; }
  .mobile-app-actions { position:absolute; top:50%; right:12px; display:flex; align-items:center; gap:5px; transform:translateY(-50%); }
  .mobile-app-action { display:inline-flex; width:max-content; max-width:100%; align-items:center; justify-content:flex-start; gap:6px; min-height:26px; margin:0; padding:4px 9px; border:1px solid transparent; border-radius:999px; font-size:9px; font-weight:800; line-height:1.1; text-decoration:none; box-shadow:0 3px 9px rgba(40,125,245,.2); transition:background .18s ease, box-shadow .18s ease, transform .18s ease; }
  #mobile-app-check { background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; }
  .mobile-app-download { background:linear-gradient(135deg,#119968,#26b981); color:#fff; box-shadow:0 3px 9px rgba(17,153,104,.2); }
  #mobile-app-check:hover:not(:disabled), .mobile-app-download:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(40,125,245,.28); }
  .mobile-app-download:hover { box-shadow:0 5px 12px rgba(17,153,104,.28); }
  .mobile-app-action:focus-visible { outline:3px solid rgba(40,125,245,.3); outline-offset:2px; }
  .mobile-app-action svg { width:14px; height:14px; flex:0 0 14px; margin-left:auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  #mobile-app-check .check-label { display:inline-block; flex:0 0 auto; width:auto; min-width:0; padding:0; color:inherit; font-size:inherit; line-height:1; white-space:nowrap; visibility:visible; opacity:1; }
  #mobile-app-check { justify-content:center; gap:5px; }
  #mobile-app-check .check-refresh-icon { width:15px; height:15px; flex-basis:15px; margin-left:0; fill:currentColor; stroke:none; }
  #mobile-app-check.is-loading { width:28px; min-width:28px; height:28px; justify-content:center; gap:0; padding:0; font-size:0; opacity:1; cursor:wait; }
  #mobile-app-check.is-loading .check-label { display:none; }
  #mobile-app-check .check-refresh-icon, #mobile-app-check .check-loading-icon { display:none; }
  #mobile-app-check:not(.is-loading) .check-refresh-icon { display:block; }
  #mobile-app-check.is-loading .check-refresh-icon { display:none; }
  #mobile-app-check.is-loading .check-loading-icon { display:block; width:16px; height:16px; flex:0 0 16px; margin:0; fill:none; stroke:currentColor; stroke-width:2.5; stroke-dasharray:34 16; stroke-linecap:round; transform-origin:center; will-change:transform; animation:mobileAppCheckSpin .75s linear infinite; }
  @keyframes mobileAppCheckSpin { to { transform:rotate(360deg); } }
  .mobile-app-download[hidden] { display:none!important; }
  body.dark .app-version-card strong { color:#f1f1f1; }


  .admin-api-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0; }
  .admin-api-stat { padding:10px; border:1px solid var(--border); border-radius:12px; background:var(--card-bg); }
  .admin-api-stat span { display:block; color:var(--text-sub); font-size:10px; }
  .admin-api-stat strong { display:block; margin-top:4px; font-size:18px; color:var(--text-main); }

/* Task-card job loader: replace the card content while a job is being requested. */
.task-card { position: relative; overflow: hidden; }
.task-card > img { transition: opacity .2s ease, filter .2s ease; }
.task-card .task-card-loading { display: none; position: absolute; inset: 0; width: auto; height: auto; min-width: 0; padding: 0; transform: none; place-items: center; border-radius: inherit; background: var(--card-bg); color: var(--primary); box-shadow: none; z-index: 3; }
.task-card .task-card-loading svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; animation: taskCardSpinner .8s linear infinite; }
.task-card.is-loading, .task-card[data-loading="true"] { cursor: wait; }
.task-card.is-loading > img, .task-card[data-loading="true"] > img { opacity: 0 !important; visibility: hidden; filter: none; }
.task-card.is-loading .task-card-loading, .task-card[data-loading="true"] .task-card-loading { display: grid !important; visibility: visible; opacity: 1 !important; }
.task-card.is-loading > span:not(.task-card-loading),
.task-card.is-loading > .task-arrow-svg,
.task-card[data-loading="true"] > span:not(.task-card-loading),
.task-card[data-loading="true"] > .task-arrow-svg { opacity: 0 !important; visibility: hidden; }
@keyframes taskCardSpinner { to { transform: rotate(360deg); } }

/* Instagram completion state and popup notification visibility. */
.action-toast { z-index: 600; }

.instagram-job-actions button.is-submitting { opacity: .72; cursor: wait; }

/* Toasts must remain readable above the dimmed job popup. */
.action-toast { z-index: 20001; width: min(calc(100vw - 28px), 430px); height: 64px; min-height: 64px; border-radius: 20px; background: rgba(255,255,255,.99); opacity: 0; filter: none; backdrop-filter: none; }
.action-toast.show { opacity: 1; }
.action-toast .action-toast-copy { max-width: calc(100% - 48px); margin-left: 9px; opacity: 1; transition: none; }
.action-toast .action-toast-avatar { transform: translateX(0) scale(1); }

.instagram-job-countdown { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; padding:6px 8px; border:1px solid #cfe0fb; border-radius:999px; color:#287df5; background:#f1f7ff; font-size:11px; font-variant-numeric:tabular-nums; }
.instagram-job-countdown svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.instagram-job-countdown.is-warning { border-color:#f4c46f; color:#b87508; background:#fff8e7; }
.instagram-job-countdown.is-expired { border-color:#f3a7af; color:#c23d4a; background:#fff0f1; }

/* Keep the notification compact, pill-shaped, and centered over the app. */
.action-toast { left: 50%; right: auto; flex-direction: row; width: 42px; height: 42px; min-height: 42px; border-radius: 999px; transform: translate3d(-50%, -135%, 0); transform-origin: center top; overflow: hidden; transition: width .42s cubic-bezier(.2,.85,.2,1), height .3s ease, border-radius .3s ease, opacity .22s ease, transform .36s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
.action-toast.show { opacity: 1; transform: translate3d(-50%, 0, 0); }
.action-toast.expanded { width: min(calc(100vw - 32px), 350px); height: 54px; min-height: 54px; border-radius: 999px; box-shadow: 0 12px 26px rgba(26,54,91,.18); }
.action-toast .action-toast-avatar { width: 32px; height: 32px; flex: 0 0 32px; transform: translateX(0) scale(.9); }
.action-toast.show .action-toast-avatar { transform: translateX(0) scale(1); }
.action-toast .action-toast-copy { max-width: 0; margin-left: 0; margin-right: 0; opacity: 0; transition: max-width .34s ease .12s, margin-left .34s ease .12s, opacity .22s ease .14s; }
.action-toast.expanded .action-toast-copy { max-width: calc(100% - 40px); margin-left: 7px; opacity: 1; }
/* Wallet transaction audit popup. */
.coin-audit-trigger { width:100%; text-align:left; font:inherit; cursor:pointer; }
.coin-audit-trigger .info { display:flex; flex-direction:column; gap:3px; }
.coin-audit-trigger .info strong { color:var(--text-main); font-size:13px; }
.coin-audit-trigger .info span { color:var(--text-sub); font-size:11px; }
.coin-audit-trigger:active { transform:scale(.99); }
.coin-audit-modal { display:flex; flex-direction:column; max-height:min(88vh,760px); }
.coin-audit-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:0 16px 12px; }
.coin-audit-filters .config-field { min-width:0; gap:5px; }
.coin-audit-filters .config-field span { font-size:10px; font-weight:700; }
.coin-audit-filters .config-select { width:100%; min-width:0; padding:9px 8px; font-size:11px; }
.coin-audit-platform-picker { position:relative; min-width:0; }
.coin-audit-platform-native { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.coin-audit-platform-current { display:flex; align-items:center; gap:8px; width:100%; min-height:38px; padding:6px 8px; border:1px solid #e1e8f1; border-radius:12px; color:var(--text-main); background:#f9fbfd; font:inherit; text-align:left; cursor:pointer; }
.coin-audit-platform-current:hover,.coin-audit-platform-current[aria-expanded="true"] { border-color:#9fc6ff; background:#edf5ff; }
.coin-audit-platform-current img,.coin-audit-platform-menu img { width:23px; height:23px; flex:0 0 23px; border-radius:7px; object-fit:cover; }
.coin-audit-platform-current span { min-width:0; overflow:hidden; color:var(--text-main); font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.coin-audit-platform-current svg { width:15px; height:15px; flex:0 0 15px; margin-left:auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.coin-audit-platform-current[aria-expanded="true"] svg { transform:rotate(180deg); }
.coin-audit-platform-menu { position:absolute; z-index:20; right:0; bottom:calc(100% + 5px); left:0; display:none; gap:3px; max-height:220px; overflow-y:auto; padding:5px; border:1px solid #e1e8f1; border-radius:13px; background:var(--card-bg); box-shadow:0 14px 30px rgba(26,45,76,.16); }
.coin-audit-platform-menu.show { display:grid; }
.coin-audit-platform-menu button { display:flex; align-items:center; gap:8px; width:100%; min-width:0; padding:6px; border:0; border-radius:9px; color:var(--text-main); background:transparent; font:inherit; text-align:left; cursor:pointer; }
.coin-audit-platform-menu button:hover,.coin-audit-platform-menu button.active { color:#287df5; background:#edf5ff; }
.coin-audit-platform-menu button span { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.coin-audit-platform-menu button i { display:none; margin-left:auto; font-size:14px; }
.coin-audit-platform-menu button.active i { display:block; }
body.dark .coin-audit-platform-current,body.dark .coin-audit-platform-menu { border-color:#33445c; background:#202e43; }
body.dark .coin-audit-platform-menu button:hover,body.dark .coin-audit-platform-menu button.active { background:#293d56; }
.coin-audit-status { min-height:18px; margin:0 16px 8px; font-size:11px; }
.coin-audit-list { min-height:0; overflow-y:auto; padding:0 16px 16px; }
.coin-audit-item { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--border); }
.coin-audit-item:last-child { border-bottom:0; }
.coin-audit-icon { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:12px; font-size:19px; font-weight:800; }
.coin-audit-item.is-credit .coin-audit-icon { background:#e9f8f1; color:#159568; }
.coin-audit-item.is-debit .coin-audit-icon { background:#fff0f1; color:#d54857; }
.coin-audit-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px; }
.coin-audit-copy strong { overflow:hidden; color:var(--text-main); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.coin-audit-copy span,.coin-audit-copy small { color:var(--text-sub); font-size:9px; line-height:1.35; }
.coin-audit-amount { flex:0 0 auto; font-size:11px; white-space:nowrap; }
.coin-audit-item.is-credit .coin-audit-amount { color:#159568; }
.coin-audit-item.is-debit .coin-audit-amount { color:#d54857; }
body.dark .coin-audit-icon { background:#1d3329; }
body.dark .coin-audit-item.is-debit .coin-audit-icon { background:#391f22; }
@media (max-width:520px) {
  .coin-audit-filters { grid-template-columns:1fr; gap:7px; }
  .coin-audit-filters .config-field { display:grid; grid-template-columns:95px minmax(0,1fr); align-items:center; }
  .coin-audit-modal { max-height:92vh; }
}

/* Completion loading swaps the check/text as one stable inline state. */
.instagram-job-actions button .complete-icon { display: inline-flex !important; }
.instagram-job-actions button .button-loading-spinner { display: none !important; width: 16px; height: 16px; flex: 0 0 16px; align-items: center; justify-content: center; }
.instagram-job-actions button .button-loading-spinner svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; animation: completionSpinner .8s linear infinite; }
.instagram-job-actions button.is-submitting .complete-icon,
.instagram-job-actions button.is-submitting .complete-label,
.instagram-job-actions button[data-submitting="true"] .complete-icon,
.instagram-job-actions button[data-submitting="true"] .complete-label { display: none !important; }
.instagram-job-actions button.is-submitting .button-loading-spinner,
.instagram-job-actions button[data-submitting="true"] .button-loading-spinner { display: inline-flex !important; }
.instagram-job-actions button.is-submitting,
.instagram-job-actions button[data-submitting="true"] { opacity: .78; cursor: wait; }
@keyframes completionSpinner { to { transform: rotate(360deg); } }
.payout-link-card { cursor:pointer; }
.payout-link-card:hover { transform:translateY(-2px); }
.payout-provider-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:2px 0 12px; }
.payout-provider-option { position:relative; display:flex; align-items:center; gap:7px; min-width:0; min-height:48px; padding:6px 21px 6px 7px; border:1px solid #e2e8f0; border-radius:15px; background:#fbfcfe; color:var(--text-main); cursor:pointer; font:inherit; font-size:10px; font-weight:800; text-align:left; }
.payout-provider-option img { width:28px; height:28px; flex:0 0 28px; border-radius:8px; object-fit:cover; background:#fff; }
.payout-bank-option { grid-column:auto; }
.payout-bank-option img { border-radius:50%; object-fit:contain; }
.payout-provider-bank-logo { position:relative; display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; overflow:hidden; border-radius:50%; background:#fff; }
.payout-provider-bank-logo img { width:100%; height:100%; }
.payout-provider-bank-logo > span { color:#64748b; font-size:8px; font-weight:900; }
.payout-provider-option i { position:absolute; top:8px; right:8px; display:none; color:#18a774; font-size:14px; }
.payout-provider-option.active { border-color:#287df5; background:#edf5ff; box-shadow:0 4px 12px rgba(40,125,245,.12); }
.payout-provider-option.active i { display:block; }
.payout-card-network-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:8px 0 16px; }
.payout-card-network-grid .payout-provider-option { min-width:0; min-height:58px; font-size:10px; }
.payout-card-network-grid .payout-provider-option img { width:40px; height:40px; flex:0 0 40px; padding:4px; border:1px solid #e8edf3; border-radius:50%; object-fit:contain; background:#fff; }
.payout-card-network-grid .payout-provider-option:last-child:nth-child(odd) { grid-column:1/-1; }
.payout-card-amount-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; color:var(--text-main); font-size:11px; }
.payout-card-amount-heading span { color:var(--text-sub); font-size:9px; }
.payout-balance-summary { display:flex; align-items:center; gap:7px; }
.payout-balance-summary > svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.payout-balance-summary strong { color:var(--text-main); font-weight:900; }
.payout-card-amount-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:12px; }
.payout-card-amount { display:grid; min-width:0; min-height:48px; place-content:center; gap:2px; padding:6px 3px; border:1px solid var(--border); border-radius:11px; background:var(--card-bg); color:var(--text-main); cursor:pointer; }
.payout-card-amount strong { font-size:10px; }
.payout-card-amount small { color:var(--text-sub); font-size:8px; text-align:center; }
.payout-card-amount.active { border-color:#287df5; background:#edf5ff; color:#1755a5; box-shadow:0 3px 10px rgba(40,125,245,.12); }
.payout-card-amount.is-out-of-stock { border-style:dashed; background:var(--card-bg); }
.payout-card-amount.is-out-of-stock small { color:#b7791f; }
.payout-card-status { margin:8px 0; font-size:10px; line-height:1.4; }
body.dark .payout-card-amount.active { border-color:#45699c; background:#203b60; color:#b9d4ff; }
.payout-link-form { display:grid; gap:11px; }
.payout-link-form .config-field { display:grid; gap:6px; }
.payout-link-form .config-field > span { color:var(--text-sub); font-size:11px; font-weight:700; }
.payout-link-form .config-field select { min-height:44px; }
.payout-bank-picker { position:relative; }
.payout-bank-native-select { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; border:0!important; opacity:0!important; pointer-events:none!important; }
.payout-bank-trigger { display:flex; align-items:center; gap:10px; min-height:48px; padding:7px 11px; text-align:left; cursor:pointer; }
.payout-bank-current-logo,.payout-bank-item-logo { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; overflow:hidden; border:1px solid #e8edf3; border-radius:50%; background:#fff; color:#64748b; font-size:9px; font-weight:900; }
.payout-bank-current-logo img,.payout-bank-item-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.payout-bank-trigger > span:nth-child(2) { flex:1; color:var(--text-main); font-size:11px; font-weight:800; }
.payout-bank-trigger > i { color:var(--text-sub); font-size:11px; }
.payout-bank-menu { position:absolute; z-index:30; top:calc(100% + 5px); right:0; left:0; overflow:hidden; padding:7px; border:1px solid var(--border); border-radius:15px; background:var(--card-bg); box-shadow:0 12px 32px rgba(16,24,40,.18); }
.payout-bank-menu[hidden],.payout-bank-current-logo [hidden],.payout-bank-item-logo [hidden] { display:none!important; }
.payout-bank-search { min-height:40px; margin-bottom:6px; }
.payout-bank-options { display:grid; max-height:245px; overflow-y:auto; overscroll-behavior:contain; }
.payout-bank-item { display:flex; align-items:center; gap:10px; min-height:46px; padding:6px 9px; border:0; border-radius:11px; background:transparent; color:var(--text-main); font:inherit; text-align:left; cursor:pointer; }
.payout-bank-item:hover,.payout-bank-item[aria-selected="true"] { background:var(--primary-light); }
.payout-bank-item-name { flex:1; font-size:11px; font-weight:700; }
.payout-bank-item > i { color:#18a774; font-size:14px; opacity:0; }
.payout-bank-item[aria-selected="true"] > i { opacity:1; }
.payout-bank-empty { padding:15px 9px; color:var(--text-sub); font-size:11px; text-align:center; }
body.dark .payout-bank-current-logo,body.dark .payout-bank-item-logo { border-color:#3a4657; }
.payout-bank-note { color:var(--text-sub); font-size:9px; line-height:1.4; }
.payout-otp-grid { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:8px; }
.payout-otp-cell { width:100%; min-width:0; height:48px; border:1px solid #dfe7f1; border-radius:15px; outline:none; background:#f9fbfd; color:var(--text-main); text-align:center; font:800 19px/1 'Nunito Local', sans-serif; caret-color:#287df5; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .15s ease; }
.payout-otp-cell:focus { border-color:#8dbbff; background:#edf5ff; box-shadow:0 0 0 3px rgba(40,125,245,.12); transform:translateY(-1px); }
.payout-otp-cell.is-filled { border-color:#a9caff; background:#f2f7ff; }
.payout-otp-hint { display:block; margin-top:6px; color:var(--text-sub); font-size:9.5px; line-height:1.35; }
.payout-save-button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; margin-top:4px; border:0; border-radius:999px !important; font:inherit; font-size:12px; font-weight:800; letter-spacing:.01em; cursor:pointer; box-shadow:0 8px 18px rgba(40,125,245,.25); transition:transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.payout-save-button:hover { filter:saturate(1.08); box-shadow:0 11px 24px rgba(40,125,245,.32); transform:translateY(-1px); }
.payout-save-button:active { transform:scale(.97); }
.payout-save-button .button-action-svg { width:21px; height:21px; flex:0 0 21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.payout-save-button:hover .button-action-svg { transform:rotate(-8deg) scale(1.08); }
body.dark .payout-provider-option { border-color:#303030; background:#202020; color:#f1f1f1; }
body.dark .payout-provider-option.active { border-color:#287df5; background:#203b68; }
body.dark .payout-bank-option img { background:#fff; }
body.dark .payout-otp-cell { border-color:#394b63; background:#202e43; color:#fff; }
body.dark .payout-otp-cell:focus, body.dark .payout-otp-cell.is-filled { border-color:#4d86d8; background:#203b68; }

/* Secure payout modes */
.payout-mode-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:2px 0 13px; padding:4px; border-radius:14px; background:#f1f5f9; }
.payout-mode-tab { display:flex; align-items:center; justify-content:center; gap:5px; min-height:39px; border:0; border-radius:10px; background:transparent; color:var(--text-sub); cursor:pointer; font:inherit; font-size:10.5px; font-weight:800; }
.payout-mode-tab svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.payout-mode-tab.active { color:#287df5; background:#fff; box-shadow:0 3px 8px rgba(25,62,111,.1); }
.payout-mode-panel { display:none; }
.payout-mode-panel.active { display:block; }
.payout-link-modal [hidden] { display:none !important; }
.payout-link-form[hidden],.payout-withdraw-form[hidden],.payout-linked-card[hidden],.payout-method-status[hidden] { display:none !important; }
.payout-linked-card { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0 12px; padding:11px 12px; border:1px solid #cfe3fb; border-radius:13px; background:#f3f8ff; }
.payout-linked-card > div { min-width:0; flex:1; }
.payout-linked-logo { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; overflow:hidden; border:1px solid #e8edf3; border-radius:50%; background:#fff; color:#64748b; font-size:9px; font-weight:900; }
.payout-linked-logo[hidden],.payout-linked-logo [hidden] { display:none!important; }
.payout-linked-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.payout-linked-card strong, .payout-linked-card span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.payout-linked-card strong { font-size:11px; }
.payout-linked-card span { margin-top:3px; color:var(--text-sub); font-size:10px; }
.payout-link-edit { display:flex; align-items:center; gap:5px; flex:0 0 auto; border:0; background:transparent; color:#287df5; cursor:pointer; font:inherit; font-size:10px; font-weight:800; }
.payout-link-edit svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.payout-withdraw-form { display:grid; gap:11px; }
.payout-withdraw-form .config-field { display:grid; gap:6px; }
.payout-withdraw-form .config-field > span { color:var(--text-sub); font-size:11px; font-weight:700; }
.payout-history-block { margin-top:14px; padding-top:12px; border-top:1px solid #e5ebf3; }
.payout-history-block h4 { margin-bottom:8px; font-size:12px; }
.payout-history-list { display:grid; gap:9px; max-height:270px; overflow:auto; padding:1px 3px 3px 1px; }
.payout-history-row { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:9px 10px; padding:11px 12px; border:1px solid #e4eaf2; border-radius:16px; background:linear-gradient(145deg,#fff,#f9fbfe); box-shadow:0 3px 10px rgba(32,55,88,.045); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.payout-history-row:hover { border-color:#cbdcf2; box-shadow:0 6px 16px rgba(32,55,88,.08); transform:translateY(-1px); }
.payout-history-logo { display:grid; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid #e8edf3; border-radius:50%; background:#fff; color:#64748b; font-size:9px; font-weight:900; box-shadow:0 2px 5px rgba(20,40,70,.06); }
.payout-history-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.payout-history-logo [hidden] { display:none!important; }
.payout-history-copy { min-width:0; }
.payout-history-row strong, .payout-history-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.payout-history-row strong { color:var(--text-main); font-size:12px; font-weight:900; letter-spacing:-.1px; }
.payout-history-row small { margin-top:4px; color:var(--text-sub); font-size:10px; line-height:1.35; }
.payout-history-details { display:grid; gap:4px; margin-top:5px; }
.payout-history-detail { display:flex; align-items:flex-start; gap:6px; min-width:0; color:var(--text-sub); font-size:9px; line-height:1.35; }
.payout-history-detail svg { width:12px; height:12px; flex:0 0 12px; margin-top:1px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.payout-history-detail > span { min-width:0; overflow-wrap:anywhere; }
.payout-history-status { display:inline-flex; align-items:center; justify-content:center; gap:5px; max-width:155px; min-height:29px; padding:5px 10px; border:1px solid transparent; border-radius:999px; color:#b42332; background:#fff0f1; font-size:9px; font-weight:850; line-height:1.2; text-align:center; white-space:nowrap; }
.payout-history-status svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.payout-history-row[data-status-kind="success"] .payout-history-status { border-color:#bdebd6; color:#087a52; background:#e8f8f0; }
.payout-history-row[data-status-kind="pending"] .payout-history-status { border-color:#f2dfa9; color:#986300; background:#fff7df; }
.payout-history-row[data-status-kind="failed"] .payout-history-status { border-color:#f2c4c8; color:#b42332; background:#fff0f1; }
.payout-history-status svg.is-success { color:#087a52; }
.payout-history-status svg.is-pending { color:#986300; }
.payout-history-status svg.is-failed { color:#b42332; }
.payout-history-actions { display:flex; grid-column:1/-1; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding-top:9px; border-top:1px solid #edf1f6; }
.payout-history-token { display:flex; min-width:0; align-items:center; gap:7px; }
.payout-history-token > span { color:#7b8798; font-size:9px; font-weight:750; white-space:nowrap; }
.payout-history-token code { min-width:0; overflow:hidden; padding:6px 8px; border:1px solid #e9eef5; border-radius:8px; background:#f6f8fb; color:#334155; font:750 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.45px; text-overflow:ellipsis; }
.payout-history-copy-token,.payout-history-report { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; min-height:32px; padding:6px 10px; border:1px solid #d9e4f2; border-radius:10px; background:#fff; color:#315b8f; cursor:pointer; font:inherit; font-size:9px; font-weight:850; transition:background .16s ease,border-color .16s ease,transform .16s ease; }
.payout-history-copy-token { width:32px; padding:0; border-radius:50%; }
.payout-history-report { border-color:#d5e5fb; background:#f1f7ff; color:#2468c5; }
.payout-history-copy-token:hover,.payout-history-report:hover { border-color:#8db8ed; background:#e9f2ff; transform:translateY(-1px); }
.payout-history-copy-token:disabled,.payout-history-report:disabled { cursor:wait; opacity:.6; }
.payout-card-delivery { display:grid; grid-column:1/-1; gap:6px; width:100%; padding-top:3px; }
.payout-card-credential { display:grid; grid-template-columns:42px minmax(0,1fr) 30px; align-items:center; gap:7px; min-width:0; }
.payout-card-credential > span { color:var(--text-sub); font-size:9px; font-weight:800; }
.payout-card-delivery code { min-width:0; padding:6px 8px; border:1px solid #e9eef5; border-radius:8px; background:#f6f8fb; color:var(--text-main); font-size:10px; overflow-wrap:anywhere; }
.payout-card-delivery-copy { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border:1px solid #dce5f0; border-radius:8px; background:#fff; color:#287df5; cursor:pointer; }
.payout-card-delivery-copy svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.payout-history-row.payout-history-transfer { border-color:#dce9ff; background:linear-gradient(120deg,#f6f9ff,#fff); }
.payout-history-row.payout-history-transfer[data-status-kind="success"] .payout-history-status { border-color:#bdebd6; background:#e8f8f0; color:#087a52; }
.payout-history-row.payout-history-transfer.is-received .payout-history-status { background:#e8f8f0; color:#087a52; }
.gift-safe-note { display:flex; gap:8px; align-items:flex-start; padding:10px; margin-bottom:11px; border:1px solid #cceedd; border-radius:12px; background:#effbf5; color:#24734f; font-size:10px; line-height:1.4; }
.gift-safe-note i { font-size:16px; flex:0 0 auto; }
.gift-own-wallet { display:grid; grid-template-columns:90px minmax(0,1fr) 34px; align-items:center; gap:10px; margin:0 0 12px; padding:10px; border:1px solid #e5ebf3; border-radius:13px; }
.gift-own-wallet-qr { display:flex; align-items:center; justify-content:center; width:90px; height:90px; overflow:hidden; border:1px solid #eef1f5; border-radius:9px; background:#fff; }
.gift-own-wallet-qr img, .gift-own-wallet-qr canvas { display:block; max-width:100%; max-height:100%; }
.gift-own-wallet > div:nth-child(2) { min-width:0; }
.gift-own-wallet > div:nth-child(2) span, .gift-own-wallet > div:nth-child(2) code { display:block; }
.gift-own-wallet > div:nth-child(2) span { margin-bottom:5px; color:var(--text-sub); font-size:9px; font-weight:700; }
.gift-own-wallet > div:nth-child(2) code { overflow-wrap:anywhere; color:var(--text-main); font-size:9px; }
.gift-own-wallet > button, .gift-recipient-row > button { display:grid; place-items:center; width:34px; height:34px; border:1px solid #dce5f0; border-radius:10px; background:#fff; color:#287df5; cursor:pointer; }
.gift-recipient-row { display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:7px; }
.gift-recipient-row > button { width:40px; height:40px; font-size:16px; }
.gift-lookup-button { min-height:42px; margin:2px 0 10px; box-shadow:none; }
.gift-recipient-profile { display:grid; grid-template-columns:42px minmax(0,1fr) 20px; align-items:center; gap:10px; margin:0 0 12px; padding:10px; border:1px solid #cceedd; border-radius:14px; background:linear-gradient(125deg,#effbf5,#f8fffb); }
.gift-recipient-profile[hidden] { display:none!important; }
.gift-recipient-profile > img { width:42px; height:42px; border:1px solid #d9eee2; border-radius:14px; background:#fff; object-fit:cover; }
.gift-recipient-profile > div { min-width:0; }
.gift-recipient-profile strong,.gift-recipient-profile span,.gift-recipient-profile code { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gift-recipient-profile strong { color:var(--text-main); font-size:11px; }
.gift-recipient-profile span { margin-top:2px; color:var(--text-sub); font-size:9px; }
.gift-recipient-profile code { margin-top:3px; color:#287df5; font-size:8px; }
.gift-recipient-profile > i { color:#18a774; font-size:17px; }
.gift-transfer-status { min-height:0; margin-top:7px; }
.gift-legacy-details { margin-top:13px; padding:10px; border:1px solid #e6ebf3; border-radius:12px; }
.gift-legacy-details summary { color:var(--text-sub); cursor:pointer; font-size:10px; font-weight:800; }
.gift-legacy-details > p { margin:8px 0; color:var(--text-sub); font-size:9px; }
.gift-qr { display:flex; justify-content:center; padding:12px; margin-top:9px; border:1px dashed #c9d8eb; border-radius:14px; }
.gift-qr img, .gift-qr canvas { display:block; max-width:100%; }
.gift-code-row { display:flex; align-items:center; gap:6px; margin-top:8px; }
.gift-code-row code { flex:1; padding:9px; border-radius:9px; background:#f4f7fb; font-size:10px; overflow:hidden; text-overflow:ellipsis; }
.gift-code-row button { width:36px; min-height:36px; border:1px solid #dce5f0; border-radius:10px; background:#fff; cursor:pointer; }
body.dark .payout-mode-tabs, body.dark .payout-history-row, body.dark .gift-code-row code { background:#202e43; }
body.dark .payout-mode-tab.active { background:#293e5d; }
body.dark .payout-history-block { border-color:#33445c; }
body.dark .payout-history-row { border-color:#33445c; }
body.dark .payout-card-delivery-copy { border-color:#394b63; background:#202e43; color:#f1f1f1; }
.home-payout-history { position:relative; display:block; overflow:hidden; margin-top:12px; padding:14px; border:1px solid #e4eaf3; border-radius:22px; background:#fff; box-shadow:0 5px 14px rgba(33,53,85,.06); cursor:default; }
.home-payout-history:hover,.home-payout-history:active { transform:none; box-shadow:0 5px 14px rgba(33,53,85,.06); }
.home-payout-history::before { position:absolute; top:-40px; right:-34px; width:112px; height:112px; border-radius:50%; background:radial-gradient(circle,rgba(225,132,177,.10),rgba(225,132,177,0) 70%); content:""; pointer-events:none; }
.home-payout-history-heading { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px; }
.home-payout-history-title { display:flex; align-items:center; gap:10px; min-width:0; }
.home-payout-history-icon { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border:1px solid #f2dce8; border-radius:14px; background:linear-gradient(145deg,#fff7fb,#fbeaf3); color:#c66f9a; box-shadow:0 3px 8px rgba(190,105,151,.09); }
.home-payout-history-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.home-payout-history-title h3 { margin:0; color:var(--text-main); font-size:13px; font-weight:850; letter-spacing:-.2px; }
.home-payout-history-title small { display:block; margin-top:3px; color:var(--text-sub); font-size:9px; }
.home-payout-history-heading > button { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid #f0dce7; border-radius:50%; background:#fff8fb; color:#bd6b94; cursor:pointer; transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease; }
.home-payout-history-heading > button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.home-payout-history-heading > button:hover { transform:translateY(-1px); background:#fcecf4; color:#a9507e; box-shadow:0 3px 9px rgba(190,105,151,.13); }
.home-payout-history-heading > button:disabled svg { animation:home-payout-refresh-spin .8s linear infinite; }
@keyframes home-payout-refresh-spin { to { transform:rotate(360deg); } }
.home-payout-history-heading > button:disabled { opacity:.5; cursor:wait; }
#home-payout-history-list { display:grid; gap:8px; }
.home-payout-history-row { display:flex; align-items:center; gap:10px; min-width:0; padding:10px; border:1px solid #eceff4; border-radius:16px; background:#fff; box-shadow:0 2px 5px rgba(30,60,100,.025); }
.home-payout-history-avatar,.home-payout-empty-avatar { display:block; width:38px; height:38px; flex:0 0 38px; border:1px solid #e6edf6; border-radius:13px; background:#f5f8fc; object-fit:cover; }
.home-payout-history-copy { min-width:0; flex:1; }
.home-payout-history-copy > strong { display:block; overflow:hidden; color:var(--text-main); font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.home-payout-history-meta { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:7px; }
.home-payout-history-meta > small { flex:0 0 auto; color:#8b97a9; font-size:8px; }
.home-payout-status { display:inline-flex; align-items:center; gap:4px; min-width:0; max-width:72%; overflow:hidden; padding:4px 7px; border-radius:20px; font-size:8px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.home-payout-status::before { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:currentColor; content:""; }
.home-payout-status.is-success { background:#eaf8f1; color:#17865b; }
.home-payout-status.is-pending { background:#fff5df; color:#aa7614; }
.home-payout-status.is-refunded { background:#fff0f0; color:#cf4a54; }
.home-payout-status.is-failed { background:#fff0f0; color:#cf4a54; }
.home-payout-status.is-transfer-sent { background:#edf4ff; color:#287df5; }
.home-payout-status.is-transfer-received { background:#eaf8f1; color:#17865b; }
.home-payout-history-row > button { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border:1px solid #dfebff; border-radius:12px; background:#f2f7ff; color:#347cf0; font-size:14px; cursor:pointer; transition:background .18s ease,transform .18s ease; }
.home-payout-history-row > button:not(:disabled):hover { transform:translateY(-1px); background:#e5efff; }
.home-payout-history-row > button:disabled { border-color:#edf0f4; background:#f6f7f9; color:#aeb7c3; cursor:default; }
.home-payout-history-row > button[hidden] { display:none; }
.home-payout-empty { display:flex; min-height:70px; align-items:center; gap:10px; padding:10px; border:1px dashed #e4e7ed; border-radius:17px; background:#fafbfc; text-align:left; }
.home-payout-empty > span { display:block; min-width:0; }
.home-payout-empty strong { display:block; color:#55657a; font-size:10px; font-weight:800; }
.home-payout-empty small { display:block; max-width:230px; margin-top:4px; color:#8a97a8; font-size:9px; line-height:1.45; }
.payout-proof-modal { width:min(100%,560px); }
.payout-proof-image-wrap { display:grid; min-height:120px; place-items:center; overflow:auto; padding:8px; }
.payout-proof-image-wrap img { display:block; max-width:100%; max-height:70vh; object-fit:contain; border-radius:10px; }
.payout-proof-image-wrap img[hidden] { display:none; }
.admin-payout-copy { display:inline-flex; align-items:center; gap:4px; border:0; background:none; color:#287df5; font:inherit; font-size:10px; cursor:pointer; }
.admin-payout-row { flex-wrap:wrap; }
.admin-payout-row .account-copy { flex-basis:100%; }
.admin-payout-proof-actions { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.admin-payout-row .admin-payout-proof-actions { width:100%; }
.admin-payout-proof-actions input[type="file"] { display:none; }
.admin-payout-proof-actions button { min-height:32px; border:0; border-radius:8px; padding:5px 8px; background:#eef4ff; color:#315fbb; font-size:9px; font-weight:800; cursor:pointer; }
.admin-payout-proof-actions button:disabled { opacity:.5; cursor:not-allowed; }
.admin-payout-proof-actions input:not([type="file"]) { width:min(100%,190px); min-width:130px; min-height:32px; border:1px solid #dce5f0; border-radius:8px; padding:5px 8px; background:#fff; color:var(--text-main); font:inherit; font-size:10px; }
.admin-payout-proof-actions button.admin-payout-approve { background:#e9faf2; color:#087d51; }
.admin-payout-proof-actions button.admin-payout-refund { background:#fff0f1; color:#df3046; }
body.dark .home-payout-history { border-color:#303030; background:#151515; box-shadow:0 10px 28px rgba(0,0,0,.28); }
body.dark .home-payout-history:hover,body.dark .home-payout-history:active { box-shadow:0 10px 28px rgba(0,0,0,.28); }
body.dark .home-payout-history::before { background:radial-gradient(circle,rgba(214,125,168,.09),rgba(214,125,168,0) 70%); }
body.dark .home-payout-history-icon { border-color:#493044; background:#251b25; color:#e29abd; box-shadow:none; }
body.dark .home-payout-history-heading > button { border-color:#493044; background:#201820; color:#e29abd; }
body.dark .home-payout-history-heading > button:hover { background:#30202e; color:#f0b5d1; }
body.dark .home-payout-history-row { background:#1b1b1b; border-color:#303030; }
body.dark .home-payout-history-avatar,body.dark .home-payout-empty-avatar { border-color:#383838; background:#222; }
body.dark .home-payout-history-row > button { background:#242024; border-color:#493044; color:#e29abd; }
body.dark .home-payout-history-row > button:disabled { background:#202020; border-color:#333; color:#707070; }
body.dark .home-payout-empty { border-color:#383838; background:#1b1b1b; }
body.dark .home-payout-empty strong { color:#e3e3e3; }
body.dark .home-payout-empty small,body.dark .home-payout-history-meta > small { color:#999; }
body.dark .home-payout-status.is-success { background:#19372e; color:#86d6b3; }
body.dark .home-payout-status.is-pending { background:#3b3221; color:#edc36f; }
body.dark .home-payout-status.is-refunded { background:#40282d; color:#f0a0a8; }
body.dark .home-payout-status.is-failed { background:#40282d; color:#f0a0a8; }
body.dark .home-payout-status.is-transfer-sent { background:#203b68; color:#a8c9ff; }
body.dark .home-payout-status.is-transfer-received { background:#19372e; color:#86d6b3; }
body.dark .admin-payout-proof-actions button { background:#293e5d; color:#c8d9ff; }
body.dark .admin-payout-proof-actions input:not([type="file"]) { border-color:#394b63; background:#202e43; color:#f1f1f1; }
body.dark .admin-payout-proof-actions button.admin-payout-approve { background:#183a32; color:#8fe4c0; }
body.dark .admin-payout-proof-actions button.admin-payout-refund { background:#452b32; color:#ffb7c0; }
body.dark .payout-linked-card, body.dark .gift-own-wallet { border-color:#33445c; background:#202e43; }
body.dark .payout-linked-logo { border-color:#394b63; }
body.dark .gift-own-wallet-qr { border-color:#33445c; }
body.dark .gift-own-wallet > button, body.dark .gift-recipient-row > button { border-color:#394b63; background:#202e43; }
body.dark .payout-history-row.payout-history-transfer { border-color:#34445c; background:linear-gradient(120deg,#202e43,#1d242e); }
body.dark .payout-history-row[data-status-kind="success"] .payout-history-status { border-color:#285541; background:#19372e; color:#86d6b3; }
body.dark .payout-history-row[data-status-kind="pending"] .payout-history-status { border-color:#5a4823; background:#3b311c; color:#f2cb72; }
body.dark .payout-history-row[data-status-kind="failed"] .payout-history-status { border-color:#63353d; background:#40282d; color:#f0a0a8; }
body.dark .payout-history-logo { border-color:#394b63; background:#fff; }
body.dark .payout-history-detail { color:#aab7c9; }
body.dark .payout-history-actions { border-color:#33445c; }
body.dark .payout-history-token code { border-color:#394b63; background:#1b2636; color:#e2e8f0; }
body.dark .payout-card-delivery code { border-color:#394b63; background:#1b2636; }
body.dark .payout-card-delivery-copy { border-color:#394b63; background:#202e43; color:#b9d4ff; }
body.dark .payout-history-copy-token,body.dark .payout-history-report { border-color:#394b63; background:#202e43; color:#b9d4ff; }
body.dark .payout-history-report { background:#203b60; }
body.dark .payout-history-copy-token:hover,body.dark .payout-history-report:hover { border-color:#4d86d8; background:#203b68; }
body.dark .gift-recipient-profile { border-color:#285541; background:linear-gradient(125deg,#1c372e,#202e43); }
body.dark .gift-recipient-profile > img { border-color:#335c49; background:#202e43; }
body.dark .gift-legacy-details { border-color:#33445c; }

/* Refined admin workspace */
#admin-overlay .admin-workspace {
  padding: clamp(16px, 3vw, 34px);
  background:
    radial-gradient(ellipse at 92% 0%, rgba(79, 146, 255, .09), transparent 34%),
    var(--bg);
}
#admin-overlay .modal-header {
  position: relative;
  align-items: center;
  margin: 0 0 16px;
  padding: 0 0 17px;
  border-bottom: 1px solid var(--border);
}
#admin-overlay .admin-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid #dce9ff;
  border-radius: 999px;
  background: #edf4ff;
  color: #287df5;
  font-size: 9px;
  letter-spacing: 1px;
}
#admin-overlay .admin-eyebrow svg { width: 14px; height: 14px; }
#admin-overlay .modal-header h3 { margin: 8px 0 0; font-size: clamp(20px, 3vw, 26px); letter-spacing: -.6px; }
#admin-overlay .close-btn,
#admin-overlay .admin-section-tab,
#admin-overlay .admin-workspace button {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
#admin-overlay .close-btn { width: 40px; height: 40px; border-radius: 50%; }
#admin-overlay .config-status { border-radius: 14px; }
#admin-overlay .admin-section-nav {
  position: sticky;
  top: -1px;
  z-index: 4;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 8px;
  margin: 0 -4px 20px;
  padding: 9px 4px;
  overflow: visible;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(14px);
  scrollbar-width: none;
}
#admin-overlay .admin-section-nav::-webkit-scrollbar { display: none; }
#admin-overlay .admin-section-tab {
  min-width: 0;
  min-height: 62px;
  flex-direction: column;
  gap: 5px;
  padding: 8px 5px;
  border-color: transparent;
  border-radius: 17px;
  background: color-mix(in srgb, var(--bg) 70%, #edf3fc);
  font-size: 10px;
}
#admin-overlay .admin-section-tab svg { width: 20px; height: 20px; }
#admin-overlay .admin-section-tab:hover { transform: translateY(-2px); border-color: #dce8fb; box-shadow: 0 7px 18px rgba(37, 86, 157, .09); }
#admin-overlay .admin-section-tab.active { border-color: #cfe0ff; background: linear-gradient(145deg, #edf4ff, #e4efff); color: #287df5; box-shadow: 0 7px 18px rgba(40, 125, 245, .13); }
#admin-overlay .admin-panel { padding: clamp(13px, 2vw, 20px); border: 1px solid var(--border); border-radius: 22px; background: color-mix(in srgb, var(--bg) 93%, #eaf2ff); box-shadow: 0 10px 28px rgba(29, 58, 101, .055); }
#admin-overlay .admin-panel-heading { align-items: flex-start; margin-bottom: 14px; }
#admin-overlay .admin-panel-heading h4 { font-size: 16px; letter-spacing: -.2px; }
#admin-overlay .admin-panel-heading span { max-width: 620px; line-height: 1.55; text-align: right; }
#admin-overlay .admin-member-filters { gap: 9px; margin: 14px 0; }
#admin-overlay .admin-platform-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
#admin-overlay .admin-platform-select-native { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; }
#admin-overlay .admin-platform-choice { display:flex; min-width:0; min-height:43px; align-items:center; justify-content:center; gap:6px; padding:6px 8px; border:1px solid var(--border); border-radius:14px; background:var(--bg); color:var(--text-sub); cursor:pointer; font:inherit; font-size:10px; font-weight:800; }
#admin-overlay .admin-platform-choice svg { width:17px; height:17px; flex:0 0 17px; fill:currentColor; }
#admin-overlay .admin-platform-choice.brand-instagram svg { fill:none; stroke:currentColor; stroke-width:1.8; }
#admin-overlay .admin-platform-choice .brand-dot { fill:currentColor; stroke:none; }
#admin-overlay .admin-platform-choice.active { border-color:#bfd5ff; background:#edf4ff; color:#287df5; box-shadow:0 4px 12px rgba(40,125,245,.12); }
#admin-overlay .admin-platform-choice.brand-facebook.active { border-color:#c6d9ff; background:#edf4ff; color:#1877f2; }
#admin-overlay .admin-platform-choice.brand-instagram.active { border-color:#f2c7de; background:#fff0f5; color:#d9468f; }
#admin-overlay .admin-platform-choice.brand-tiktok.active { border-color:#cbd1d9; background:#edf0f3; color:#111827; }
#admin-overlay .admin-filter-reset,
#admin-overlay #admin-payout-refresh,
#admin-overlay #admin-notification-send,
#admin-overlay #admin-platform-save,
#admin-overlay .admin-task-form-actions button,
#admin-overlay .admin-actions button,
#admin-overlay .admin-payout-proof-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  border-radius: 999px;
  font-weight: 800;
}
#admin-overlay #admin-payout-refresh { margin-bottom: 10px; padding: 0 15px; border: 1px solid #dce8fb; background: #edf4ff; color: #287df5; cursor: pointer; }
#admin-overlay #admin-notification-send,
#admin-overlay #admin-platform-save { min-height:43px; border:0; border-radius:999px; background:linear-gradient(135deg,#287df5,#56a5ff); color:#fff; box-shadow:0 7px 16px rgba(40,125,245,.2); cursor:pointer; font-weight:850; }
#admin-overlay #admin-notification-send:hover,
#admin-overlay #admin-platform-save:hover { transform:translateY(-1px); box-shadow:0 10px 20px rgba(40,125,245,.27); }
#admin-overlay #admin-payout-refresh:hover,
#admin-overlay .admin-filter-reset:hover { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(37, 86, 157, .10); }
#admin-overlay .admin-actions { align-items: center; }
#admin-overlay .admin-actions button { min-height: 32px; padding: 0 11px; border: 1px solid #e1e8f1; border-radius: 999px; background: #f7f9fc; color: #526176; cursor: pointer; font: inherit; font-size: 9.5px; }
#admin-overlay .admin-actions button:hover { transform: translateY(-1px); border-color: #bfd5ff; background: #edf4ff; color: #287df5; }
#admin-overlay .admin-task-card { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; }
#admin-overlay .admin-task-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
#admin-overlay .admin-task-card-actions button { min-height:36px; padding:7px 9px; border-radius:11px; font-size:9px; }
#admin-overlay .admin-task-card-actions [data-task-action="approve"] { border-color:#bde9d2; background:#edfaf3; color:#13834e; }
#admin-overlay .admin-task-card-actions [data-task-action="delete"] { border-color:#f0cccc; background:#fff5f5; color:#b43d3d; }
body.dark #admin-overlay .admin-task-card-actions [data-task-action="approve"] { border-color:#285c43; background:#1d3a2c; color:#8ce2b2; }
body.dark #admin-overlay .admin-task-card-actions [data-task-action="delete"] { border-color:#633c45; background:#3a252c; color:#ffaaaa; }
#admin-overlay .account-row,
#admin-overlay .admin-api-stat,
#admin-overlay .appearance-admin-card { border-radius: 18px; }
#admin-overlay .admin-task-form { padding: clamp(12px, 2vw, 18px); border-radius: 18px; }
#admin-overlay .admin-task-form-actions #admin-task-save { border-radius: 999px; }
#admin-overlay :is(button, input, select, textarea):focus-visible { outline: 3px solid rgba(40, 125, 245, .28); outline-offset: 2px; }
body.dark #admin-overlay .admin-eyebrow { border-color: #334a6a; background: #20324c; }
body.dark #admin-overlay .admin-section-tab { background: #202a39; }
body.dark #admin-overlay .admin-section-tab:hover { border-color: #3a4c66; }
body.dark #admin-overlay .admin-section-tab.active { border-color: #355b92; background: linear-gradient(145deg, #203b60, #1b304d); }
body.dark #admin-overlay .admin-panel { background: color-mix(in srgb, var(--bg) 91%, #243750); }
body.dark #admin-overlay #admin-payout-refresh { border-color: #344a68; background: #20324c; color: #9dc2ff; }
body.dark #admin-overlay .admin-actions button { border-color: #354154; background: #252f3d; color: #c1ccda; }
body.dark #admin-overlay .admin-actions button:hover { border-color: #45699c; background: #203b60; color: #a8c9ff; }
@media (max-width: 900px) {
  #admin-overlay .admin-section-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  #admin-overlay .admin-workspace { padding: 14px 12px calc(20px + env(safe-area-inset-bottom)); }
  #admin-overlay .modal-header { padding-bottom: 13px; }
  #admin-overlay .admin-section-nav { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 13px; padding: 6px 0; touch-action: auto; }
  #admin-overlay .admin-section-tab { min-height: 57px; border-radius: 15px; font-size: 9px; }
  #admin-overlay .admin-panel { padding: 12px; border-radius: 18px; }
  #admin-overlay .admin-panel-heading span { text-align: left; }
  #admin-overlay .admin-notification-destinations { grid-template-columns: 1fr; }
  #admin-overlay .admin-member-filters { grid-template-columns: minmax(0, 1fr) auto; }
  #admin-overlay .admin-member-filters .admin-filter-search { grid-column: 1; grid-row: 1; }
  #admin-overlay .admin-member-filters .config-select { grid-column: 1 / -1; grid-row: 2; }
  #admin-overlay .admin-filter-reset { grid-column: 2; grid-row: 1; padding: 0 12px; }
  #admin-overlay .admin-actions { gap: 6px; }
  #admin-overlay .admin-actions button { flex: 1 1 auto; }
}
#admin-overlay .admin-member-row { display:block; padding:14px; border-radius:15px; background:var(--card-bg); }
#admin-overlay .admin-member-overview { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:11px; }
#admin-overlay .admin-member-identity { display:flex; min-width:0; align-items:center; gap:10px; }
#admin-overlay .admin-member-avatar { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border:1px solid #dbe8fb; border-radius:13px; background:#edf5ff; color:#3475ca; }
#admin-overlay .admin-member-avatar svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-member-copy { min-width:0; }
#admin-overlay .admin-member-copy strong { display:block; overflow:hidden; color:var(--text-main); font-size:12px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-copy span { display:block; overflow:hidden; margin-top:4px; color:var(--text-sub); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-badges { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px; }
#admin-overlay .admin-member-badge { padding:5px 8px; border:1px solid #d2ecdf; border-radius:999px; background:#f1fbf6; color:#18835b; font-size:8px; font-weight:850; white-space:nowrap; }
#admin-overlay .admin-member-badge.is-paused { border-color:#f0dfb8; background:#fff9ea; color:#9a7016; }
#admin-overlay .admin-member-badge.is-banned { border-color:#f1d4d8; background:#fff3f4; color:#bb3e4b; }
#admin-overlay .admin-member-badge.is-vip { border-color:#f0e2b9; background:#fffbef; color:#987018; }
#admin-overlay .admin-member-actions { width:auto; flex:0 0 auto; justify-content:flex-end; gap:6px; margin-left:0; padding:0; border:0; }
#admin-overlay .admin-member-actions .admin-member-action { display:grid; width:34px; height:34px; min-height:34px; flex:0 0 34px; place-items:center; padding:0; border:1px solid #dfe6ef; border-radius:10px; background:var(--bg); color:#516175; cursor:pointer; transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease; }
#admin-overlay .admin-member-actions .admin-member-action svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-member-actions .admin-member-action:hover { transform:translateY(-1px); border-color:#bdd3f3; background:#f1f6ff; color:#286ed0; box-shadow:0 3px 8px rgba(35,76,130,.09); }
#admin-overlay .admin-member-actions .admin-member-action[data-action="ban"],
#admin-overlay .admin-member-actions .admin-member-action[data-action="delete"] { border-color:#f2d5d8; background:#fff8f8; color:#c94250; }
#admin-overlay .admin-member-actions .admin-member-action[data-action="ban"]:hover,
#admin-overlay .admin-member-actions .admin-member-action[data-action="delete"]:hover { border-color:#e8aeb5; background:#fff0f1; color:#b72f3e; }
#admin-overlay .admin-member-actions .admin-member-action[data-action="unban"],
#admin-overlay .admin-member-actions .admin-member-action[data-action="unlock"] { border-color:#d0ecdf; background:#f3fcf7; color:#17865b; }
#admin-overlay .admin-member-actions .admin-member-action[data-action="vip"] { border-color:#f1e3bb; background:#fffbef; color:#a87813; }
#admin-overlay .admin-member-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:12px; }
#admin-overlay .admin-member-stat { display:flex; min-width:0; align-items:center; gap:7px; padding:8px; border:1px solid var(--border); border-radius:11px; background:color-mix(in srgb,var(--bg) 82%,#eef4fc); }
#admin-overlay .admin-member-stat > span:last-child { display:block; min-width:0; }
#admin-overlay .admin-member-stat small { display:block; overflow:hidden; color:var(--text-sub); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-stat strong { display:block; overflow:hidden; margin-top:4px; color:var(--text-main); font-size:9px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-stat-icon { display:grid; width:27px; height:27px; flex:0 0 27px; place-items:center; border-radius:9px; background:#eaf5ff; color:#2874c9; }
#admin-overlay .admin-member-stat-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-member-stat-icon.is-income { background:#eaf8f1; color:#16875d; }
#admin-overlay .admin-member-stat-icon.is-balance { background:#fff5e5; color:#a97718; }
#admin-overlay .admin-member-stat-icon.is-jobs { background:#edf1ff; color:#5b69bf; }
#admin-overlay .admin-member-stat-icon.brand-facebook { background:#e9f1ff; color:#1877f2; }
#admin-overlay .admin-member-stat-icon.brand-facebook svg,
#admin-overlay .admin-member-stat-icon.brand-tiktok svg { fill:currentColor; stroke:none; }
#admin-overlay .admin-member-stat-icon.brand-instagram { background:#fff0f5; color:#d9468f; }
#admin-overlay .admin-member-stat-icon.brand-instagram svg { fill:none; stroke:currentColor; stroke-width:1.8; }
#admin-overlay .admin-member-stat-icon.brand-tiktok { background:#edf0f3; color:#111827; }
#admin-overlay .admin-member-latest { display:flex; min-width:0; align-items:center; gap:9px; margin-top:9px; padding:9px 10px; border:1px solid var(--border); border-radius:11px; background:var(--bg); }
#admin-overlay .admin-member-latest-icon { display:grid; width:29px; height:29px; flex:0 0 29px; place-items:center; border-radius:9px; background:#f0f4fa; color:#64748b; }
#admin-overlay .admin-member-latest-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-member-latest-copy { display:grid; min-width:0; flex:1; gap:3px; }
#admin-overlay .admin-member-latest-copy small { color:var(--text-sub); font-size:8px; }
#admin-overlay .admin-member-latest-copy strong { overflow:hidden; color:var(--text-main); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-latest-copy > span { overflow:hidden; color:var(--text-sub); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-member-latest-state { flex:0 0 auto; padding:5px 8px; border-radius:999px; background:#fff6e7; color:#9a7016; font-size:8px; font-weight:850; white-space:nowrap; }
#admin-overlay .admin-member-latest-state.is-success { background:#eaf8f1; color:#17865b; }
#admin-overlay .admin-member-latest-state.is-failed { background:#fff0f1; color:#c3434e; }
#admin-overlay .admin-member-latest-state.is-empty { background:#f1f4f8; color:#64748b; }
body.dark #admin-overlay .admin-member-avatar { border-color:#344c6c; background:#203b60; color:#a8c9ff; }
body.dark #admin-overlay .admin-member-badge { border-color:#285541; background:#1c372e; color:#86d6b3; }
body.dark #admin-overlay .admin-member-badge.is-paused { border-color:#5b4a2d; background:#382f20; color:#edc36f; }
body.dark #admin-overlay .admin-member-badge.is-banned { border-color:#5a363c; background:#39272c; color:#f0a0a8; }
body.dark #admin-overlay .admin-member-badge.is-vip { border-color:#5b4a2d; background:#382f20; color:#edc36f; }
body.dark #admin-overlay .admin-member-actions .admin-member-action { border-color:#39475a; background:#252f3d; color:#c1ccda; }
body.dark #admin-overlay .admin-member-actions .admin-member-action:hover { border-color:#45699c; background:#203b60; color:#a8c9ff; }
body.dark #admin-overlay .admin-member-actions .admin-member-action[data-action="ban"],
body.dark #admin-overlay .admin-member-actions .admin-member-action[data-action="delete"] { border-color:#5a363c; background:#39272c; color:#f0a0a8; }
body.dark #admin-overlay .admin-member-actions .admin-member-action[data-action="unban"],
body.dark #admin-overlay .admin-member-actions .admin-member-action[data-action="unlock"] { border-color:#285541; background:#1c372e; color:#86d6b3; }
body.dark #admin-overlay .admin-member-actions .admin-member-action[data-action="vip"] { border-color:#5b4a2d; background:#382f20; color:#edc36f; }
body.dark #admin-overlay .admin-member-stat { background:#202a39; }
body.dark #admin-overlay .admin-member-stat-icon.brand-tiktok { background:#30343a; color:#f1f5f9; }
body.dark #admin-overlay .admin-member-latest-icon { background:#273243; color:#aebdd0; }
body.dark #admin-overlay .admin-member-latest-state { background:#382f20; color:#edc36f; }
body.dark #admin-overlay .admin-member-latest-state.is-success { background:#1c372e; color:#86d6b3; }
body.dark #admin-overlay .admin-member-latest-state.is-failed { background:#39272c; color:#f0a0a8; }
body.dark #admin-overlay .admin-member-latest-state.is-empty { background:#293240; color:#aeb9c8; }
@media (max-width: 1000px) {
  #admin-overlay .admin-member-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  #admin-overlay .admin-member-row { padding:11px; }
  #admin-overlay .admin-member-overview { grid-template-columns:minmax(0,1fr) auto; gap:9px; }
  #admin-overlay .admin-member-badges { grid-column:2; grid-row:1; flex-direction:column; align-items:flex-end; }
  #admin-overlay .admin-member-actions { grid-column:1/-1; justify-content:flex-end; padding-top:8px; border-top:1px solid var(--border); }
  #admin-overlay .admin-member-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  #admin-overlay .admin-member-stat { gap:5px; padding:7px 5px; }
  #admin-overlay .admin-member-stat-icon { width:24px; height:24px; flex-basis:24px; }
  #admin-overlay .admin-member-stat-icon svg { width:14px; height:14px; }
  #admin-overlay .admin-member-latest { align-items:flex-start; }
  #admin-overlay .admin-member-latest-state { margin-left:auto; }
}
@media (max-width: 420px) {
  #admin-overlay .admin-member-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #admin-overlay .admin-social-edit-grid { grid-template-columns:1fr; }
}
#admin-overlay .admin-social-account-filters { display:grid; grid-template-columns:minmax(0,1fr) 180px auto; gap:8px; margin:12px 0; }
#admin-overlay .admin-social-account-filters > * { min-width:0; }
#admin-overlay .admin-social-account-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
#admin-overlay .admin-social-account { min-width:0; padding:13px; border:1px solid var(--border); border-radius:18px; background:var(--bg); box-shadow:0 5px 16px rgba(29,58,101,.045); }
#admin-overlay .admin-social-account-head { display:flex; align-items:center; gap:9px; min-width:0; }
#admin-overlay .admin-social-logo,
#admin-overlay .admin-brand-avatar { display:grid; flex:0 0 40px; place-items:center; border-radius:14px; }
#admin-overlay .admin-social-logo { width:40px; height:40px; }
#admin-overlay .admin-social-logo svg,
#admin-overlay .admin-brand-avatar svg { width:21px; height:21px; fill:currentColor; }
#admin-overlay .admin-social-logo.brand-instagram svg,
#admin-overlay .admin-brand-avatar.brand-instagram svg { fill:none; stroke:currentColor; stroke-width:1.8; }
#admin-overlay .admin-social-logo .brand-dot,
#admin-overlay .admin-brand-avatar .brand-dot { fill:currentColor; stroke:none; }
#admin-overlay .admin-social-logo.brand-facebook,
#admin-overlay .admin-brand-avatar.brand-facebook { background:#e9f1ff; color:#1877f2; }
#admin-overlay .admin-social-logo.brand-instagram,
#admin-overlay .admin-brand-avatar.brand-instagram { background:#fff0f5; color:#d9468f; }
#admin-overlay .admin-social-logo.brand-tiktok,
#admin-overlay .admin-brand-avatar.brand-tiktok { background:#edf0f3; color:#111827; }
#admin-overlay .admin-social-identity { min-width:0; flex:1; }
#admin-overlay .admin-social-identity strong { display:block; overflow:hidden; color:var(--text-main); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-identity small { display:block; overflow:hidden; margin-top:4px; color:var(--text-sub); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-owner-details { display:grid; min-width:0; gap:7px; margin-top:10px; padding:10px; border:1px solid color-mix(in srgb,var(--border) 72%,#bfd5ff); border-radius:14px; background:color-mix(in srgb,var(--bg) 88%,#edf4ff); }
#admin-overlay .admin-social-owner-name { color:var(--text-main); font-size:9px; font-weight:850; }
#admin-overlay .admin-social-owner-chips { display:flex; min-width:0; flex-wrap:wrap; gap:6px; }
#admin-overlay .admin-social-owner-chip { display:inline-flex; min-width:0; max-width:100%; min-height:26px; align-items:center; gap:5px; padding:4px 8px; border:1px solid var(--border); border-radius:999px; background:var(--bg); color:var(--text-sub); font-size:8px; font-weight:750; }
#admin-overlay .admin-social-owner-chip svg { width:12px; height:12px; flex:0 0 12px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-social-owner-chip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-editor { margin-top:9px; border:1px solid var(--border); border-radius:12px; background:color-mix(in srgb,var(--bg) 82%,#edf3fc); }
#admin-overlay .admin-social-editor > summary { padding:9px 10px; color:var(--text-main); cursor:pointer; font-size:9px; font-weight:850; }
#admin-overlay .admin-social-edit-form { padding:0 10px 10px; }
#admin-overlay .admin-social-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#admin-overlay .admin-social-edit-field { display:grid; min-width:0; gap:5px; color:var(--text-sub); font-size:9px; font-weight:750; }
#admin-overlay .admin-social-edit-field > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-edit-field input,
#admin-overlay .admin-social-edit-field select { box-sizing:border-box; width:100%; min-width:0; min-height:36px; padding:6px 9px; border-radius:10px; font-size:10px; }
#admin-overlay .admin-social-edit-toggle { display:flex; min-height:32px; align-items:center; gap:6px; padding:5px 7px; border:1px solid var(--border); border-radius:9px; color:var(--text-main); font-size:8px; font-weight:750; }
#admin-overlay .admin-social-edit-toggle input { width:15px; height:15px; flex:0 0 15px; accent-color:#287df5; }
#admin-overlay .admin-social-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; }
#admin-overlay .admin-social-editor-actions .config-save { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:7px; padding:7px 15px; border:0; border-radius:999px; color:#fff; cursor:pointer; font-size:10px; font-weight:850; box-shadow:0 5px 14px rgba(40,125,245,.22); transition:transform .16s ease,box-shadow .16s ease; }
#admin-overlay .admin-social-editor-actions .config-save svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-social-editor-actions .config-save:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 7px 18px rgba(40,125,245,.3); }
#admin-overlay .admin-social-editor-actions .config-save:disabled { opacity:.65; cursor:wait; }
#admin-overlay .admin-social-editor-actions .admin-social-action-result { flex:1; margin:0; }
#admin-overlay .admin-social-state { flex:0 0 auto; padding:5px 8px; border-radius:999px; font-size:8px; font-weight:850; }
#admin-overlay .admin-social-state.is-active { background:#e8f8ef; color:#17865b; }
#admin-overlay .admin-social-state.is-paused { background:#fff4dc; color:#9a7016; }
#admin-overlay .admin-social-state.is-error { background:#fff0f0; color:#c3434e; }
#admin-overlay .admin-social-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:12px 0 9px; }
#admin-overlay .admin-social-fact { min-width:0; padding:8px 6px; border:1px solid var(--border); border-radius:12px; background:color-mix(in srgb,var(--bg) 80%,#edf3fc); text-align:center; }
#admin-overlay .admin-social-fact small { display:block; color:var(--text-sub); font-size:8px; }
#admin-overlay .admin-social-fact strong { display:block; overflow:hidden; margin-top:4px; color:var(--text-main); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-info { display:none; }
#admin-overlay .admin-social-account-facts { display:flex; min-width:0; flex-wrap:wrap; gap:6px; margin-top:9px; }
#admin-overlay .admin-social-account-fact { display:inline-flex; min-width:0; max-width:100%; min-height:27px; align-items:center; gap:5px; padding:4px 8px; border:1px solid var(--border); border-radius:999px; background:color-mix(in srgb,var(--bg) 75%,#edf3fc); color:var(--text-sub); font-size:8px; font-weight:750; }
#admin-overlay .admin-social-account-fact svg { width:13px; height:13px; flex:0 0 13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-social-account-fact span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-latest-action { display:flex; min-width:0; align-items:center; gap:8px; margin-top:8px; padding:9px 10px; border:1px solid color-mix(in srgb,var(--border) 75%,#bfd5ff); border-radius:12px; background:color-mix(in srgb,var(--bg) 88%,#edf4ff); }
#admin-overlay .admin-social-latest-icon { display:grid; width:28px; height:28px; flex:0 0 28px; place-items:center; border-radius:9px; background:#e6efff; color:#287df5; }
#admin-overlay .admin-social-latest-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-social-latest-copy { display:grid; min-width:0; gap:3px; }
#admin-overlay .admin-social-latest-copy strong { overflow:hidden; color:var(--text-main); font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-latest-copy small { overflow:hidden; color:var(--text-sub); font-size:7.5px; text-overflow:ellipsis; white-space:nowrap; }
#admin-overlay .admin-social-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
#admin-overlay .admin-icon-action { display:inline-flex; min-height:32px; align-items:center; justify-content:center; gap:5px; padding:0 9px; border:1px solid var(--border); border-radius:999px; background:color-mix(in srgb,var(--bg) 70%,#edf3fc); color:var(--text-sub); cursor:pointer; font:inherit; font-size:8.5px; font-weight:800; }
#admin-overlay .admin-icon-action svg { width:14px; height:14px; flex:0 0 14px; }
#admin-overlay .admin-icon-action:hover:not(:disabled) { transform:translateY(-1px); border-color:#bfd5ff; background:#edf4ff; color:#287df5; }
#admin-overlay .admin-icon-action.is-delete { color:#c3434e; }
#admin-overlay .admin-icon-action:disabled { opacity:.55; cursor:wait; }
#admin-overlay .admin-social-action-result { display:block; min-height:12px; margin-top:6px; color:#17865b; font-size:8.5px; overflow-wrap:anywhere; }
#admin-overlay .admin-social-action-result.is-error { color:#c3434e; }
#admin-overlay .admin-platform-row { min-height:60px; padding:9px 12px; border-radius:16px; }
#admin-overlay .admin-platform-row-identity { display:flex; min-width:0; align-items:center; gap:9px; }
#admin-overlay .admin-platform-row-identity > div { min-width:0; }
#admin-overlay .admin-setting-brand { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; border-radius:13px; background:#edf3fc; color:#60738d; }
#admin-overlay .admin-setting-brand svg { width:19px; height:19px; fill:currentColor; }
#admin-overlay .admin-setting-brand.brand-instagram svg { fill:none; stroke:currentColor; stroke-width:1.8; }
#admin-overlay .admin-setting-brand .brand-dot { fill:currentColor; stroke:none; }
#admin-overlay .admin-setting-brand.brand-facebook { background:#e9f1ff; color:#1877f2; }
#admin-overlay .admin-setting-brand.brand-instagram { background:#fff0f5; color:#d9468f; }
#admin-overlay .admin-setting-brand.brand-tiktok { background:#edf0f3; color:#111827; }
#admin-overlay .admin-setting-brand.brand-golike { background:#eaf8f1; color:#14845a; }
#admin-overlay .admin-setting-brand.brand-xworld { background:#fff4df; color:#bd7d10; }
#admin-overlay .admin-setting-brand.brand-threads { background:#f0edff; color:#6552b8; }
#admin-overlay .admin-setting-brand.brand-lazada { background:#fff0ed; color:#e84c36; }
#admin-overlay .admin-setting-brand.brand-escape { background:#edf4ff; color:#287df5; }
#admin-overlay .admin-setting-brand.brand-racing { background:#eef7ff; color:#1680bc; }
#admin-overlay .admin-platform-row label { flex:0 0 auto; }
#admin-overlay .admin-platform-row input[type="checkbox"] { position:relative; width:36px; height:21px; flex:0 0 36px; margin:0; appearance:none; border:1px solid #cbd5e1; border-radius:999px; background:#dce3ed; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
#admin-overlay .admin-platform-row input[type="checkbox"]::before { position:absolute; top:2px; left:2px; width:15px; height:15px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(20,35,55,.2); content:""; transition:transform .18s ease; }
#admin-overlay .admin-platform-row input[type="checkbox"]:checked { border-color:#22b980; background:#22b980; }
#admin-overlay .admin-platform-row input[type="checkbox"]:checked::before { transform:translateX(15px); }
#admin-overlay .admin-platform-row input[type="checkbox"]:focus-visible { outline:3px solid rgba(40,125,245,.25); outline-offset:2px; }
body.dark #admin-overlay .admin-social-account { background:#1c2430; }
body.dark #admin-overlay .admin-social-editor { background:#202a39; }
body.dark #admin-overlay .admin-social-owner-details { border-color:#354154; background:#202a39; }
body.dark #admin-overlay .admin-social-account-fact { background:#202a39; }
body.dark #admin-overlay .admin-social-latest-action { border-color:#354154; background:#202a39; }
body.dark #admin-overlay .admin-social-latest-icon { background:#203b60; color:#a8c9ff; }
body.dark #admin-overlay .admin-social-fact { background:#202a39; }
body.dark #admin-overlay .admin-social-logo.brand-facebook,
body.dark #admin-overlay .admin-brand-avatar.brand-facebook { background:#1d3455; color:#8bbaff; }
body.dark #admin-overlay .admin-social-logo.brand-instagram,
body.dark #admin-overlay .admin-brand-avatar.brand-instagram { background:#46283c; color:#ffa8ce; }
body.dark #admin-overlay .admin-social-logo.brand-tiktok,
body.dark #admin-overlay .admin-brand-avatar.brand-tiktok { background:#303744; color:#e7edf5; }
body.dark #admin-overlay .admin-social-state.is-active { background:#19372e; color:#86d6b3; }
body.dark #admin-overlay .admin-social-state.is-paused { background:#3b3221; color:#edc36f; }
body.dark #admin-overlay .admin-social-state.is-error { background:#40282d; color:#f0a0a8; }
body.dark #admin-overlay .admin-icon-action:hover:not(:disabled) { border-color:#45699c; background:#203b60; color:#a8c9ff; }
body.dark #admin-overlay .admin-platform-choice { border-color:#354154; background:#202a39; }
body.dark #admin-overlay .admin-platform-choice.active { border-color:#45699c; background:#203b60; }
body.dark #admin-overlay .admin-platform-choice.brand-instagram.active { background:#46283c; color:#ffa8ce; }
body.dark #admin-overlay .admin-platform-choice.brand-tiktok.active { background:#303744; color:#e7edf5; }
body.dark #admin-overlay #admin-notification-send,
body.dark #admin-overlay #admin-platform-save { color:#fff; }
body.dark #admin-overlay .admin-setting-brand { background:#283447; color:#aebbd0; }
body.dark #admin-overlay .admin-setting-brand.brand-facebook { background:#1d3455; color:#8bbaff; }
body.dark #admin-overlay .admin-setting-brand.brand-instagram { background:#46283c; color:#ffa8ce; }
body.dark #admin-overlay .admin-setting-brand.brand-tiktok { background:#303744; color:#e7edf5; }
body.dark #admin-overlay .admin-setting-brand.brand-golike { background:#19372e; color:#86d6b3; }
body.dark #admin-overlay .admin-setting-brand.brand-xworld { background:#3b3221; color:#edc36f; }
body.dark #admin-overlay .admin-setting-brand.brand-threads { background:#302b4d; color:#c0b4ff; }
body.dark #admin-overlay .admin-setting-brand.brand-lazada { background:#452c2a; color:#ffaaa0; }
body.dark #admin-overlay .admin-setting-brand.brand-escape { background:#203b60; color:#a8c9ff; }
body.dark #admin-overlay .admin-setting-brand.brand-racing { background:#203749; color:#92d5f7; }
body.dark #admin-overlay .admin-platform-row input[type="checkbox"] { border-color:#526074; background:#354154; }
@media (max-width:620px) {
  #admin-overlay .admin-social-account-filters { grid-template-columns:minmax(0,1fr) auto; }
  #admin-overlay .admin-social-account-filters input { grid-column:1 / -1; grid-row:1; }
  #admin-overlay .admin-social-account-filters select { grid-column:1; grid-row:2; }
  #admin-overlay .admin-social-account-filters button { grid-column:2; grid-row:2; }
  #admin-overlay .admin-social-account-list { grid-template-columns:1fr; }
  #admin-overlay .admin-social-account { padding:11px; }
  #admin-overlay .admin-social-facts { gap:4px; }
}

body.dark {
  --bg: #101010;
  --card-bg: #1b1b1b;
  --text-main: #f2f2f2;
  --text-sub: #a8a8a8;
  --border: #303030;
  --primary-light: #242424;
}
body.dark header.topbar,
body.dark nav.bottom-menu,
body.dark .stats-card,
body.dark .admin-notice,
body.dark .support-chat,
body.dark .wallet-bank-info,
body.dark .account-row,
body.dark .platform-child-card,
body.dark .admin-platform-row,
body.dark .platform-account-preview,
body.dark .payout-linked-card,
body.dark .gift-own-wallet {
  background: #1b1b1b;
  border-color: #333;
}
body.dark .stats-card-head,
body.dark .stats-overview-item,
body.dark .stats-chart,
body.dark .stats-filter select,
body.dark .stats-range button,
body.dark .support-chat-row input,
body.dark .config-input,
body.dark .config-select,
body.dark .wallet-tab,
body.dark .vip-plan-option,
body.dark .admin-section-tab,
body.dark .appearance-admin-card,
body.dark .admin-job-api-refresh,
body.dark .admin-job-api-copy,
body.dark .admin-filter-reset,
body.dark .api-json,
body.dark .device-diagnostics-footer button,
body.dark .service-order-code,
body.dark .service-order-copy,
body.dark .service-order-state.running,
body.dark .service-order-progress-percent,
body.dark .instagram-job-buyer,
body.dark .instagram-job-buyer-icon,
body.dark .job-report-option:hover,
body.dark .job-report-option:has(input:checked),
body.dark .account-platform-current,
body.dark .account-platform-menu,
body.dark .instagram-job-comment,
body.dark .coin-audit-platform-current,
body.dark .coin-audit-platform-menu,
body.dark .payout-otp-cell,
body.dark .payout-mode-tabs,
body.dark .payout-history-row,
body.dark .gift-code-row code,
body.dark .gift-own-wallet > button,
body.dark .gift-recipient-row > button,
body.dark #admin-overlay .admin-social-account,
body.dark #admin-overlay .admin-social-fact,
body.dark #admin-overlay .admin-platform-choice,
body.dark #admin-overlay .admin-setting-brand {
  background: #202020;
  border-color: #383838;
}
body.dark .stats-card-head,
body.dark .service-order-code {
  background-image: linear-gradient(135deg, #292929, #1d1d1d);
}
body.dark .profile-header .avatar-wrap {
  border-color: #3a3a3a;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .4);
}
body.dark #admin-overlay .admin-social-logo.brand-facebook,
body.dark #admin-overlay .admin-brand-avatar.brand-facebook,
body.dark #admin-overlay .admin-setting-brand.brand-facebook {
  background: #252525;
  color: #d0d0d0;
}
body.dark #admin-overlay .admin-platform-choice.active:not(.brand-instagram):not(.brand-tiktok) {
  background: #292929;
  border-color: #555;
  #admin-overlay .admin-social-fact { padding:7px 3px; }
  #admin-overlay .admin-icon-action { flex:1 1 calc(50% - 6px); }
}
#admin-overlay .admin-member-filters .admin-filter-search-wrap,
#admin-overlay .admin-member-filters .admin-filter-select-wrap { position:relative; display:flex; min-width:0; align-items:center; }
#admin-overlay .admin-filter-search-wrap > svg,
#admin-overlay .admin-filter-select-wrap > svg { position:absolute; z-index:1; left:11px; width:16px; height:16px; fill:none; stroke:#6380a6; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
#admin-overlay .admin-filter-search-wrap .admin-filter-search { width:100%; min-width:0; padding-left:35px; }
#admin-overlay .admin-filter-select-wrap .config-select { width:100%; min-width:0; padding-left:35px; }
#admin-overlay .admin-filter-reset svg,
#admin-overlay #admin-payout-refresh svg { width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-filter-reset { gap:6px; }
#admin-overlay [data-admin-panel="payouts"] svg { width:20px; height:20px; }
body.dark #admin-overlay .admin-filter-search-wrap > svg,
body.dark #admin-overlay .admin-filter-select-wrap > svg { color:#a9c2e0; }
@media (max-width:620px) {
  #admin-overlay .admin-member-filters .admin-filter-search-wrap { grid-column:1; grid-row:1; }
  #admin-overlay .admin-member-filters .admin-filter-select-wrap { grid-column:1/-1; grid-row:2; }
}
#admin-overlay .admin-reward-approval-heading { scroll-margin-top:16px; }
#admin-overlay .admin-panel[data-admin-panel-content="tasks"].admin-reward-only > :not(.admin-reward-approval-content) { display:none; }
#admin-overlay .admin-reward-approval-content { min-width:0; }
#admin-overlay .admin-reward-approval-filters .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; clip-path:inset(50%); border:0; }
#admin-overlay .admin-reward-approval-filters { display:grid; grid-template-columns:minmax(130px,.7fr) minmax(150px,.8fr) minmax(220px,1.5fr) auto; gap:8px; margin:8px 0; }
#admin-overlay .admin-reward-approval-filters > label { min-width:0; }
#admin-overlay .admin-reward-approval-filters .config-select,
#admin-overlay .admin-reward-approval-filters .config-input { width:100%; min-width:0; min-height:38px; }
#admin-overlay .admin-reward-approval-filters .admin-job-api-refresh { min-height:38px; grid-column:auto; }
#admin-overlay .admin-reward-approval-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0; }
#admin-overlay .admin-reward-select-all { display:inline-flex; align-items:center; gap:7px; margin-right:auto; color:var(--text-sub); font-size:10px; font-weight:700; cursor:pointer; }
#admin-overlay .admin-reward-select-all input,
#admin-overlay .admin-reward-checkbox { width:18px; height:18px; flex:0 0 18px; accent-color:#287df5; cursor:pointer; }
#admin-overlay .admin-reward-approve { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:6px; padding:7px 12px; border:1px solid #b8e5d0; border-radius:11px; background:#e9faf2; color:#087d51; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
#admin-overlay .admin-reward-approve svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#admin-overlay .admin-reward-approve:disabled { opacity:.5; cursor:not-allowed; }
#admin-overlay .admin-reward-approve-all { border-color:#c7d9f5; background:#edf4ff; color:#2864a8; }
#admin-overlay .admin-reward-row { align-items:center; }
#admin-overlay .admin-reward-row .account-copy { min-width:0; }
#admin-overlay .admin-reward-row .account-copy span,
#admin-overlay .admin-reward-row .account-copy small { overflow-wrap:anywhere; white-space:normal; }
#admin-overlay .admin-reward-row .admin-reward-checkbox { margin:0 2px; }
body.dark #admin-overlay .admin-reward-select-all { color:var(--text-sub); }
body.dark #admin-overlay .admin-reward-approve { border-color:#2e604c; background:#183a32; color:#8fe4c0; }
body.dark #admin-overlay .admin-reward-approve-all { border-color:#344a68; background:#20324c; color:#9dc2ff; }
@media (max-width:620px) {
  #admin-overlay .admin-reward-approval-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #admin-overlay .admin-reward-search { grid-column:1/-1; }
  #admin-overlay .admin-reward-approval-filters .admin-job-api-refresh { grid-column:1/-1; }
  #admin-overlay .admin-reward-select-all { flex:1 0 100%; }
}
.notif-item .txt { min-width:0; flex:1; }
.notif-reply-button,
.support-ticket-open {
  display:inline-flex;
  min-height:32px;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:8px;
  padding:6px 10px;
  border:1px solid #c8dcfb;
  border-radius:10px;
  background:#f2f7ff;
  color:#2864a8;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.notif-reply-button:hover,
.support-ticket-open:hover { background:#e8f1ff; }
.support-ticket-open { width:38px; min-height:38px; align-self:flex-end; justify-self:end; margin:4px 0 8px; padding:0; border-radius:50%; font-size:14px; box-shadow:0 3px 9px rgba(40,125,245,.12); }
.support-ticket-open:focus-visible { outline:2px solid #287df5; outline-offset:2px; }
.admin-notice-reply { display:inline-flex; align-items:center; gap:5px; }
.admin-notice-reply[hidden] { display:none; }
.support-ticket-overlay { z-index:550; }
.support-ticket-modal { width:min(100%,560px); max-height:min(88vh,820px); gap:10px; overflow:auto; }
.support-ticket-modal .modal-header { flex:0 0 auto; }
.support-ticket-context { padding:10px 12px; border:1px solid #c8dcfb; border-radius:12px; background:#f2f7ff; color:#2864a8; font-size:11px; font-weight:750; overflow-wrap:anywhere; }
.support-ticket-list { display:grid; gap:7px; max-height:190px; overflow:auto; }
.support-ticket-list[hidden],
.support-ticket-thread[hidden],
.support-ticket-create-form[hidden] { display:none !important; }
.support-ticket-list-item,
.admin-support-ticket-item {
  display:grid;
  width:100%;
  min-width:0;
  gap:4px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card-bg);
  color:var(--text-main);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.support-ticket-list-item:hover,
.admin-support-ticket-item:hover,
.admin-support-ticket-item.active { border-color:#93baf0; background:#f2f7ff; }
.support-ticket-list-item strong,
.admin-support-ticket-item strong { font-size:11px; overflow-wrap:anywhere; }
.support-ticket-list-item span,
.admin-support-ticket-item span,
.admin-support-ticket-item small { color:var(--text-sub); font-size:9px; line-height:1.45; overflow-wrap:anywhere; }
.support-ticket-create-form,
.support-ticket-reply-form { display:grid; gap:9px; }
.support-ticket-create-form .config-field,
.support-ticket-reply-form .config-field { margin:0 !important; }
.support-ticket-create-form .config-save,
.support-ticket-reply-form .config-save { justify-self:end; min-height:40px; padding:0 16px; border-radius:14px; box-shadow:0 4px 12px rgba(40,125,245,.18); }
.support-ticket-thread { display:grid; min-height:0; gap:9px; }
.support-ticket-thread-head,
.admin-support-ticket-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.support-ticket-thread-head strong { min-width:0; overflow-wrap:anywhere; font-size:12px; }
.support-ticket-thread-head button { min-height:32px; padding:0 11px; border:1px solid #c8dcfb; border-radius:999px; background:#f2f7ff; color:#287df5; font:inherit; font-size:10px; font-weight:800; cursor:pointer; }
.support-ticket-messages { display:grid; max-height:300px; gap:8px; overflow:auto; padding:2px; }
.support-ticket-message { max-width:90%; padding:9px 11px; border:1px solid var(--border); border-radius:12px; background:var(--bg); }
.support-ticket-message.from-user { justify-self:end; border-color:#c8dcfb; background:#f2f7ff; }
.support-ticket-message.from-admin { justify-self:start; }
.support-ticket-message-meta { color:var(--text-sub); font-size:9px; font-weight:750; }
.support-ticket-message p { margin:5px 0 0; color:var(--text-main); font-size:11px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.admin-support-ticket-layout { display:grid; grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr); gap:12px; align-items:start; }
.admin-support-ticket-list { display:grid; align-content:start; gap:7px; max-height:58vh; overflow:auto; }
.admin-support-ticket-detail { display:grid; min-width:0; gap:10px; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--card-bg); }
.admin-support-ticket-detail[hidden] { display:none; }
.admin-support-ticket-heading > div { display:grid; min-width:0; gap:4px; }
.admin-support-ticket-heading strong { overflow-wrap:anywhere; font-size:12px; }
.admin-support-ticket-heading small { color:var(--text-sub); font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.admin-support-ticket-heading > span { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#fff3d6; color:#946200; font-size:9px; font-weight:800; }
.admin-support-ticket-heading > span[data-status="answered"] { background:#e5f7ee; color:#087d51; }
.admin-support-ticket-heading > span[data-status="closed"] { background:#eef0f3; color:#626d7b; }
body.dark .notif-reply-button,
body.dark .support-ticket-open,
body.dark .support-ticket-context,
body.dark .support-ticket-message.from-user,
body.dark .support-ticket-list-item:hover,
body.dark .admin-support-ticket-item:hover,
body.dark .admin-support-ticket-item.active { border-color:#344b69; background:#202e43; color:#a9c9f7; }
body.dark .support-ticket-list-item,
body.dark .admin-support-ticket-item,
body.dark .admin-support-ticket-detail { border-color:#383838; background:#202020; }
body.dark .support-ticket-message { border-color:#383838; background:#1b1b1b; }
body.dark .support-ticket-thread-head button { border-color:#344b69; background:#202e43; color:#a9c9f7; }
body.dark .admin-support-ticket-heading > span { background:#493b1c; color:#f1ce7a; }
body.dark .admin-support-ticket-heading > span[data-status="answered"] { background:#193b30; color:#8fe4c0; }
body.dark .admin-support-ticket-heading > span[data-status="closed"] { background:#303030; color:#b8b8b8; }
@media (max-width:620px) {
  .support-ticket-modal { width:100%; max-height:92dvh; padding:10px 16px 16px; }
  .admin-support-ticket-layout { grid-template-columns:minmax(0,1fr); }
  .admin-support-ticket-list { max-height:30vh; }
}