/* Demo Pay — Admin design system (v1). Scoped to body.ap; customer pages never load this file. */

/* ───────────── Tokens ───────────── */
:root{
  --bg:#09090b; --bg-raise:#0e0e11;
  --s1:#121215; --s2:#17171b; --s3:#1d1d22; --s4:#25252b;
  --line:#232329; --line-2:#2e2e35; --line-3:#3a3a42;
  --tx:#ededf0; --tx-2:#a3a3ad; --tx-3:#6f6f7a;
  --or:#ff7a1a; --or-2:#ff8f3d; --or-ink:#1a0d02; --or-soft:rgba(255,122,26,.11); --or-line:rgba(255,122,26,.34);
  --ok:#3ecf8e; --ok-soft:rgba(62,207,142,.11);
  --wait:#f2b441; --wait-soft:rgba(242,180,65,.11);
  --run:#5b9cff; --run-soft:rgba(91,156,255,.12);
  --bad:#f06b6b; --bad-soft:rgba(240,107,107,.11);
  --mute-soft:rgba(163,163,173,.1);
  --r-sm:8px; --r:11px; --r-lg:14px; --r-xl:18px;
  --sh-1:0 1px 0 rgba(255,255,255,.03) inset,0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 12px 32px -12px rgba(0,0,0,.65),0 0 0 1px var(--line);
  --sh-pop:0 24px 64px -16px rgba(0,0,0,.8),0 0 0 1px var(--line-2);
  --side-w:264px; --side-w-c:72px; --top-h:60px;
  --font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* ───────────── Base ───────────── */
html{background:var(--bg);color-scheme:dark;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-h) + 16px)}
body.ap{margin:0;min-height:100vh;background:var(--bg);color:var(--tx);font:400 14px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.ap *,.ap *::before,.ap *::after{box-sizing:border-box}
.ap [hidden]{display:none!important}
.ap a{color:inherit;text-decoration:none}
.ap h1,.ap h2,.ap h3,.ap h4{margin:0;font-weight:600;letter-spacing:-.005em;color:var(--tx);line-height:1.35}
.ap p{margin:0}
.ap small{font-size:12px}
.ap code,.ap kbd{font-family:var(--mono);font-size:12.5px}
.ap img{max-width:100%}
.ap button,.ap input,.ap select,.ap textarea{font:inherit;color:inherit}
.ap button{cursor:pointer}
.ap :focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:6px}
.ap ::selection{background:rgba(255,122,26,.35)}
.ap ::-webkit-scrollbar{width:10px;height:10px}
.ap ::-webkit-scrollbar-thumb{background:var(--s4);border-radius:10px;border:3px solid var(--bg)}
.ap ::-webkit-scrollbar-track{background:transparent}
body.ap.no-scroll{overflow:hidden}
.ap [dir=ltr]{unicode-bidi:isolate}
.ap strong,.ap b{font-weight:600}
.ap .ap-i,.ap .ui-icon{width:18px;height:18px;flex:none}

/* ───────────── Shell ───────────── */
.ap-shell{min-height:100vh}
.ap-side{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:var(--side-w);display:flex;flex-direction:column;background:var(--bg-raise);border-inline-end:1px solid var(--line);transition:width .22s var(--ease),transform .26s var(--ease)}
.ap-side-head{height:var(--top-h);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 12px;border-bottom:1px solid var(--line)}
.ap-brand{display:flex;align-items:center;gap:10px;min-width:0}
.ap-brand img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:var(--s2);box-shadow:0 0 0 1px var(--line-2)}
.ap-brand span{display:grid;line-height:1.2;white-space:nowrap}
.ap-brand b{font-size:14.5px}
.ap-brand small{color:var(--tx-3);font-size:11.5px}
.ap-side .ap-side-close{display:none}
.ap-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;scrollbar-width:thin}
.ap-nav-group{display:grid;gap:2px;margin-top:12px}
.ap-nav-group:first-child{margin-top:4px}
.ap-nav-label{font-size:11px;font-weight:500;color:var(--tx-3);padding:6px 10px 4px;letter-spacing:.02em;white-space:nowrap}
.ap-nav a{position:relative;display:flex;align-items:center;gap:11px;height:36px;padding:0 10px;border-radius:9px;color:var(--tx-2);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.ap-nav a span{flex:1;overflow:hidden;text-overflow:ellipsis}
.ap-nav a:hover{background:var(--s2);color:var(--tx)}
.ap-nav a.active{background:var(--s3);color:var(--tx)}
.ap-nav a.active::before{content:"";position:absolute;inset-inline-start:-10px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--or)}
[dir=rtl] .ap-nav a.active::before{border-radius:3px 0 0 3px}
.ap-nav a.active .ap-i{color:var(--or)}
.ap-count{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--or);color:var(--or-ink);font:600 11px/20px var(--font);font-style:normal;text-align:center;font-variant-numeric:tabular-nums}
.ap-count:empty,.ap-count[data-zero]{display:none}
.ap-side-foot{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--line)}
.ap-me{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.ap-me>span:last-child{display:grid;line-height:1.25;min-width:0}
.ap-me b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-me small{color:var(--tx-3);font-size:11.5px}
.ap-avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(160deg,#2b2b31,#1b1b20);box-shadow:0 0 0 1px var(--line-2);font-weight:600;font-size:13px;color:var(--tx)}
.ap-icon-btn{width:34px;height:34px;flex:none;display:inline-grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--tx-2);transition:background .15s,color .15s}
.ap-icon-btn:hover{background:var(--s3);color:var(--tx)}

.ap-body{margin-inline-start:var(--side-w);min-width:0;transition:margin .22s var(--ease)}
.ap-top{position:sticky;top:0;z-index:40;height:var(--top-h);display:flex;align-items:center;gap:10px;padding:0 22px;background:rgba(9,9,11,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.ap-menu-btn{display:none}
.ap-crumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--tx-3);white-space:nowrap}
.ap-crumb b{color:var(--tx);font-weight:500;overflow:hidden;text-overflow:ellipsis}
.ap-crumb-sep{width:14px!important;height:14px!important;opacity:.6}
.ap-search{position:relative;margin-inline-start:auto;width:min(380px,34vw)}
.ap-search>.ap-i{position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--tx-3);pointer-events:none}
.ap-search input{width:100%;height:36px;padding:0 36px 0 40px;border:1px solid var(--line-2);border-radius:10px;background:var(--s1);color:var(--tx);font-size:13px;transition:border-color .15s,background .15s}
html body.ap .ap-search input{padding:0 36px 0 40px;min-height:36px}
.ap-search input::placeholder{color:var(--tx-3)}
.ap-search input:focus{outline:0;border-color:var(--or-line);background:var(--s2);box-shadow:0 0 0 3px var(--or-soft)}
.ap-search kbd{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);padding:1px 6px;border:1px solid var(--line-2);border-radius:5px;color:var(--tx-3);font-size:11px;background:var(--s2)}
.ap-live{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--s1);font-size:12.5px;color:var(--tx-2);white-space:nowrap;transition:border-color .15s}
.ap-live:hover{border-color:var(--line-3);color:var(--tx)}
.ap-live i{width:7px;height:7px;border-radius:50%;background:var(--wait);box-shadow:0 0 0 3px var(--wait-soft);animation:ap-pulse 2.2s infinite}
.ap-live b{color:var(--tx);font-variant-numeric:tabular-nums}
.ap-live[data-zero] i{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft);animation:none}
@keyframes ap-pulse{50%{box-shadow:0 0 0 6px rgba(242,180,65,0)}}
.ap-user{position:relative}
.ap-user summary{list-style:none;display:flex;align-items:center;gap:4px;padding:3px;border-radius:20px;cursor:pointer}
.ap-user summary::-webkit-details-marker{display:none}
.ap-user summary:hover .ap-avatar{box-shadow:0 0 0 1px var(--line-3)}
.ap-user-chev{width:14px!important;height:14px!important;color:var(--tx-3)}
.ap-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:230px;padding:6px;border-radius:12px;background:var(--s2);box-shadow:var(--sh-pop);animation:ap-pop .16s var(--ease);z-index:50}
.ap-menu-head{display:grid;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.ap-menu-head small{color:var(--tx-3)}
.ap-menu a,.ap-menu button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:none;font-size:13px;color:var(--tx-2);text-align:start}
.ap-menu a:hover,.ap-menu button:hover{background:var(--s3);color:var(--tx)}
.ap-menu form{margin:0}
@keyframes ap-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}}

.ap-main{min-width:0}
.ap-content{max-width:1360px;margin:0 auto;padding:28px 28px 72px;animation:ap-in .28s var(--ease) both}
@keyframes ap-in{from{opacity:0;transform:translateY(6px)}}
.ap-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:200;pointer-events:none;background:linear-gradient(90deg,transparent,var(--or));transform:scaleX(0);transform-origin:right;opacity:0}
.ap-progress.run{opacity:1;animation:ap-load 2.4s var(--ease) forwards}
@keyframes ap-load{0%{transform:scaleX(0)}40%{transform:scaleX(.55)}100%{transform:scaleX(.92)}}

/* Collapsed sidebar (desktop) */
@media (min-width:1025px){
  .ap-collapsed .ap-side{width:var(--side-w-c)}
  .ap-collapsed .ap-body{margin-inline-start:var(--side-w-c)}
  .ap-collapsed .ap-brand span,.ap-collapsed .ap-nav a span,.ap-collapsed .ap-nav-label,.ap-collapsed .ap-me>span:last-child,.ap-collapsed .ap-side-foot form{display:none}
  .ap-collapsed .ap-side-head{justify-content:center;padding:0}
  .ap-collapsed .ap-nav a{justify-content:center;padding:0}
  .ap-collapsed .ap-nav-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
  .ap-collapsed .ap-nav-group:first-child{border:0;padding-top:0}
  .ap-collapsed .ap-nav .ap-count{position:absolute;top:2px;inset-inline-end:6px;min-width:16px;height:16px;line-height:16px;font-size:10px;padding:0 4px}
  .ap-collapsed .ap-nav a:hover::after{content:attr(data-tip);position:absolute;inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:7px;background:var(--s4);color:var(--tx);font-size:12px;white-space:nowrap;box-shadow:var(--sh-pop);z-index:80;pointer-events:none}
  .ap-collapsed .ap-side-foot{justify-content:center}
}

/* Sound-permission gate injected by admin-queue-alert.js */
#admin-sound-gate{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:16px;background:rgba(5,5,7,.66);backdrop-filter:blur(5px);animation:ap-fade .2s}
#admin-sound-gate section{width:min(400px,100%);display:grid;justify-items:center;gap:6px;padding:28px 24px 22px;border-radius:18px;background:var(--s2);box-shadow:var(--sh-pop);text-align:center;animation:ap-pop .22s var(--ease)}
#admin-sound-gate span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:6px;border-radius:14px;background:var(--or-soft);font-size:22px}
#admin-sound-gate small{color:var(--or);font-size:12px;font-weight:500}
#admin-sound-gate h2{font-size:18px}
#admin-sound-gate p{color:var(--tx-2);font-size:13.5px;line-height:1.7}
#admin-sound-gate button{width:100%;min-height:42px;margin-top:14px;border:0;border-radius:11px;background:var(--or);color:var(--or-ink);font-weight:600;font-size:14px}
#admin-sound-gate button:hover{background:var(--or-2)}

/* Mobile tab bar */
.ap-tabbar{display:none}

/* ───────────── Page heading ───────────── */
.ap .admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:0 0 22px;padding:0;background:none;border:0;box-shadow:none}
.ap .admin-heading>div{min-width:0;flex:1 1 360px}
.ap .admin-heading small{display:block;color:var(--or);font-size:12px;font-weight:500;margin-bottom:6px;letter-spacing:.01em}
.ap .admin-heading h1{font-size:26px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.ap .admin-heading p{margin-top:6px;color:var(--tx-2);font-size:14px;max-width:720px}
.ap .admin-heading code{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:6px;background:var(--s2);border:1px solid var(--line-2);color:var(--tx-2)}
.ap .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--tx-3);font-size:13px;transition:color .15s}
.ap .back-link:hover{color:var(--tx)}
.ap>.ap-shell .ap-content>.back-link{margin-bottom:14px}
.ap .heading-count{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:30px;border:1px solid var(--line-2);background:var(--s1);color:var(--tx-2);font-size:12.5px;white-space:nowrap}
.ap .admin-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:30px 0 12px}
.ap .admin-section-title small{display:block;color:var(--tx-3);font-size:12px;margin-bottom:2px}
.ap .admin-section-title h2{font-size:16px}
.ap .admin-section-title>a,.ap .admin-section-title>span{font-size:13px;color:var(--tx-3)}
.ap .admin-section-title>a:hover{color:var(--or)}
.ap .panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ap .panel-title small{display:block;color:var(--tx-3);font-size:12px;margin-bottom:2px}
.ap .panel-title h2{font-size:16px}
.ap .panel-title p{color:var(--tx-2);font-size:13px;margin-top:4px}
.ap .panel-icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:var(--s3);color:var(--tx-2);flex:none;font-style:normal}

/* ───────────── Surfaces ───────────── */
.ap .admin-panel{position:relative;margin:0 0 16px;padding:20px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1)}
.ap .admin-panel>h2{font-size:16px;margin-bottom:12px}
.ap .admin-panel>h3,.ap .admin-panel h3{font-size:14px;margin:18px 0 10px}
.ap .admin-panel>p{color:var(--tx-2);margin-bottom:10px}
.ap .admin-panel>p a,.ap .admin-panel p a{color:var(--or)}
.ap .admin-panel.narrow{max-width:980px}
.ap .muted-note,.ap .security-note,.ap .storage-safety-note,.ap .profile-hint{color:var(--tx-2);font-size:13px;line-height:1.7}
.ap .security-note{padding:10px 12px;margin:0 0 12px;border-radius:10px;background:var(--s2);border:1px solid var(--line)}
.ap .admin-empty,.ap .dashboard-withdrawal-empty{display:grid;place-items:center;gap:6px;min-height:140px;padding:28px;border-radius:var(--r-lg);border:1px dashed var(--line-2);background:var(--s1);color:var(--tx-3);text-align:center;font-size:13.5px}
.ap .admin-empty::before{content:"";width:34px;height:34px;border-radius:10px;background:var(--s3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6f7a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13h5l1.5 3h5L16 13h5'/%3E%3Cpath d='M5.5 5h13L21 13v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z'/%3E%3C/svg%3E") center/18px no-repeat}

/* Collapsible create panels */
.ap details.admin-panel{padding:0;overflow:hidden}
.ap details.admin-panel>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;transition:background .15s}
.ap details.admin-panel>summary::-webkit-details-marker{display:none}
.ap details.admin-panel>summary:hover{background:var(--s2)}
.ap details.admin-panel>summary>span:nth-child(2){flex:1;display:grid;min-width:0}
.ap details.admin-panel>summary b{font-size:14.5px}
.ap details.admin-panel>summary small{color:var(--tx-3)}
.ap details.admin-panel>summary em{font-style:normal;font-size:12.5px;color:var(--tx-2);padding:6px 12px;border-radius:8px;border:1px solid var(--line-2)}
.ap details.admin-panel[open]>summary{border-bottom:1px solid var(--line)}
.ap details.admin-panel[open]>summary em{color:var(--or);border-color:var(--or-line)}
.ap details.admin-panel>form{padding:20px}
.ap details.admin-panel>summary .panel-icon{background:var(--or-soft);color:var(--or)}

/* ───────────── Buttons ───────────── */
.ap .admin-primary,.ap .primary,.ap .ap-btn,.ap .telegram-test-button,.ap .password-save,.ap .profile-api-save,.ap .api-primary,.ap .customer-action-activate{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:10px;background:var(--or);color:var(--or-ink);font-size:13.5px;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 1px 2px rgba(0,0,0,.4)}
.ap .admin-primary:hover,.ap .primary:hover,.ap .ap-btn:hover,.ap .password-save:hover,.ap .profile-api-save:hover,.ap .api-primary:hover,.ap .customer-action-activate:hover{background:var(--or-2)}
.ap .admin-primary:active,.ap .primary:active,.ap .ap-btn:active{transform:translateY(1px)}
.ap .admin-primary .ap-i,.ap .admin-primary svg{width:16px;height:16px}
.ap .admin-primary.full,.ap button.full{width:100%}
.ap .ap-btn-ghost,.ap .telegram-test-button,.ap .filter-actions a,.ap .admin-filters>a,.ap .proof-button,.ap .operation-customer-actions a,.ap .withdrawal-result-actions a,.ap .app-order-row a,.ap .password-generate,.ap .password-copy,.ap .profile-export button,.ap .finance-app-hint .admin-primary,.ap .admin-heading>a:not(.admin-primary),.ap .api-revoke-form button:not(.api-danger){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--s2);color:var(--tx);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
.ap .ap-btn-ghost:hover,.ap .telegram-test-button:hover,.ap .filter-actions a:hover,.ap .admin-filters>a:hover,.ap .proof-button:hover,.ap .operation-customer-actions a:hover,.ap .withdrawal-result-actions a:hover,.ap .app-order-row a:hover,.ap .password-generate:hover,.ap .password-copy:hover,.ap .profile-export button:hover,.ap .finance-app-hint .admin-primary:hover,.ap .admin-heading>a:not(.admin-primary):hover{background:var(--s3);border-color:var(--line-3)}
.ap .finance-hero .admin-primary{background:var(--s2);color:var(--tx);border-color:var(--line-2);box-shadow:none}
.ap .finance-hero .admin-primary:hover{background:var(--s3)}
.ap .danger-button,.ap .mini-danger,.ap .customer-action-zero,.ap .api-danger,.ap button.danger,.ap #remove-header-logo{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(240,107,107,.32);background:var(--bad-soft);color:#ff9d9d;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.ap .danger-button:hover,.ap .mini-danger:hover,.ap .customer-action-zero:hover,.ap .api-danger:hover,.ap button.danger:hover,.ap #remove-header-logo:hover{background:rgba(240,107,107,.2);border-color:rgba(240,107,107,.5)}
.ap .mini-danger{min-height:32px;padding:0 12px;font-size:12.5px}
.ap button:disabled,.ap .mini-danger:disabled{opacity:.45;cursor:not-allowed}
.ap .whatsapp-button{border-color:rgba(62,207,142,.3)!important;background:var(--ok-soft)!important;color:#7be3b4!important}

/* ───────────── Forms ───────────── */
.ap input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),.ap select,.ap textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-raise);color:var(--tx);font-size:13.5px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}
.ap textarea{min-height:88px;resize:vertical}
.ap select{padding-inline-end:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3ad' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:15px;background-position:left 11px center}
.ap input::placeholder,.ap textarea::placeholder{color:var(--tx-3)}
.ap input:hover:not(:focus):not([readonly]),.ap select:hover:not(:focus),.ap textarea:hover:not(:focus){border-color:var(--line-3)}
.ap input:focus,.ap select:focus,.ap textarea:focus{outline:0;border-color:var(--or-line);box-shadow:0 0 0 3px var(--or-soft)}
.ap input[readonly]{color:var(--tx-3);background:var(--s1)}
.ap input[type=date],.ap input[type=datetime-local]{color-scheme:dark}
.ap input[type=number]{font-variant-numeric:tabular-nums}
.ap input[type=file]{width:100%;padding:6px;border:1px dashed var(--line-3);border-radius:10px;background:var(--bg-raise);color:var(--tx-2);font-size:12.5px}
.ap input[type=file]::file-selector-button{margin-inline-end:10px;height:30px;padding:0 12px;border:0;border-radius:7px;background:var(--s3);color:var(--tx);font:500 12.5px var(--font);cursor:pointer}
.ap input[type=color]{width:100%;height:40px;padding:3px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-raise);cursor:pointer}
.ap input[type=checkbox],.ap input[type=radio]{accent-color:var(--or);width:16px;height:16px;margin:0;flex:none}
.ap .smart-field-error,.ap .smart-field-error:focus{border-color:var(--bad)!important;box-shadow:0 0 0 3px var(--bad-soft)!important}
.ap .smart-field-error-message{display:block;margin-top:6px;color:#ff9d9d;font-size:12px}

.ap .admin-form,.ap .employee-form-modern,.ap .admin-app-create-grid,.ap .country-form,.ap .finance-group-create form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.ap .admin-form>label,.ap .employee-form-modern>label,.ap .admin-app-create-grid>label,.ap .country-form>label,.ap .customer-group-card>label,.ap .group-value-row>label,.ap .country-fields label,.ap .announcement-time-grid label,.ap .assistant-admin-grid label,.ap .header-brand-editor label,.ap .wallet-modal-form label,.ap .security-actions>label,.ap .customer-password-form>label{display:grid;gap:7px;min-width:0;font-size:13px;font-weight:500;color:var(--tx-2)}
.ap .admin-form>label small,.ap .admin-app-create-grid label>small,.ap .admin-form>small{color:var(--tx-3);font-weight:400}
.ap .admin-form .full,.ap .admin-form>button:last-child,.ap .admin-form>h2,.ap .admin-form>.panel-title,.ap .admin-form>.rate-profit-head,.ap .admin-form>.rate-profit-row,.ap .admin-form>.pricing-safe-note,.ap .admin-form>p,.ap .admin-app-create-grid .wide,.ap .employee-form-modern .wide,.ap .employee-form-modern>.permission-grid,.ap .employee-form-modern>button{grid-column:1/-1}
.ap .admin-form>h2{font-size:16px;margin-bottom:2px}
.ap .admin-form>p{color:var(--tx-2);font-size:13px}
.ap .password{position:relative}
.ap .password input{padding-inline-end:44px!important}
.ap .password-eye{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:34px;height:32px;border:0;border-radius:8px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3ad' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/18px no-repeat}
.ap .password-eye:hover{background-color:var(--s3)}

/* Checks & switches */
.ap .admin-check,.ap .check-line{display:flex!important;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--s2);cursor:pointer;color:var(--tx);font-weight:500;font-size:13px}
.ap .admin-check span{display:grid;line-height:1.4}
.ap .admin-check small{color:var(--tx-3);font-weight:400}
.ap .setting-toggle,.ap .permission-switch,.ap .telegram-event-option{position:relative;display:flex!important;align-items:center;gap:12px;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:11px;background:var(--s2);cursor:pointer;color:var(--tx);font-size:13px;font-weight:500;transition:border-color .15s,background .15s}
.ap .setting-toggle:hover,.ap .permission-switch:hover,.ap .telegram-event-option:hover{border-color:var(--line-3)}
.ap .setting-toggle span,.ap .telegram-event-option span{flex:1;display:grid;line-height:1.45}
.ap .setting-toggle small,.ap .telegram-event-option small{color:var(--tx-3);font-weight:400}
.ap .permission-switch span{flex:1}
/* Native checkbox rendered as a switch */
.ap .setting-toggle input,.ap .permission-switch input,.ap .telegram-event-option input,.ap .profile-api-checks input{-webkit-appearance:none;appearance:none;order:9;width:36px!important;height:20px!important;margin:0;border-radius:20px;background:var(--s4);box-shadow:inset 0 0 0 1px var(--line-3);position:relative;cursor:pointer;transition:background .18s;flex:none}
.ap .setting-toggle input::after,.ap .permission-switch input::after,.ap .telegram-event-option input::after,.ap .profile-api-checks input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#d4d4da;transition:transform .2s var(--ease),background .18s}
.ap .setting-toggle input:checked,.ap .permission-switch input:checked,.ap .telegram-event-option input:checked,.ap .profile-api-checks input:checked{background:var(--or);box-shadow:none}
.ap .setting-toggle input:checked::after,.ap .permission-switch input:checked::after,.ap .telegram-event-option input:checked::after,.ap .profile-api-checks input:checked::after{transform:translateX(-16px);background:#fff}
[dir=ltr] .ap .setting-toggle input:checked::after{transform:translateX(16px)}
.ap .setting-toggle:has(input:checked),.ap .permission-switch:has(input:checked),.ap .telegram-event-option:has(input:checked){border-color:var(--or-line);background:linear-gradient(0deg,var(--or-soft),var(--or-soft)),var(--s2)}
.ap .permission-switch i,.ap .telegram-event-option i{display:none}
.ap .permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ap .setting-switches,.ap .design-switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}

/* ───────────── Status pills ───────────── */
.ap .status,.ap .finance-badge,.ap .security-state,.ap .preview-live-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--mute-soft);color:var(--tx-2);border:1px solid transparent;line-height:1}
.ap .status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.ap .status.waiting,.ap .status.pending{background:var(--wait-soft);color:var(--wait)}
.ap .status.active,.ap .status.processing{background:var(--run-soft);color:var(--run)}
.ap .status.done,.ap .status.completed,.ap .security-state.safe{background:var(--ok-soft);color:var(--ok)}
.ap .status.rejected,.ap .status.failed,.ap .security-state.danger{background:var(--bad-soft);color:var(--bad)}
.ap .status.cancelled{background:var(--mute-soft);color:var(--tx-2)}
.ap .finance-badge{background:var(--s3);color:var(--tx-2)}
.ap .finance-badge.orange{background:var(--or-soft);color:var(--or)}

/* ───────────── Alerts & toasts ───────────── */
.ap .alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--s1);color:var(--tx);font-size:13.5px;line-height:1.6}
.ap .alert::before{content:"";width:18px;height:18px;margin-top:2px;flex:none;border-radius:50%;background:var(--tx-3)}
.ap .alert.success{border-color:rgba(62,207,142,.28);background:linear-gradient(0deg,var(--ok-soft),var(--ok-soft)),var(--s1)}
.ap .alert.success::before{background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306130d' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.ap .alert.error{border-color:rgba(240,107,107,.32);background:linear-gradient(0deg,var(--bad-soft),var(--bad-soft)),var(--s1)}
.ap .alert.error::before{background:var(--bad) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23180505' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h0'/%3E%3C/svg%3E") center/12px no-repeat}
.ap-toasts{position:fixed;z-index:300;top:calc(var(--top-h) + 10px);inset-inline-start:50%;transform:translateX(50%);display:grid;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.ap-toast,.ap .app-toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--s3);box-shadow:var(--sh-pop);color:var(--tx);font-size:13.5px;pointer-events:auto;animation:ap-toast-in .26s var(--ease)}
.ap-toast i{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#06130d;font-style:normal;font-size:12px;font-weight:700}
.ap-toast.error i{background:var(--bad);color:#180505}
.ap-toast.out{animation:ap-toast-out .22s var(--ease) forwards}
@keyframes ap-toast-in{from{opacity:0;transform:translateY(-10px) scale(.98)}}
@keyframes ap-toast-out{to{opacity:0;transform:translateY(-6px)}}
.ap .app-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:300;transition:opacity .2s,transform .2s;animation:none}
.ap .app-toast.show{opacity:1;transform:translate(-50%,0)}

/* ───────────── Dialogs (confirm, pickers, native <dialog>) ───────────── */
.ap-confirm{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:16px;background:rgba(5,5,7,.62);backdrop-filter:blur(4px);animation:ap-fade .18s ease}
.ap-confirm-card{width:min(420px,100%);padding:22px;border-radius:16px;background:var(--s2);box-shadow:var(--sh-pop);animation:ap-pop .2s var(--ease)}
.ap-confirm-card .ap-confirm-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--bad-soft);color:var(--bad);margin-bottom:14px}
.ap-confirm-card h3{font-size:16px;margin-bottom:6px}
.ap-confirm-card p{color:var(--tx-2);font-size:13.5px;white-space:pre-line}
.ap-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}
.ap-confirm-actions button{min-height:38px;padding:0 16px;border-radius:10px;font-weight:600;font-size:13.5px;border:1px solid var(--line-2);background:var(--s3);color:var(--tx)}
.ap-confirm-actions .ap-confirm-ok{background:var(--bad);border-color:var(--bad);color:#180505}
@keyframes ap-fade{from{opacity:0}}
.ap dialog{color:var(--tx)}
.ap dialog::backdrop{background:rgba(5,5,7,.62);backdrop-filter:blur(4px)}
.ap dialog[open]{animation:ap-pop .2s var(--ease)}
.ap .status-picker-overlay,.ap .country-picker-overlay{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:16px;background:rgba(5,5,7,.62);backdrop-filter:blur(4px);animation:ap-fade .18s}
.ap .status-picker-sheet,.ap .country-picker-sheet{width:min(420px,100%);max-height:80vh;overflow:auto;padding:18px;border-radius:16px;background:var(--s2);box-shadow:var(--sh-pop);animation:ap-pop .2s var(--ease)}
.ap .status-picker-sheet header,.ap .country-picker-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ap .status-picker-sheet small{color:var(--tx-3)}
.ap .status-picker-sheet h2{font-size:16px}
.ap .status-picker-close,.ap .country-picker-close{width:32px;height:32px;border:0;border-radius:9px;background:var(--s3);color:var(--tx-2);font-size:18px}
.ap .status-picker-list,.ap .country-picker-list{display:grid;gap:6px}
.ap .status-picker-option,.ap .country-picker-option{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--s1);color:var(--tx);font-size:13.5px;text-align:start}
.ap .status-picker-option:hover{border-color:var(--line-3)}
.ap .status-picker-option.selected{border-color:var(--or-line);background:var(--or-soft)}
.ap .status-picker-option i{width:8px;height:8px;border-radius:50%;background:var(--tx-3)}
.ap .status-picker-option.state-waiting i{background:var(--wait)}.ap .status-picker-option.state-processing i{background:var(--run)}.ap .status-picker-option.state-completed i{background:var(--ok)}.ap .status-picker-option.state-rejected i{background:var(--bad)}
.ap .platform-status-native{display:none!important}
.ap .platform-status-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-raise);color:var(--tx);text-align:start}
.ap .platform-status-trigger span{color:var(--tx-3);font-size:12px}
.ap .platform-status-trigger b{flex:1;font-weight:500}
.ap .platform-status-trigger i{font-style:normal;color:var(--tx-3)}

/* ───────────── KPI / metrics ───────────── */
.ap .admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ap .admin-metrics>a,.ap .finance-kpis article,.ap .customer-summary article,.ap .app-admin-summary article,.ap .finance-dashboard-strip a,.ap .completed-finance-total>div,.ap .proof-storage-metrics>div{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .15s,background .15s,transform .15s}
.ap .admin-metrics>a:hover,.ap .finance-dashboard-strip a:hover{border-color:var(--line-3);background:var(--s2)}
.ap .admin-metrics i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--s3);color:var(--tx-2);font-style:normal}
.ap .admin-metrics i svg{width:16px;height:16px}
.ap .admin-metrics span,.ap .finance-kpis small,.ap .customer-summary small,.ap .app-admin-summary small,.ap .finance-dashboard-strip small,.ap .completed-finance-total small,.ap .proof-storage-metrics small{color:var(--tx-2);font-size:12.5px}
.ap .admin-metrics strong,.ap .finance-kpis strong,.ap .customer-summary strong,.ap .app-admin-summary strong,.ap .finance-dashboard-strip strong,.ap .completed-finance-total strong,.ap .proof-storage-metrics strong{font-size:24px;font-weight:600;line-height:1.2;color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate;text-align:right}
.ap .metric-waiting i{background:var(--wait-soft);color:var(--wait)}
.ap .metric-processing i{background:var(--run-soft);color:var(--run)}
.ap .metric-done i{background:var(--ok-soft);color:var(--ok)}
.ap .metric-rejected i{background:var(--bad-soft);color:var(--bad)}
.ap .metric-total i,.ap .metric-customers i{background:var(--s3)}
.ap .customer-summary,.ap .app-admin-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ap .customer-summary article,.ap .app-admin-summary article{flex-direction:row;align-items:center;gap:14px}
.ap .customer-summary article>div,.ap .app-admin-summary article>div{display:grid}
.ap .summary-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;flex:none;background:var(--s3);color:var(--tx-2)}
.ap .summary-icon.green{background:var(--ok-soft);color:var(--ok)}
.ap .summary-icon.yellow{background:var(--wait-soft);color:var(--wait)}
.ap .summary-icon svg{width:19px;height:19px}
.ap .finance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ap .finance-kpis article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--s3);color:var(--tx-2)}
.ap .finance-kpis article>span svg{width:16px;height:16px}
.ap .finance-kpis .profit strong,.ap .finance-dashboard-strip .profit strong,.ap .completed-finance-total .profit strong{color:var(--ok)}
.ap .finance-kpis .profit>span{background:var(--ok-soft);color:var(--ok)}
.ap .finance-dashboard-strip,.ap .completed-finance-total,.ap .proof-storage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.ap .completed-finance-total{margin-top:16px}

/* ───────────── Tabs / segmented ───────────── */
.ap .request-group-tabs,.ap .withdrawal-status-tabs,.ap .wallet-operation-tabs,.ap .profile-ledger-tabs{display:flex;gap:4px;padding:4px;margin:0 0 16px;border-radius:12px;background:var(--s1);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ap .request-group-tabs::-webkit-scrollbar,.ap .withdrawal-status-tabs::-webkit-scrollbar{display:none}
.ap .request-group-tabs a,.ap .withdrawal-status-tabs a,.ap .wallet-operation-tabs a,.ap .profile-ledger-tabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--tx-2);font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.ap .request-group-tabs a:hover,.ap .withdrawal-status-tabs a:hover,.ap .wallet-operation-tabs a:hover,.ap .profile-ledger-tabs button:hover{color:var(--tx);background:var(--s2)}
.ap .request-group-tabs a.active,.ap .withdrawal-status-tabs a.active,.ap .wallet-operation-tabs a.active,.ap .profile-ledger-tabs button.active{background:var(--s3);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.4),0 0 0 1px var(--line-2) inset}
.ap .request-group-count,.ap .withdrawal-status-tabs b{min-width:22px;height:20px;padding:0 6px;border-radius:6px;background:var(--s3);color:var(--tx-2);font:600 11.5px/20px var(--font);text-align:center;font-variant-numeric:tabular-nums}
.ap .request-group-tabs a.active .request-group-count{background:var(--or);color:var(--or-ink)}
.ap .request-group-tabs a.waiting .request-group-count:not(:empty){color:var(--wait)}
.ap .request-group-tabs a.active.waiting .request-group-count{color:var(--or-ink)}
.ap .withdrawal-status-tabs a{flex-direction:row}
.ap .withdrawal-status-tabs small{font-size:13px}
.ap .withdrawal-status-tabs a.active b{background:var(--or);color:var(--or-ink)}
.ap .wallet-operation-tabs a.active.credit{color:var(--ok)}
.ap .wallet-operation-tabs a.active.debit{color:var(--bad)}

/* ───────────── Filters / toolbars ───────────── */
.ap .admin-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0 0 14px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line)}
.ap .admin-filters label{display:grid;gap:6px;font-size:12px;color:var(--tx-3);font-weight:500;min-width:0}
.ap .filter-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start}
.ap .customer-search{display:flex;gap:8px;align-items:center;padding:8px}
.ap .customer-search input{flex:1;border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding-inline-start:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6f7a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:17px!important}
.ap .wallet-balance-filters{grid-template-columns:repeat(2,minmax(0,1fr)) 2fr auto;padding:0;border:0;background:none;margin-bottom:16px}
.ap .request-page-size{display:flex;justify-content:flex-end;margin:0 0 12px}
.ap .request-page-size label{display:flex;align-items:center;gap:10px;color:var(--tx-3);font-size:12.5px}
.ap .request-page-size select{width:auto;min-height:32px;padding-block:4px;font-size:12.5px}
.ap .queue-alert-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 12px 10px 10px;border-radius:12px;border:1px solid var(--line);background:var(--s1)}
.ap .queue-alert-bar div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.ap .queue-alert-bar small{color:var(--tx-3)}
.ap #enable-queue-sound{min-height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--s2);color:var(--tx);font-size:12.5px;font-weight:500}
.ap #enable-queue-sound.enabled{border-color:rgba(62,207,142,.35);background:var(--ok-soft);color:var(--ok)}

/* Pagination */
.ap .admin-pagination{display:flex;justify-content:center;gap:4px;margin:20px 0 0;flex-wrap:wrap}
.ap .admin-pagination a{min-width:36px;height:36px;display:grid;place-items:center;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--s1);color:var(--tx-2);font-size:13px;font-variant-numeric:tabular-nums;transition:background .15s,border-color .15s}
.ap .admin-pagination a:hover{background:var(--s2);border-color:var(--line-3);color:var(--tx)}
.ap .admin-pagination a.active{background:var(--or);border-color:var(--or);color:var(--or-ink);font-weight:600}

/* ───────────── Request queue ───────────── */
.ap .admin-request-list{display:grid;gap:8px}
.ap .request-start-form{margin:0}
.ap .request-detail-card{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .15s,background .15s,transform .15s;text-align:start;color:var(--tx);font:inherit}
.ap .request-detail-card:hover{border-color:var(--line-3);background:var(--s2)}
.ap .request-detail-card:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.ap .request-card-content{display:grid;grid-template-columns:minmax(200px,1.15fr) minmax(0,3fr) auto;align-items:center;gap:6px 20px;padding:14px 16px}
.ap .request-card-heading{display:contents}
.ap .request-client-title{grid-column:1;grid-row:1/span 2;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;column-gap:12px;min-width:0}
.ap .request-client-title:has(.request-card-position){grid-template-columns:auto minmax(0,1fr)}
.ap .request-card-position{grid-row:1/span 2}
.ap .request-client-title b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap .request-client-title small{display:block;color:var(--tx-3);font-size:12px;font-variant-numeric:tabular-nums}
.ap .request-client-title>span,.ap .request-client-title{line-height:1.4}
.ap .request-card-position{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--s3);color:var(--tx-2);font:600 12px var(--font);font-style:normal;font-variant-numeric:tabular-nums}
.ap .request-card-heading>.status{grid-column:3;grid-row:1;justify-self:end}
.ap .request-card-facts{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1.2fr .9fr 1.1fr;gap:16px;min-width:0}
.ap .request-card-facts span,.ap .request-card-footer>span:first-child{display:grid;min-width:0;gap:1px}
.ap .request-card-facts small,.ap .request-card-footer small{color:var(--tx-3);font-size:11.5px}
.ap .request-card-facts strong{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap .request-card-facts strong[dir=ltr]{font-family:var(--mono);font-size:13px;text-align:right}
.ap .request-card-footer{grid-column:2/-1;grid-row:2;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px;margin-top:4px;border-top:1px dashed var(--line);font-size:12px;color:var(--tx-3)}
.ap .request-card-footer>span:first-child{display:flex;align-items:center;gap:6px}
.ap .request-card-footer code{color:var(--tx-2)}
.ap .request-card-date{font-variant-numeric:tabular-nums}
.ap .request-has-note{padding:2px 8px;border-radius:6px;background:var(--run-soft);color:var(--run)}
.ap .request-card-open{margin-inline-start:auto;color:var(--tx-3);transition:color .15s}
.ap .request-detail-card:hover .request-card-open{color:var(--or)}
.ap .zaffa-list-badge{grid-column:2/-1;display:inline-flex;justify-self:start;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;background:var(--ok-soft);color:var(--ok);font-size:12px}
.ap .request-card-content>.zaffa-list-badge{grid-row:auto}
.ap .live-updated .request-detail-card{animation:ap-flash .9s ease}
@keyframes ap-flash{30%{border-color:var(--or-line)}}

/* Simple list rows (dashboard, customer profile, wallet history) */
.ap .admin-request-row:not(.request-detail-card){display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:12px;background:var(--s1);border:1px solid var(--line);transition:border-color .15s,background .15s}
.ap a.admin-request-row:not(.request-detail-card):hover{border-color:var(--line-3);background:var(--s2)}
.ap .admin-request-row:not(.request-detail-card)>div{display:grid;gap:2px;min-width:0}
.ap .admin-request-row:not(.request-detail-card) b{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis}
.ap .admin-request-row:not(.request-detail-card) small{color:var(--tx-3)}
.ap .admin-request-row:not(.request-detail-card) code{color:var(--tx-2);font-size:12px}
.ap .admin-request-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.ap .positive,.ap .credit{color:var(--ok)!important}
.ap .negative,.ap .debit,.ap .debt{color:var(--bad)!important}

/* ───────────── Request operation (detail) ───────────── */
.ap .request-operation-hero{align-items:flex-start}
.ap .request-operation-hero>.status{height:28px;padding:0 12px;font-size:12.5px}
.ap .op-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.ap .op-side{position:sticky;top:calc(var(--top-h) + 16px);display:grid;gap:16px}
.ap .op-side .admin-panel{margin:0}
.ap .operation-section-number{width:26px;height:26px;flex:none;display:inline-grid;place-items:center;border-radius:8px;background:var(--s3);color:var(--tx-2);font-size:12px;font-weight:600}
.ap .operation-customer-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ap .operation-customer-card>div:nth-child(2){flex:1;min-width:200px}
.ap .operation-customer-card small,.ap .operation-data-card header small,.ap .operation-wallet-card header small,.ap .operation-proof-card header small,.ap .operation-update-card header small{display:block;color:var(--tx-3);font-size:12px}
.ap .operation-customer-card h2{font-size:17px}
.ap .operation-customer-card h2 a:hover{color:var(--or)}
.ap .operation-customer-card>div>span{color:var(--tx-2);font-size:13px}
.ap .operation-customer-actions{display:flex;gap:8px;flex-wrap:wrap}
.ap .operation-data-card header,.ap .operation-wallet-card header,.ap .operation-proof-card header,.ap .operation-update-card header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ap .operation-proof-card header>div,.ap .operation-update-card header>div{flex:1}
.ap .operation-data-card h2,.ap .operation-wallet-card h2,.ap .operation-proof-card h2,.ap .operation-update-card h2,.ap .operation-timeline h2{font-size:15px}
.ap .operation-layout{display:grid;grid-template-columns:1fr;gap:0}
.ap .operation-data-grid,.ap .operation-wallet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ap .operation-data-grid>div,.ap .operation-wallet-fields>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;border-radius:11px;background:var(--bg-raise);border:1px solid var(--line);min-width:0}
.ap .operation-data-grid small,.ap .operation-wallet-fields small{grid-column:1;color:var(--tx-3);font-size:12px}
.ap .operation-data-grid b,.ap .operation-wallet-fields b{grid-column:1;font-size:14px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ap .operation-data-grid button,.ap .operation-wallet-fields button{grid-column:2;grid-row:1/span 2;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--s2);color:var(--tx-2);font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}
.ap .operation-data-grid button:hover,.ap .operation-wallet-fields button:hover{color:var(--tx);border-color:var(--line-3);background:var(--s3)}
.ap .operation-data-grid button svg,.ap .operation-wallet-fields button svg{width:14px;height:14px}
.ap button.ap-copied{border-color:rgba(62,207,142,.4)!important;color:var(--ok)!important;background:var(--ok-soft)!important}
.ap .request-tools-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.ap .request-tools-note small{color:var(--or);font-size:12px;font-weight:500}
.ap .request-tools-note p{color:var(--tx);font-size:13.5px;margin-top:4px;line-height:1.75}
.ap .request-tools-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ap .request-tools-copy button:nth-child(2){background:var(--s2);color:var(--tx);border-color:var(--line-2);box-shadow:none}
.ap .request-tools-copy button:nth-child(2):hover{background:var(--s3)}
.ap .request-copy-feedback{font-size:12px;color:var(--ok);min-width:0}
.ap .request-copy-feedback:empty{display:none}
/* RED_CHECK_V1 2026-11-06: not verified = red so staff notice (was yellow) */
.ap .zaffa-verification{display:grid;gap:8px;border-color:rgba(240,107,107,.55);background:linear-gradient(0deg,var(--bad-soft),var(--bad-soft)),var(--s1)}
.ap .zaffa-verification.verified{border-color:rgba(62,207,142,.3);background:linear-gradient(0deg,var(--ok-soft),var(--ok-soft)),var(--s1)}
.ap .zaffa-verification>small:first-child{color:var(--bad);font-weight:600}
.ap .zaffa-verification:not(.verified)>b{color:var(--bad)}
.ap .zaffa-verification.verified>small:first-child{color:var(--ok)}
.ap .zaffa-verification>small:last-child{color:var(--tx-2)}
.ap .zaffa-verification>b{font-size:14px}
.ap .zaffa-verification>div{display:flex;flex-wrap:wrap;gap:6px}
.ap .zaffa-verification>div span{padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.25);font-size:12.5px;color:var(--tx-2)}
.ap .zaffa-verification code{color:var(--tx)}
.ap .account-history-simple{padding:16px}
.ap .account-history-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:var(--tx-2);font-size:13px}
.ap .account-history-heading code{padding:2px 8px;border-radius:6px;background:var(--s3);color:var(--tx)}
.ap .account-history-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ap .account-history-group{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--bg-raise);overflow:hidden}
.ap .account-history-group summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;font-size:13px;color:var(--tx-2);transition:background .15s}
.ap .account-history-group summary:hover{background:var(--s2)}
.ap .account-history-group summary::-webkit-details-marker{display:none}
.ap .account-history-group summary>span:first-child{flex:1}
.ap .account-history-group summary b{font-size:18px;color:var(--tx);font-variant-numeric:tabular-nums}
.ap .account-history-group .history-arrow{color:var(--tx-3);transition:transform .2s}
.ap .account-history-group[open] .history-arrow{transform:rotate(180deg)}
.ap .account-history-content{padding:0 10px 10px;border-top:1px solid var(--line)}
.ap .account-history-scroll{overflow:auto;max-height:360px;margin-top:8px}
.ap .operation-proof-image{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:11px;background:var(--bg-raise);border:1px solid var(--line);cursor:zoom-in}
.ap .request-outcome-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .request-outcome-picker button{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--tx-2);font-weight:600;font-size:13.5px;transition:background .15s,color .15s}
.ap .request-outcome-picker button.selected.completed{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(62,207,142,.35)}
.ap .request-outcome-picker button.selected.rejected{background:var(--bad-soft);color:var(--bad);box-shadow:inset 0 0 0 1px rgba(240,107,107,.35)}
.ap .request-completed-fields{display:grid;gap:14px}
.ap .request-completed-fields label,.ap .request-note-field{display:grid;gap:7px;font-size:13px;font-weight:500;color:var(--tx-2)}
.ap .request-status-form{grid-template-columns:1fr}
.ap .request-final-state{padding:14px;border-radius:12px;background:var(--s2);border:1px solid var(--line)}
.ap .request-final-state p{color:var(--tx-2);font-size:13px;margin-top:4px}
.ap .saved-admin-proof{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;margin-bottom:14px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-raise)}
.ap .saved-admin-proof h3{font-size:13.5px;margin:2px 0}
.ap .saved-admin-proof p{color:var(--tx-3);font-size:12px;margin-bottom:8px}
.ap .saved-admin-proof small{color:var(--tx-3)}
.ap .saved-admin-proof img{width:120px;height:120px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
.ap .saved-proof-pdf{display:grid;place-items:center;width:120px;height:120px;border-radius:9px;background:var(--s3);font-weight:600}
.ap .admin-timeline{position:relative;display:grid;gap:14px;padding-inline-start:20px}
.ap .admin-timeline::before{content:"";position:absolute;inset-inline-start:5px;top:6px;bottom:6px;width:1px;background:var(--line-2)}
.ap .admin-timeline>div{position:relative;display:grid;gap:1px}
.ap .admin-timeline i{position:absolute;inset-inline-start:-20px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--or)}
.ap .admin-timeline b{font-size:13.5px}
.ap .admin-timeline small{color:var(--tx-3)}
.ap .admin-timeline p{margin-top:4px;padding:8px 10px;border-radius:9px;background:var(--s2);color:var(--tx-2);font-size:13px;white-space:pre-line}
.ap .balance-processing-notice{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--or-soft);border:1px solid var(--or-line)}
.ap .balance-processing-notice>span{color:var(--or)}
.ap .balance-processing-notice p{color:var(--tx-2);font-size:13px}

/* ───────────── Tables ───────────── */
.ap table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.ap th{position:sticky;top:0;z-index:1;padding:10px 12px;background:var(--s2);color:var(--tx-3);font-size:12px;font-weight:500;text-align:start;white-space:nowrap;border-bottom:1px solid var(--line)}
.ap td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--tx);text-align:start;vertical-align:middle}
.ap tbody tr{transition:background .12s}
.ap tbody tr:hover td{background:rgba(255,255,255,.018)}
.ap tbody tr:last-child td{border-bottom:0}
.ap td a{color:var(--or)}
.ap td a:hover{text-decoration:underline;text-underline-offset:3px}

/* ───────────── Withdrawals ───────────── */
.ap .admin-withdrawal-list{display:grid;gap:12px}
.ap .admin-withdrawal-card{padding:0;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);overflow:hidden;scroll-margin-top:calc(var(--top-h) + 20px)}
.ap .admin-withdrawal-card:target{border-color:var(--or-line);box-shadow:0 0 0 3px var(--or-soft)}
.ap .admin-withdrawal-card>header{display:flex;align-items:center;gap:14px;padding:16px 18px}
.ap .admin-withdrawal-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--s3);color:var(--tx-2)}
.ap .admin-withdrawal-icon svg{width:19px;height:19px}
.ap .state-completed .admin-withdrawal-icon{background:var(--ok-soft);color:var(--ok)}
.ap .state-waiting .admin-withdrawal-icon{background:var(--wait-soft);color:var(--wait)}
.ap .admin-withdrawal-card>header>div:nth-child(2){flex:1;min-width:0}
.ap .admin-withdrawal-card header small{color:var(--tx-3)}
.ap .admin-withdrawal-card header h2{font-size:15px}
.ap .admin-withdrawal-card header h2 em{font-style:normal;color:var(--tx-3);font-weight:400;font-size:13px}
.ap .admin-withdrawal-card header code{color:var(--tx-3);font-size:12px}
.ap .admin-withdrawal-amount{display:grid;justify-items:end;gap:6px}
.ap .admin-withdrawal-amount strong{font-size:20px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.ap .admin-withdrawal-amount strong small{color:var(--tx-3);font-size:12px;font-weight:500}
.ap .admin-withdrawal-summary{display:flex;flex-wrap:wrap;gap:8px 28px;padding:12px 18px;border-top:1px solid var(--line);background:var(--bg-raise)}
.ap .admin-withdrawal-summary span{display:grid}
.ap .admin-withdrawal-summary small{color:var(--tx-3)}
.ap .admin-withdrawal-summary b{font-weight:500;font-size:13.5px}
.ap .withdrawal-recipient-fields{padding:12px 18px 0}
.ap .withdrawal-closed-result{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 18px 16px;padding:12px 14px;border-radius:12px;background:var(--s2);border:1px solid var(--line)}
.ap .withdrawal-closed-result p{color:var(--tx-2);font-size:13px}
.ap .withdrawal-result-actions{display:flex;gap:8px}
.ap .withdrawal-processing-box{margin:12px 18px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raise);overflow:hidden}
.ap .withdrawal-processing-box>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
.ap .withdrawal-processing-box>summary::-webkit-details-marker{display:none}
.ap .withdrawal-processing-box>summary span{flex:1;display:grid}
.ap .withdrawal-processing-box>summary small{color:var(--tx-3)}
.ap .withdrawal-processing-box>summary em{font-style:normal;font-size:12.5px;color:var(--or)}
.ap .withdrawal-processing-box[open]>summary{border-bottom:1px solid var(--line)}
.ap .withdrawal-processing-box form{padding:14px}

/* ───────────── Customers ───────────── */
.ap .customer-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.ap .customer-gallery-card,.ap .payment-gallery-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .15s,background .15s}
.ap .customer-gallery-card:hover,.ap .payment-gallery-card:hover{border-color:var(--line-3);background:var(--s2)}
.ap .customer-avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(160deg,#2b2b31,#1a1a1f);box-shadow:0 0 0 1px var(--line-2);font-weight:600;font-size:17px}
.ap .customer-card-main{flex:1;min-width:0;display:grid;gap:8px}
.ap .customer-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ap .customer-name-row h3{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap .customer-identifiers{display:flex;gap:18px}
.ap .customer-identifiers span{display:grid}
.ap .customer-identifiers small{color:var(--tx-3);font-size:11.5px}
.ap .customer-identifiers b{font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}
.ap .customer-stats{display:flex;gap:6px;flex-wrap:wrap}
.ap .customer-stats span{padding:3px 8px;border-radius:7px;background:var(--s3);color:var(--tx-2);font-size:12px}
.ap .customer-stats b{color:var(--tx);font-variant-numeric:tabular-nums}
.ap .customer-stats .waiting-stat b{color:var(--wait)}
.ap .gallery-arrow{color:var(--tx-3);font-style:normal;transition:transform .15s,color .15s}
.ap .gallery-arrow svg{width:16px;height:16px}
.ap .customer-gallery-card:hover .gallery-arrow,.ap .payment-gallery-card:hover .gallery-arrow{color:var(--or);transform:translateX(-3px)}

/* Customer profile */
.ap .profile-reference{display:block}
.ap .profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.ap .profile-toolbar>a{color:var(--tx-3);font-size:13px}
.ap .profile-toolbar>a:hover{color:var(--tx)}
.ap .profile-toolbar form{position:relative;width:min(300px,60%)}
.ap .profile-toolbar input{padding-inline-start:40px!important}
.ap .profile-toolbar form button{position:absolute;inset-inline-start:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--tx-3)}
.ap .profile-toolbar svg,.ap .profile-search-circle svg,.ap .profile-ledger-search svg{width:17px;height:17px}
.ap .profile-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.ap .profile-person{display:flex;align-items:center;gap:16px;min-width:0}
.ap .profile-avatar{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:16px;background:linear-gradient(160deg,#2c2c33,#18181d);box-shadow:0 0 0 1px var(--line-2);font-size:24px;font-weight:600}
.ap .profile-person h1{font-size:24px;overflow-wrap:anywhere}
.ap .profile-person>div>b{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:6px;background:var(--s3);color:var(--tx-2);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
.ap .profile-person p{margin-top:6px;color:var(--tx-2);font-size:13px;overflow-wrap:anywhere}
.ap .profile-divider{margin:0 6px;color:var(--tx-3)}
.ap .profile-email-verified{color:var(--ok)}
.ap .profile-actions{position:relative}
.ap .profile-actions>button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--s2);color:var(--tx);font-size:20px;line-height:1}
.ap .profile-actions>button:hover{background:var(--s3)}
.ap .profile-actions nav{position:absolute;z-index:30;inset-inline-end:0;top:calc(100% + 6px);width:240px;padding:6px;border-radius:12px;background:var(--s2);box-shadow:var(--sh-pop);animation:ap-pop .16s var(--ease)}
.ap .profile-actions nav button,.ap .profile-actions nav a{display:flex;width:100%;min-height:36px;align-items:center;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--tx-2);font-size:13px;text-align:start}
.ap .profile-actions nav button:hover,.ap .profile-actions nav a:hover{background:var(--s3);color:var(--tx)}
.ap .profile-state{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--tx-2);font-size:13px}
.ap .profile-state-label{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:var(--wait-soft);color:var(--wait);font-weight:500}
.ap .profile-state-label.state-active{background:var(--ok-soft);color:var(--ok)}
.ap .profile-state-label.state-suspended,.ap .profile-state-label.state-blocked{background:var(--bad-soft);color:var(--bad)}
.ap .profile-state-label i{font-style:normal}
.ap .profile-state>span:last-child{display:none}
.ap .profile-pending{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:var(--wait-soft);border:1px solid rgba(242,180,65,.3);color:#f6cf84;font-size:13px}
.ap .profile-financials{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;margin-bottom:24px}
.ap .profile-balance{grid-column:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:radial-gradient(120% 140% at 100% 0,rgba(255,122,26,.16),transparent 55%),var(--s1);border:1px solid var(--line);border-bottom:0}
.ap .profile-balance-title{display:grid;gap:6px}
.ap .profile-balance-title>span{color:var(--tx-2);font-size:13px}
.ap .profile-balance-title>strong{font-size:32px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ap .profile-balance-title strong small{font-size:14px;color:var(--tx-3);font-weight:500}
.ap .profile-group{justify-self:start;height:26px;padding:0 10px;border-radius:8px;border:1px solid var(--or-line);background:var(--or-soft);color:var(--or);font-size:12.5px;font-weight:500}
.ap .profile-balance-actions{display:flex;gap:8px}
.ap .profile-circle{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line-2);background:var(--s2);color:var(--tx);font-size:20px;line-height:1;transition:background .15s,border-color .15s}
.ap .profile-circle svg{width:18px;height:18px}
.ap .profile-circle.credit{color:var(--ok)!important}
.ap .profile-circle.debit{color:var(--bad)!important}
.ap .profile-circle:hover{background:var(--s3);border-color:var(--line-3)}
.ap .profile-currencies{grid-column:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);background:var(--bg-raise);overflow:hidden}
.ap .profile-currencies article{display:grid;gap:2px;padding:12px 16px;border-inline-start:1px solid var(--line)}
.ap .profile-currencies article:first-child{border-inline-start:0}
.ap .profile-currencies span{color:var(--tx-3);font-size:11.5px;font-weight:500}
.ap .profile-currencies strong{font-size:15px;font-variant-numeric:tabular-nums}
.ap .profile-kpis{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ap .profile-kpis article{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);position:relative;overflow:hidden}
.ap .profile-kpis article::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;background:var(--tx-3)}
.ap .profile-kpis .green::before{background:var(--ok)}.ap .profile-kpis .purple::before{background:var(--bad)}.ap .profile-kpis .pink::before{background:var(--run)}.ap .profile-kpis .orange::before{background:var(--or)}
.ap .profile-kpis strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ap .profile-kpis strong small{color:var(--tx-3);font-size:12px;font-weight:500}
.ap .profile-kpis span{color:var(--tx-2);font-size:12.5px}
.ap .profile-ledger,.ap .profile-requests{margin:0 0 20px;padding:20px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);scroll-margin-top:calc(var(--top-h) + 16px)}
.ap .profile-ledger h2,.ap .profile-requests h2{font-size:16px}
.ap .profile-hint{margin-top:2px;font-size:12.5px;color:var(--tx-3)}
.ap .profile-date-filters{display:flex;align-items:flex-end;gap:10px;margin:16px 0 10px;flex-wrap:wrap}
.ap .profile-date-filters label{display:grid;gap:5px;font-size:12px;color:var(--tx-3);min-width:150px;flex:0 1 200px}
.ap .profile-search-circle{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--or);color:var(--or-ink)}
.ap .profile-ledger-tabs{margin:12px 0}
.ap .profile-ledger-search{position:relative;max-width:420px;margin-bottom:10px}
.ap .profile-ledger-search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--tx-3)}
.ap .profile-ledger-search input{padding-inline-start:38px!important}
.ap .profile-export{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.ap .profile-export span{margin-inline-end:auto;color:var(--tx-3);font-size:12.5px}
.ap .profile-export button{min-height:32px;font-size:12.5px}
.ap .profile-table-scroll{overflow:auto;max-height:560px;border:1px solid var(--line);border-radius:12px}
.ap .profile-table{min-width:900px}
.ap .profile-table td[dir=ltr]{font-variant-numeric:tabular-nums;text-align:end}
.ap .profile-ledger-empty{padding:24px;text-align:center;color:var(--tx-3)}
.ap .profile-requests .admin-request-list{margin-top:12px}
.ap .profile-dialog,.ap .oc-api-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:18px;background:var(--s1);box-shadow:var(--sh-pop);overflow:auto}
.ap .profile-close{position:sticky;float:left;top:0;z-index:3;width:34px;height:34px;border:0;border-radius:10px;background:var(--s3);color:var(--tx-2);font-size:20px;line-height:1}
.ap .profile-close:hover{color:var(--tx)}
.ap .profile-dialog .admin-panel{padding:4px 0 18px;margin:0 0 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.ap .profile-dialog .admin-panel:last-child{border-bottom:0;margin-bottom:0}
.ap .admin-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.ap .admin-data>div{padding:10px 12px;border-radius:10px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .admin-data dt{color:var(--tx-3);font-size:12px}
.ap .admin-data dd{margin:2px 0 0;font-weight:500}
.ap .security-actions{display:grid;gap:12px}
.ap .security-actions>div{display:flex;gap:8px;flex-wrap:wrap}
.ap .customer-device-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:12px;align-items:center;padding:12px;margin-top:8px;border-radius:11px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .customer-device-row>div{display:grid;gap:2px;min-width:0}
.ap .customer-device-row small{color:var(--tx-3);overflow-wrap:anywhere}
.ap .customer-device-row form{display:flex;gap:6px}
.ap .customer-devices>p{color:var(--tx-2);font-size:13px}
.ap .customer-password-form{display:grid;gap:10px}
.ap .customer-password-tools{display:flex;gap:8px}
.ap #customer-password-count{color:var(--tx-3)}
.ap #customer-password-count.ready{color:var(--ok)}
.ap .password-shield{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ok-soft);color:var(--ok)}
.ap .customer-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:rgba(240,107,107,.25)!important}
.ap .customer-danger-zone small{color:var(--bad);font-size:12px}
.ap .customer-danger-zone h2{font-size:15px}
.ap .customer-danger-zone p{color:var(--tx-2);font-size:13px;margin-top:4px;max-width:560px}
.ap .profile-dialog .customer-danger-zone{border-bottom:0!important}
/* Wallet modal (inline styles in the partial are overridden here) */
html body.ap #customer-wallet-modal{width:min(460px,calc(100vw - 24px));border:0;border-radius:18px;background:var(--s1);color:var(--tx);box-shadow:var(--sh-pop)}
html body.ap #customer-wallet-modal header{background:none;border-bottom:1px solid var(--line);padding:18px 20px}
html body.ap #customer-wallet-modal h2{font-size:17px;color:var(--tx)}
html body.ap #customer-wallet-modal small{color:var(--tx-3)}
html body.ap #customer-wallet-modal .wallet-close{width:34px;height:34px;border-radius:10px;background:var(--s3);color:var(--tx-2);font-size:20px}
html body.ap #customer-wallet-modal form{padding:18px 20px}
html body.ap #customer-wallet-modal label{color:var(--tx-2);font-size:13px;font-weight:500}
html body.ap #customer-wallet-modal input:not([type=hidden]),html body.ap #customer-wallet-modal select{min-height:42px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-raise);color:var(--tx)}
html body.ap #customer-wallet-modal input:focus,html body.ap #customer-wallet-modal select:focus{outline:0;border-color:var(--or-line);box-shadow:0 0 0 3px var(--or-soft)}
html body.ap #customer-wallet-modal .wallet-current{background:var(--s2);color:var(--tx-2);border-radius:10px}
html body.ap #customer-wallet-modal .wallet-save{background:var(--or);color:var(--or-ink);border-radius:10px;min-height:42px}
html body.ap #customer-wallet-modal .wallet-cancel{background:var(--s3);color:var(--tx);border-radius:10px;min-height:42px}
html body.ap #customer-wallet-modal::backdrop{background:rgba(5,5,7,.62);backdrop-filter:blur(4px)}
/* API dialog */
.ap .profile-api-dialog h2{font-size:18px;margin-bottom:14px}
.ap .profile-token code{display:block;padding:12px;border-radius:10px;background:var(--bg-raise);border:1px solid var(--line);overflow-wrap:anywhere;direction:ltr;text-align:left}
.ap .profile-api-warning{display:flex;gap:10px;margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--wait-soft);color:#f6cf84;font-size:13px}
.ap .profile-api-warning b{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--wait);color:#1a1202}
.ap .profile-api-dialog form{display:grid;gap:12px}
.ap .profile-api-checks{display:flex;gap:16px;flex-wrap:wrap}
.ap .profile-api-checks label{display:flex;align-items:center;gap:10px;font-size:13px}
.ap .profile-ip-label{display:grid;gap:6px;font-size:13px;color:var(--tx-2)}
.ap .profile-api-policy{color:var(--tx-3);font-size:12.5px}
.ap .api-revoke-form{margin-top:12px}

/* ───────────── Employees ───────────── */
.ap .employee-command{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ap .employee-command h2{font-size:16px}
.ap .employee-command p{color:var(--tx-3);font-size:13px}
.ap .employee-form-modern{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap .employee-form-modern .permission-grid{grid-column:1/-1}
.ap .employee-form-modern .account-switch{grid-column:1/-1}
.ap .employee-form-modern>button{justify-self:start;width:auto!important;grid-column:1/-1}
.ap .employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:12px}
.ap .employee-card{margin:0}
.ap .employee-card .employee-form-modern{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .employee-card .employee-form-modern .wide{grid-column:1/-1}
.ap .employee-card .permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap .employee-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ap .employee-card-head>div{display:grid}
.ap .employee-card-head strong{font-size:15px}
.ap .employee-card-head small{color:var(--tx-3);font-variant-numeric:tabular-nums;text-align:end}
.ap .employee-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}

/* ───────────── Apps ───────────── */
.ap .app-order-manager{padding:8px}
.ap .app-order-list{display:grid;gap:2px}
.ap .app-order-row{display:grid;grid-template-columns:44px minmax(0,1fr) 150px auto;align-items:center;gap:14px;padding:8px 10px;border-radius:11px;transition:background .15s}
.ap .app-order-row:hover{background:var(--s2)}
.ap .app-order-thumb{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;overflow:hidden;background:var(--s3);box-shadow:0 0 0 1px var(--line-2)}
.ap .app-order-thumb img{width:100%;height:100%;object-fit:cover}
.ap .app-order-row>div{display:grid;min-width:0}
.ap .app-order-row b{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .app-order-row small{color:var(--tx-3)}
.ap .app-order-row label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx-3)}
.ap .app-order-row label span{white-space:nowrap}
.ap .app-order-row input{min-height:34px!important;text-align:center}
.ap .app-order-row a{min-height:34px;font-size:12.5px}
.ap .app-order-save{margin:10px;}
.ap .manager-columns,.ap .payment-detail-layout,.ap .finance-main-grid,.ap .announcement-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ap .manager-columns>.admin-panel,.ap .payment-detail-layout>.admin-panel,.ap .finance-main-grid>.admin-panel{margin:0}
.ap .manager-columns,.ap .finance-main-grid,.ap .payment-detail-layout{margin-bottom:16px}
.ap .rate-profit-head,.ap .rate-profit-row{display:grid;grid-template-columns:70px repeat(2,minmax(0,1fr)) 120px;gap:10px;align-items:center}
.ap .rate-profit-head{padding:8px 0 0;color:var(--tx-3);font-size:12px}
.ap .rate-profit-head b{font-weight:500}
.ap .rate-profit-row strong{font-family:var(--mono);font-size:13px;color:var(--tx-2)}
.ap .rate-profit-row output{font-variant-numeric:tabular-nums;color:var(--ok);font-size:13px;direction:ltr;text-align:right}
.ap .pricing-safe-note{padding:10px 12px;border-radius:10px;background:var(--s2);color:var(--tx-2);font-size:12.5px}
.ap .field-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) 90px auto auto;gap:8px;align-items:center;padding:10px;margin-top:8px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .field-form+form{display:flex;justify-content:flex-end;margin-top:6px}
.ap .field-form .check-line{min-height:40px;white-space:nowrap}
.ap .app-delete-safe{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:rgba(240,107,107,.25)}
.ap .app-delete-safe small{color:var(--bad)}
.ap .app-delete-safe h2{font-size:15px}
.ap .zaffa-settings form{margin:12px 0 8px}
.ap .usdt-inbound-admin .panel-title p{margin-top:4px}

/* Payment methods */
.ap .payment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.ap .payment-gallery-image{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.ap .payment-gallery-image img{width:100%;height:100%;object-fit:contain}
.ap .payment-gallery-image.placeholder{background:var(--s3);color:var(--tx-3)}
.ap .payment-gallery-body{flex:1;min-width:0;display:grid;gap:4px}
.ap .payment-gallery-body small{color:var(--tx-3)}
.ap .payment-gallery-body h3{font-size:15px}
.ap .payment-gallery-body>div{display:flex;align-items:center;gap:8px}
.ap .payment-gallery-body>div b{color:var(--tx-3);font-size:12px;font-weight:500}
.ap .payment-detail-hero img,.ap .hero-wallet-placeholder{width:64px;height:64px;border-radius:16px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.ap .hero-wallet-placeholder{display:grid;place-items:center;background:var(--s3);color:var(--tx-3)}
.ap .payment-detail-layout{margin-bottom:8px}
.ap .field-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:16px}
.ap .field-card{padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line)}
.ap .field-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ap .field-card-head>span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--s3);font-size:12px;font-weight:600;color:var(--tx-2)}
.ap .field-card-head>div{flex:1;min-width:0}
.ap .field-card-head small{color:var(--tx-3)}
.ap .field-card-head h3{font-size:14px;margin:0}
.ap .field-card .admin-form{grid-template-columns:1fr 1fr}
.ap .field-delete{display:flex;justify-content:flex-end;margin-top:10px}

/* Countries */
.ap .country-form{grid-template-columns:repeat(5,minmax(0,1fr))}
.ap .country-form>.admin-check{align-self:end}
.ap .country-form>button{align-self:end}
.ap .country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.ap .country-card{position:relative;display:grid;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line)}
.ap .country-flag{position:absolute;top:14px;inset-inline-start:16px;font-size:26px;line-height:1}
.ap .country-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline-start:42px;margin-bottom:12px}
.ap .country-card header small{color:var(--tx-3);font-family:var(--mono)}
.ap .country-card header h2{font-size:15px}
.ap .country-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ap .country-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.ap .country-card footer .admin-check{flex:1}
.ap .country-meta{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);color:var(--tx-3);font-size:12.5px}

/* Finance */
.ap .finance-guide>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ap .finance-guide article{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .finance-guide article i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--or-soft);color:var(--or);font-style:normal;font-size:12px;font-weight:600}
.ap .finance-guide article p{color:var(--tx-2);font-size:12.5px}
.ap .finance-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.ap .finance-rate-grid label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .finance-rate-grid label>span{display:grid;line-height:1.3}
.ap .finance-rate-grid label b{font-family:var(--mono);font-size:13px}
.ap .finance-rate-grid label small{color:var(--tx-3);font-size:11px}
.ap .finance-rate-grid input{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.ap .finance-rate-grid .full{grid-column:1/-1}
.ap .customer-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ap .customer-group-card{display:grid;gap:12px;padding:16px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .customer-group-card header{display:flex;align-items:center;gap:10px}
.ap .customer-group-card header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s3);color:var(--tx-2)}
.ap .customer-group-card header svg{width:17px;height:17px}
.ap .customer-group-card header small{color:var(--tx-3)}
.ap .customer-group-card h3{margin:0!important;font-size:14px!important}
.ap .group-value-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ap .finance-app-hint{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ap .finance-app-hint>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--or-soft);color:var(--or)}
.ap .finance-app-hint>div{flex:1;min-width:240px}
.ap .finance-app-hint small{color:var(--tx-3)}
.ap .finance-app-hint h2{font-size:15px}
.ap .finance-app-hint p{color:var(--tx-2);font-size:13px}

/* Wallet page */
.ap .currency-vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ap .currency-vault{display:grid;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);transition:border-color .15s,background .15s}
.ap .currency-vault:hover{border-color:var(--line-3)}
.ap .currency-vault.active{border-color:var(--or-line);background:radial-gradient(120% 120% at 100% 0,var(--or-soft),transparent 60%),var(--s1)}
.ap .currency-vault header{display:flex;align-items:center;justify-content:space-between}
.ap .currency-vault header span{font-family:var(--mono);font-size:12.5px;padding:2px 8px;border-radius:6px;background:var(--s3)}
.ap .currency-vault header small{color:var(--tx-3)}
.ap .currency-vault>strong{font-size:21px;font-variant-numeric:tabular-nums;text-align:right}
.ap .currency-vault>div{display:flex;justify-content:space-between;gap:8px;color:var(--tx-3);font-size:12px}
.ap .currency-vault>div b{color:var(--tx-2);font-variant-numeric:tabular-nums}
.ap .wallet-customer-table{display:grid;max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.ap .wallet-customer-table a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);transition:background .12s}
.ap .wallet-customer-table a:last-child{border-bottom:0}
.ap .wallet-customer-table a:hover{background:var(--s2)}
.ap .wallet-customer-table a>div{display:grid;min-width:0}
.ap .wallet-customer-table b{font-weight:500;font-size:13.5px}
.ap .wallet-customer-table small{color:var(--tx-3)}
.ap .wallet-customer-table strong{font-variant-numeric:tabular-nums}

/* Announcements / settings / telegram / system */
.ap .announcement-admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.ap .announcement-time-grid,.ap .assistant-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1/-1}
.ap .assistant-admin-grid .full{grid-column:1/-1}
.ap .announcement-preview{position:sticky;top:calc(var(--top-h) + 16px);display:grid;place-items:center;min-height:420px;padding:24px;border-radius:var(--r-lg);border:1px dashed var(--line-2);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(255,255,255,.012) 10px 20px),var(--bg-raise)}
.ap .announcement-preview-card{width:min(340px,100%);display:grid;justify-items:center;gap:8px;padding:24px;border-radius:18px;background:var(--s2);box-shadow:var(--sh-pop);text-align:center}
.ap .announcement-preview-card>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--or-soft);color:var(--or)}
.ap .announcement-preview-card small{color:var(--tx-3)}
.ap .announcement-preview-card h2{font-size:17px}
.ap .announcement-preview-card p{color:var(--tx-2);font-size:13px;white-space:pre-line}
.ap .announcement-preview-card .announcement-link{color:var(--or);font-size:13px}
.ap .announcement-preview-card button{width:100%;min-height:40px;margin-top:6px;border:0;border-radius:10px;background:var(--or);color:var(--or-ink);font-weight:600}
.ap .banner-mode-box,.ap .assistant-admin-settings{display:grid;gap:12px;padding:16px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
.ap .banner-mode-box h3{margin:0!important}
.ap .banner-mode-box label{display:grid;gap:7px;font-size:13px;color:var(--tx-2);font-weight:500}
.ap .banner-mode-box small{color:var(--tx-3)}
.ap .assistant-admin-settings .panel-title{margin-bottom:0}
.ap .telegram-guide{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ap .telegram-guide>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--run-soft);color:var(--run)}
.ap .telegram-guide h2{font-size:16px}
.ap .telegram-guide p{color:var(--tx-2);font-size:13px;margin-top:4px}
.ap .telegram-event-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ap .telegram-event-choices>div:first-child{grid-column:1/-1;margin-top:6px}
.ap .telegram-event-choices>div small{color:var(--tx-3)}
.ap .telegram-event-choices h3{margin:0!important;font-size:14.5px!important}
.ap .telegram-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.ap .system-clean-card,.ap .proof-storage-card form{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ap .system-clean-card small{color:var(--tx-3)}
.ap .system-clean-card h2{font-size:15px}
.ap .system-clean-card p{color:var(--tx-2);font-size:13px;margin-top:4px;max-width:620px}
.ap .proof-storage-card form{display:flex!important;align-items:flex-end}
.ap .proof-storage-card form label{flex:1;min-width:240px}
.ap .storage-safety-note{margin-top:10px}

/* Site design studio — keep the preview (customer look) isolated */
.ap .design-studio{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:16px;align-items:start}
.ap .design-controls{margin:0}
.ap .design-preview-wrap{position:sticky;top:calc(var(--top-h) + 16px)}
.ap .header-brand-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ap .header-brand-editor>p{color:var(--tx-3);font-size:12.5px}
.ap .brand-logo-upload span{color:var(--tx-3);font-size:12px;font-weight:400}
.ap .brand-remove-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.ap .brand-remove-control small{color:var(--tx-3)}
.ap .design-color-grid,.ap .design-choice-grid,.ap .design-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:12px}
.ap .design-color-grid label,.ap .design-choice-grid label,.ap .design-columns label{display:grid;gap:6px;font-size:12.5px;color:var(--tx-2);font-weight:500}
.ap .design-save-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;padding:12px 14px;border-radius:14px;background:rgba(23,23,27,.92);backdrop-filter:blur(10px);box-shadow:var(--sh-pop)}
.view-admin-site-design .ap-content>a.primary{min-height:34px;font-size:12.5px;background:var(--s2);color:var(--tx);border-color:var(--line-2);box-shadow:none}

/* Google */
.view-admin-google-oauth .admin-panel code{display:block;padding:12px 14px!important;margin:8px 0 12px;border-radius:10px!important;background:var(--bg-raise)!important;border:1px solid var(--line);color:var(--tx);overflow-wrap:anywhere}
.view-admin-google-oauth .admin-form>label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;grid-column:1/-1;padding:10px 12px;border-radius:10px;background:var(--s2);border:1px solid var(--line);color:var(--tx)}
.view-admin-google-oauth .admin-form>p{grid-column:1/-1}
.view-admin-google-oauth .admin-panel>a{color:var(--or)}

/* ───────────── Dashboard (new) ───────────── */
.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.dash-hero small{display:flex;align-items:center;gap:8px;color:var(--tx-3);font-size:12.5px;margin-bottom:6px}
.dash-hero small i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.dash-hero h1{font-size:26px}
.dash-hero p{color:var(--tx-2);margin-top:4px}
.dash-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.dash-queue{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px}
.dash-stat{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .15s,background .15s}
.dash-stat:hover{border-color:var(--line-3);background:var(--s2)}
.dash-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--tx-2);font-size:12.5px}
.dash-stat-top .ap-i{width:16px;height:16px;color:var(--tx-3)}
.dash-stat strong{font-size:28px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dash-stat small{color:var(--tx-3);font-size:12px}
.dash-stat::after{content:"";position:absolute;inset-block-start:16px;inset-inline-start:0;width:2px;height:18px;border-radius:2px;background:var(--dot,transparent)}
.dash-stat.is-wait{--dot:var(--wait)}.dash-stat.is-run{--dot:var(--run)}.dash-stat.is-ok{--dot:var(--ok)}.dash-stat.is-bad{--dot:var(--bad)}
.dash-stat.is-primary{background:radial-gradient(140% 120% at 100% 0,rgba(255,122,26,.16),transparent 55%),var(--s1);border-color:var(--or-line)}
.dash-stat.is-primary strong{font-size:34px}
.dash-stat.is-primary .dash-stat-top{color:var(--tx)}
.dash-stat-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--or);font-size:12.5px;font-weight:500}
.dash-stat-cta .ap-i{width:14px;height:14px}
.dash-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.dash-card{min-width:0;padding:18px;border-radius:var(--r-lg);background:var(--s1);border:1px solid var(--line);box-shadow:var(--sh-1)}
.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.dash-card-head h2{font-size:15px}
.dash-card-head small{display:block;color:var(--tx-3);font-size:12px;margin-top:2px}
.dash-card-head>a{display:inline-flex;align-items:center;gap:4px;color:var(--tx-3);font-size:12.5px;white-space:nowrap}
.dash-card-head>a:hover{color:var(--or)}
.dash-card-head>a .ap-i{width:14px;height:14px}
.dash-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:16px;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.dash-money a{display:grid;gap:4px;padding:12px 14px;background:var(--bg-raise);transition:background .15s}
.dash-money a:hover{background:var(--s2)}
.dash-money small{color:var(--tx-3);font-size:12px}
.dash-money strong{font-size:20px;font-variant-numeric:tabular-nums;direction:ltr;text-align:right;unicode-bidi:isolate}
.dash-money .profit strong{color:var(--ok)}
.dash-chart{position:relative}
.dash-chart svg{display:block;width:100%;height:190px;overflow:visible}
.dash-chart .bar{fill:var(--s4);transition:fill .15s}
.dash-chart .bar.today{fill:var(--or)}
.dash-chart g:hover .bar{fill:var(--or-2)}
.dash-chart .grid{stroke:var(--line);stroke-dasharray:2 4}
.dash-chart text{fill:var(--tx-3);font:500 10.5px var(--font)}
.dash-chart .val{fill:var(--tx-2);opacity:0;transition:opacity .15s}
.dash-chart g:hover .val{opacity:1}
.dash-chart-legend{display:flex;gap:16px;margin-top:6px;color:var(--tx-3);font-size:12px}
.dash-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-inline-end:6px;background:var(--s4)}
.dash-chart-legend .t i{background:var(--or)}
.dash-chart-empty{display:grid;place-items:center;height:190px;color:var(--tx-3);font-size:13px}
.dash-wd-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.dash-wd-counters a{display:grid;gap:2px;padding:10px 12px;border-radius:11px;background:var(--bg-raise);border:1px solid var(--line);transition:border-color .15s}
.dash-wd-counters a:hover{border-color:var(--line-3)}
.dash-wd-counters small{display:flex;align-items:center;gap:6px;color:var(--tx-3);font-size:11.5px}
.dash-wd-counters small i{width:6px;height:6px;border-radius:50%;background:var(--tx-3)}
.dash-wd-counters .w i{background:var(--wait)}.dash-wd-counters .p i{background:var(--run)}.dash-wd-counters .c i{background:var(--ok)}
.dash-wd-counters strong{font-size:20px;font-variant-numeric:tabular-nums}
.dash-list{display:grid}
.dash-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 6px;border-bottom:1px solid var(--line);transition:background .12s;border-radius:8px}
.dash-list a:last-child{border-bottom:0}
.dash-list a:hover{background:var(--s2)}
.dash-list b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-list b small{color:var(--tx-3);font-weight:400}
.dash-list code{color:var(--tx-3);font-size:11.5px}
.dash-list .amt{grid-column:2;grid-row:1;font-weight:600;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.dash-list .status{grid-column:2;grid-row:2;justify-self:end;height:20px;font-size:11px}
.dash-table{width:100%}
.dash-table td{padding:10px 10px}
.dash-table th{background:transparent;position:static}
.dash-table tbody tr{cursor:pointer}
.dash-table .who{display:grid;line-height:1.35}
.dash-table .who b{font-weight:500;font-size:13px}
.dash-table .who small{color:var(--tx-3)}
.dash-table code{color:var(--tx-2)}
.dash-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.dash-table .when{color:var(--tx-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.dash-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.dash-shortcuts a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line);transition:border-color .15s,background .15s}
.dash-shortcuts a:hover{border-color:var(--line-3);background:var(--s2)}
.dash-shortcuts a>span:first-child{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--s3);color:var(--tx-2)}
.dash-shortcuts a:hover>span:first-child{color:var(--or)}
.dash-shortcuts b{display:block;font-size:13px;font-weight:500}
.dash-shortcuts small{color:var(--tx-3);font-size:11.5px}

/* ───────────── Responsive ───────────── */
@media (max-width:1280px){
  .ap .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap .finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap .op-layout{grid-template-columns:minmax(0,1fr) 360px}
  .ap .request-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
  .dash-queue{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dash-queue .is-primary{grid-column:span 3}
  .ap .employee-form-modern{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap .country-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
  :root{--top-h:56px}
  .ap-side{transform:translateX(105%);width:min(300px,86vw);box-shadow:none;visibility:hidden;transition:transform .26s var(--ease),visibility 0s .26s}
  [dir=ltr] .ap-side{transform:translateX(-105%)}
  .ap-side.open{transform:none;visibility:visible;box-shadow:var(--sh-pop);transition:transform .26s var(--ease),visibility 0s}
  .ap-side .ap-side-close{display:inline-grid}
  .ap-scrim{position:fixed;inset:0;z-index:55;background:rgba(5,5,7,.55);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s}
  .ap-scrim.open{opacity:1;pointer-events:auto}
  .ap-body{margin-inline-start:0}
  .ap-menu-btn{display:inline-grid}
  .ap-collapse-btn{display:none}
  .ap-top{padding:0 12px;gap:8px}
  .ap-search{width:auto;flex:1;max-width:420px}
  .ap-search kbd{display:none}
  .ap-crumb>span,.ap-crumb-sep{display:none!important}
  .ap-crumb b{font-size:14px;font-weight:600}
  .ap-live span{display:none}
  .ap-content{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}
  .ap-tabbar{position:fixed;z-index:45;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(14,14,17,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line)}
  .ap-tabbar a,.ap-tabbar button{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 0;border:0;border-radius:10px;background:none;color:var(--tx-3);font-size:11px;font-weight:500}
  .ap-tabbar a.active{color:var(--tx)}
  .ap-tabbar a.active .ap-i{color:var(--or)}
  .ap-tabbar .ap-i{width:21px;height:21px}
  .ap-tabbar .ap-count{position:absolute;top:1px;inset-inline-end:calc(50% - 22px);min-width:17px;height:17px;line-height:17px;font-size:10px;padding:0 4px}
  .ap .op-layout{grid-template-columns:1fr}
  .ap .op-side{position:static}
  .ap .manager-columns,.ap .payment-detail-layout,.ap .finance-main-grid,.ap .announcement-admin-grid,.ap .design-studio{grid-template-columns:1fr}
  .ap .announcement-preview,.ap .design-preview-wrap{position:static}
  .ap .currency-vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap .admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap .admin-filters .filter-search{grid-column:1/-1}
  .ap .customer-search{display:flex}
  .ap .wallet-balance-filters{grid-template-columns:1fr 1fr}
  .ap .wallet-balance-filters input,.ap .wallet-balance-filters button{grid-column:1/-1}
  .dash-grid{grid-template-columns:1fr}
  .ap .profile-financials{grid-template-columns:1fr}
  .ap .profile-kpis{grid-column:1;grid-row:auto}
  .ap .employee-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .ap-search{display:none}
  .ap-live{margin-inline-start:auto}
  .ap .admin-heading{margin-bottom:16px}
  .ap .admin-heading h1,.dash-hero h1{font-size:21px}
  .ap .admin-heading p{font-size:13px}
  .ap .admin-panel{padding:16px;border-radius:13px}
  .ap .admin-metrics,.ap .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ap .admin-metrics>a,.ap .finance-kpis article{padding:12px}
  .ap .admin-metrics strong,.ap .finance-kpis strong{font-size:20px}
  .ap .finance-dashboard-strip,.ap .completed-finance-total,.ap .proof-storage-metrics{grid-template-columns:1fr}
  .ap .customer-summary,.ap .app-admin-summary{grid-template-columns:1fr 1fr;gap:8px}
  .ap .customer-summary article,.ap .app-admin-summary article{padding:12px;gap:10px}
  .ap .summary-icon{width:34px;height:34px}
  .ap .admin-form,.ap .employee-form-modern,.ap .employee-card .employee-form-modern,.ap .admin-app-create-grid,.ap .country-form,.ap .field-card .admin-form,.ap .announcement-time-grid,.ap .assistant-admin-grid,.ap .header-brand-editor,.ap .finance-rate-grid,.ap .telegram-event-choices{grid-template-columns:1fr}
  .ap .permission-grid,.ap .employee-card .permission-grid{grid-template-columns:1fr 1fr}
  .ap .admin-filters{grid-template-columns:1fr;padding:12px}
  .ap .customer-search{padding:6px}
  .ap .customer-search .admin-primary{padding:0 14px}
  /* Request cards become stacked mobile cards */
  .ap .request-card-content{grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:10px}
  .ap .request-client-title{grid-column:1;grid-row:1}
  .ap .request-card-heading>.status{grid-column:2;grid-row:1}
  .ap .request-card-facts{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-radius:10px;background:var(--bg-raise)}
  .ap .request-card-facts strong{white-space:normal;overflow-wrap:anywhere}
  .ap .request-card-footer{grid-column:1/-1;grid-row:auto}
  .ap .zaffa-list-badge{grid-column:1/-1}
  .ap .operation-data-grid,.ap .operation-wallet-fields{grid-template-columns:1fr}
  .ap .request-tools-compact{grid-template-columns:1fr}
  .ap .request-tools-copy button{flex:1}
  .ap .account-history-buttons{grid-template-columns:1fr}
  .ap .operation-customer-actions{width:100%}
  .ap .operation-customer-actions a{flex:1}
  .ap .admin-withdrawal-card>header{flex-wrap:wrap;padding:14px}
  .ap .admin-withdrawal-amount{width:100%;grid-auto-flow:column;justify-content:space-between;align-items:center}
  .ap .withdrawal-closed-result,.ap .withdrawal-processing-box{margin-inline:12px}
  .ap .admin-withdrawal-summary,.ap .withdrawal-recipient-fields{padding-inline:14px}
  .ap .customer-gallery,.ap .payment-gallery,.ap .field-card-grid,.ap .country-grid,.ap .customer-group-grid{grid-template-columns:1fr}
  .ap .customer-identifiers{gap:14px;flex-wrap:wrap}
  .ap .app-order-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  .ap .app-order-row label{grid-column:2;grid-row:2}
  .ap .app-order-row label input{width:90px}
  .ap .app-order-row a{grid-column:3;grid-row:1/span 2}
  .ap .app-order-save{width:calc(100% - 20px)}
  .ap .rate-profit-head{display:none}
  .ap .rate-profit-row{grid-template-columns:56px 1fr 1fr;padding:10px;border-radius:10px;background:var(--bg-raise);border:1px solid var(--line)}
  .ap .rate-profit-row output{grid-column:1/-1;text-align:start}
  .ap .rate-profit-row output::before{content:"فرق الربح: ";color:var(--tx-3)}
  .ap .field-form{grid-template-columns:1fr 1fr}
  .ap .field-form>input[name=label]{grid-column:1/-1}
  .ap .field-form>button{grid-column:1/-1}
  .ap .currency-vault-grid{grid-template-columns:1fr 1fr;gap:8px}
  .ap .currency-vault{padding:12px}
  .ap .currency-vault>strong{font-size:16px}
  .ap .currency-vault>div{flex-direction:column;gap:2px}
  .ap .finance-guide>div:last-child{grid-template-columns:1fr}
  .ap .profile-identity{align-items:flex-start}
  .ap .profile-avatar{width:48px;height:48px;font-size:19px;border-radius:13px}
  .ap .profile-person h1{font-size:19px}
  .ap .profile-balance{flex-direction:column;align-items:stretch;padding:16px}
  .ap .profile-balance-title>strong{font-size:26px}
  .ap .profile-balance-actions .profile-circle{flex:1}
  .ap .profile-currencies{grid-template-columns:1fr 1fr}
  .ap .profile-currencies article:nth-child(3){border-inline-start:0}
  .ap .profile-currencies article:nth-child(n+3){border-top:1px solid var(--line)}
  .ap .profile-kpis{gap:8px}
  .ap .profile-kpis article{padding:12px}
  .ap .profile-kpis strong{font-size:16px}
  .ap .profile-ledger,.ap .profile-requests{padding:14px}
  .ap .profile-date-filters label{flex:1 1 40%;min-width:0}
  .ap .admin-data{grid-template-columns:1fr}
  .ap .customer-device-row{grid-template-columns:1fr}
  .ap .customer-device-row form{flex-wrap:wrap}
  .ap .profile-dialog,.ap .oc-api-dialog{padding:18px;border-radius:16px}
  .ap .saved-admin-proof{grid-template-columns:1fr 84px}
  .ap .saved-admin-proof img,.ap .saved-proof-pdf{width:84px;height:84px}
  .ap .queue-alert-bar{flex-direction:column;align-items:stretch}
  .ap .request-group-tabs,.ap .withdrawal-status-tabs{margin-inline:-16px;border-radius:0;border-inline:0;padding-inline:12px}
  .ap .request-group-tabs a,.ap .withdrawal-status-tabs a{flex:0 0 auto}
  .dash-queue{grid-template-columns:1fr 1fr;gap:8px}
  .dash-queue .is-primary{grid-column:1/-1}
  .dash-stat{padding:14px}
  .dash-stat strong{font-size:22px}
  .dash-money{grid-template-columns:1fr}
  .dash-wd-counters strong{font-size:17px}
  .dash-card{padding:14px}
  /* Generic tables turn into labelled cards */
  .ap table.ap-stack thead{display:none}
  .ap table.ap-stack,.ap table.ap-stack tbody,.ap table.ap-stack tr,.ap table.ap-stack td{display:block;width:100%}
  .ap table.ap-stack{min-width:0!important}
  .ap table.ap-stack tr{margin:0 0 8px;padding:6px 12px;border-radius:12px;background:var(--bg-raise);border:1px solid var(--line)}
  .ap table.ap-stack td{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);text-align:start!important;max-width:none!important}
  .ap table.ap-stack td:last-child{border-bottom:0}
  .ap table.ap-stack td::before{content:attr(data-label);color:var(--tx-3);font-size:12px;flex:none}
  .ap .profile-table-scroll,.ap .account-history-scroll{border:0;max-height:none;overflow:visible}
  .dash-table tbody tr{cursor:default}
}
@media (max-width:380px){
  .ap .admin-metrics,.ap .finance-kpis{grid-template-columns:1fr 1fr}
  .ap .customer-summary,.ap .app-admin-summary{grid-template-columns:1fr}
  .ap .permission-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ap *,.ap *::before,.ap *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
  .ap-side,.ap-top,.ap-tabbar{display:none!important}
  .ap-body{margin:0!important}
}

/* WALLET_FILTER_V1 */
.ap .wallet-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ap .wallet-switch label{display:flex;align-items:center;gap:10px;color:var(--tx-3);font-size:13px}
.ap .wallet-switch select{width:auto;min-width:220px;min-height:38px;font-size:14px;font-weight:600}
.ap .wallet-switch-on{font-size:12.5px;color:#ff8a1f;background:rgba(255,138,31,.1);border:1px solid rgba(255,138,31,.35);border-radius:999px;padding:4px 12px}
@media (max-width:640px){.ap .wallet-switch select{min-width:0;width:100%}.ap .wallet-switch label{width:100%}}
/* PRICING_V2 */
.ap .pricing-cur-form{display:grid;gap:10px}
.ap .pricing-cur-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:10px;align-items:center}
.ap .pricing-cur-row.head b{font-size:12px;color:var(--tx-3)}
.ap .pricing-cur-row span{display:flex;flex-direction:column}.ap .pricing-cur-row small{color:var(--tx-3);font-size:11.5px}
.ap .pricing-apps-table{display:grid;gap:6px}
.ap .pa-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr .6fr .7fr;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line,rgba(127,127,127,.18));border-radius:12px;color:inherit;text-decoration:none}
.ap .pa-row.head{border:0;padding-block:4px}.ap .pa-row.head b{font-size:12px;color:var(--tx-3)}
.ap a.pa-row:hover{border-color:#ff8a1f}
.ap .pa-row.unpriced{border-style:dashed;opacity:.85}.ap .pa-missing{grid-column:2/-1;color:#ff8a1f;font-size:13px}
.ap .pa-off{margin-inline-start:6px;color:#e5484d;font-size:11px}.ap .pa-manual{color:#d9a400;font-size:12px}.ap .pa-auto{color:#2fb36b;font-size:12px}
.ap .pv-method{display:flex;gap:18px;flex-wrap:wrap}
.ap .pv-table{display:grid;gap:6px}
.ap .pv-row{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr 1.4fr;gap:8px;align-items:center}
.ap .pv-row.head b{font-size:12px;color:var(--tx-3)}
.ap .pv-row output{font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.ap .pv-row output.neg{color:#e5484d}
.ap .pv-manual{display:flex;align-items:center;gap:6px}.ap .pv-manual-fields{display:flex;gap:6px}.ap .pv-manual-fields input{width:90px;min-height:32px;font-size:12.5px}
@media (max-width:760px){.ap .pa-row{grid-template-columns:1fr 1fr 1fr}.ap .pa-row.head{display:none}.ap .pv-row{grid-template-columns:1fr 1fr 1fr}.ap .pv-row.head{display:none}.ap .pv-manual{grid-column:1/-1}.ap .pricing-cur-row{grid-template-columns:1fr 1fr}.ap .pricing-cur-row.head{display:none}}

/* ADMIN_UI_V2: app page tabs */
.ap .app-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px;padding:6px;border:1px solid var(--line,rgba(127,127,127,.18));border-radius:14px;background:rgba(127,127,127,.05)}
.ap .app-tabs a{padding:9px 16px;border-radius:10px;color:var(--tx-2,inherit);text-decoration:none;font-size:14px;font-weight:600}
.ap .app-tabs a.active{background:#ff8a1f;color:#111}
.ap .app-tabs a[data-tab=danger]{margin-inline-start:auto;color:#e5484d}.ap .app-tabs a[data-tab=danger].active{background:#e5484d;color:#fff}
.ap .app-pane{display:grid;gap:16px}.ap .app-pane[hidden]{display:none}
.ap .app-pane>.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .app-visible{padding:12px 14px;border-radius:12px;background:rgba(47,179,107,.08)}
.ap .proof-line{padding:12px 14px;border:1px dashed var(--line,rgba(127,127,127,.25));border-radius:12px}
.ap .ar-file{position:relative;display:inline-flex;align-items:center;gap:10px}
.ap .ar-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.ap .ar-file-btn{padding:8px 14px;border-radius:10px;background:rgba(127,127,127,.15);font-size:13px;white-space:nowrap}
.ap .ar-file-name{font-size:12.5px;color:var(--tx-3)}
.ap .pricing-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .pv-step{display:flex;gap:12px;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--line,rgba(127,127,127,.15))}
.ap .pv-step:first-of-type{border-top:0}
.ap .pv-num{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ff8a1f;color:#111;font-weight:700}
.ap .pv-step div{display:flex;flex-direction:column}.ap .pv-step small{color:var(--tx-3);font-size:12.5px}
.ap .pv-choice{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;cursor:pointer}
.ap .pv-choice:has(input:checked){border-color:#ff8a1f;background:rgba(255,138,31,.08)}
.ap .pv-table .pv-row{grid-template-columns:1fr 1fr 1fr 1fr}
.ap .pv-row span{display:flex;flex-direction:column}.ap .pv-flag{color:#d9a400;font-size:11px}
.ap .pv-special{border:1px solid var(--line,rgba(127,127,127,.18));border-radius:12px;padding:10px 14px}
.ap .pv-special summary{cursor:pointer;font-weight:600}.ap .pv-special summary small{color:var(--tx-3);font-weight:400}
.ap .pv-special-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;align-items:end;margin-top:10px}
.ap .usdt-inbound-admin:not(:has(input[name=enabled]:checked)) label:not(.admin-check){display:none}
.ap .robot-check-card .finance-badge{background:rgba(47,179,107,.15);color:#2fb36b}
@media (max-width:760px){.ap .app-pane>.admin-form,.ap .pricing-v2{grid-template-columns:1fr}.ap .pv-special-row{grid-template-columns:1fr 1fr}.ap .pv-special-row .check-line{grid-column:1/-1}.ap .app-tabs{overflow-x:auto;flex-wrap:nowrap}.ap .app-tabs a{white-space:nowrap}}

/* SELECT_OPTIONS_V1: dropdown lists readable on Windows (no grey box with faint text) */
.ap select option,.ap select optgroup{background:#17171b;color:#ededf0}
.fx-login.fx-login-solo{grid-template-columns:1fr}