@font-face{font-family:"Vazirmatn Web";src:url("/static/fonts/Vazirmatn.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:system;src:local("Vazirmatn"),local("Tahoma")}
:root{
  --bg:#f4f6fb;--panel:#fff;--panel-soft:#f8fafc;--text:#172033;--muted:#667085;
  --border:#e4e8f0;--border-strong:#d2d8e3;--primary:#4f46e5;--primary-dark:#3730a3;
  --primary-soft:#eef2ff;--danger:#d92d20;--danger-soft:#fff0ef;--success:#087a55;
  --success-soft:#eaf8f3;--warning:#9a6700;--warning-soft:#fff6df;--purple:#6941c6;
  --purple-soft:#f3efff;--sidebar:#101828;--sidebar-soft:#1d2939;
  --shadow:0 8px 24px rgba(16,24,40,.055);--shadow-hover:0 16px 36px rgba(16,24,40,.1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 88% 0,#eef2ff 0,transparent 24%),var(--bg);color:var(--text);font-family:"Vazirmatn Web",system,Tahoma,Arial,sans-serif;line-height:1.65}
a{color:inherit}
.icon{width:21px;height:21px;display:block;flex:none}
.sidebar{position:fixed;z-index:50;right:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,#111827 0%,#0b1220 100%);color:#fff;padding:20px 16px;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(15,23,42,.08)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:4px 7px;color:#fff}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(99,102,241,.3)}
.brand strong{display:block;font-size:18px;line-height:1.25}.brand small{display:block;color:#98a2b3;font-size:11px;margin-top:2px}
.sidebar-close{display:none;border:0;background:transparent;color:#cbd5e1;padding:7px;border-radius:8px;cursor:pointer}
.sidebar-nav{display:grid;gap:7px}
.sidebar-nav a,.logout-button{display:flex;align-items:center;gap:12px;color:#cbd5e1;text-decoration:none;padding:11px 13px;border-radius:11px;background:transparent;border:1px solid transparent;width:100%;text-align:right;font:inherit;font-weight:650;cursor:pointer;transition:.18s ease}
.sidebar-nav a:hover,.logout-button:hover{background:rgba(255,255,255,.07);color:#fff}
.sidebar-nav a.active{background:linear-gradient(135deg,rgba(99,102,241,.24),rgba(139,92,246,.14));color:#fff;border-color:rgba(129,140,248,.24);box-shadow:inset 3px 0 0 #818cf8}
.sidebar-nav a.active .icon{color:#a5b4fc}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.content{margin-right:252px;padding:32px;max-width:1700px;min-height:100vh}
.mobile-menu-button{display:none;position:fixed;z-index:42;top:14px;right:14px;width:44px;height:44px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:12px;box-shadow:var(--shadow);align-items:center;justify-content:center;cursor:pointer}.sidebar-overlay{display:none}
.page-header,header{margin-bottom:23px}.page-heading{display:flex;align-items:center;gap:13px}.page-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#eef2ff,#f7f7ff);color:var(--primary);display:grid;place-items:center;border:1px solid #dde2ff;box-shadow:0 7px 18px rgba(79,70,229,.08)}.page-icon .icon{width:25px;height:25px}
h1{margin:0 0 3px;font-size:28px;line-height:1.35;letter-spacing:-.35px}h2{font-size:19px;margin:0}h3{font-size:16px}header p,.page-heading p,.muted,.panel-heading p,.panel-toolbar p{color:var(--muted);margin:0;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin-bottom:20px}.card,.panel{background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.card{padding:18px}.panel{padding:22px;margin-bottom:18px}
.stat-card{position:relative;display:flex;align-items:center;gap:13px;text-decoration:none;min-height:104px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}.stat-icon .icon{width:23px;height:23px}.stat-card div>span{display:block;color:var(--muted);font-size:12px;font-weight:700}.stat-card strong{display:block;font-size:27px;line-height:1.25;margin-top:4px}.stat-arrow{position:absolute;left:14px;width:18px;height:18px;color:#a0a8b7}.stat-users .stat-icon{background:#eef2ff;color:#4f46e5}.stat-plans .stat-icon{background:#ecfdf3;color:#087a55}.stat-configs .stat-icon{background:#eef8ff;color:#1570a6}.stat-receipts .stat-icon{background:#fff6df;color:#9a6700}.stat-waiting .stat-icon{background:#f3efff;color:#6941c6}.stat-delivered .stat-icon{background:#e9f8f2;color:#087a55}.stat-wallet .stat-icon{background:#fff4e5;color:#b54708}
.panel-heading,.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h2,.panel-toolbar h2{margin-bottom:2px}.panel-heading-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f2f4f7;color:#475467}.panel-heading-icon.warning{background:var(--warning-soft);color:var(--warning)}
.grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid-form .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#344054}input,textarea,select{width:100%;border:1px solid #cfd6e2;border-radius:10px;padding:10px 11px;background:#fff;font:inherit;color:var(--text);transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;direction:rtl}input:focus,textarea:focus,select:focus{outline:0;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.13)}
button,.button-link{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}button:hover,.button-link:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait;transform:none}.is-loading{pointer-events:none}button:focus-visible,.button-link:focus-visible,a:focus-visible{outline:3px solid rgba(79,70,229,.22);outline-offset:2px}.primary{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;box-shadow:0 6px 14px rgba(79,70,229,.18)}.secondary{background:#eef1f6;color:#273249}.danger-button{background:var(--danger-soft);color:var(--danger)}.success-button{background:var(--success-soft);color:var(--success)}.wide{width:100%}.button-icon{width:17px;height:17px}.compact-button{padding:8px 10px;font-size:12px;border-radius:9px}
.filter-bar,.actions,.actions-panel,.inline-form,.user-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-bar{margin-bottom:16px}.filter-bar select{width:auto;min-width:180px}.compact-filter{margin:0}.compact-filter select{min-width:150px}.actions form,.user-actions form{margin:0}
.table-wrap{overflow:auto;border-radius:13px;border:1px solid var(--border);background:#fff}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{text-align:right;padding:14px 12px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}th{position:sticky;top:0;z-index:2;font-size:11px;color:var(--muted);font-weight:850;background:#f8fafc;letter-spacing:.1px}td{font-size:13px}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.clickable{cursor:pointer;transition:background .14s}.clickable:hover,tbody tr:hover{background:#fafbff}
.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#edf0f5;font-size:11px;font-weight:850}.badge.success,.status-delivered,.status-approved{background:var(--success-soft);color:var(--success)}.badge.danger,.status-rejected{background:var(--danger-soft);color:var(--danger)}.status-receipt_submitted{background:var(--warning-soft);color:var(--warning)}.status-waiting_config{background:var(--purple-soft);color:var(--purple)}.status-waiting_payment,.muted-badge{background:#eef1f5;color:#596173}.status-cancelled{background:#edf1f5;color:#475467}.status-expired{background:#fff1e8;color:#b54708}
.order-status-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:13px;margin-bottom:19px}.order-status-card{--card-color:#4f46e5;--card-soft:#eef2ff;position:relative;min-height:118px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff;text-decoration:none;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;align-items:center;gap:7px 11px;overflow:hidden;box-shadow:var(--shadow);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.order-status-card::after{content:"";position:absolute;left:-28px;bottom:-40px;width:105px;height:105px;border-radius:50%;background:var(--card-soft);opacity:.72}.order-status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#ccd4e2}.order-status-card.active{border-color:var(--card-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-color) 13%,transparent),var(--shadow)}.order-status-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--card-soft);color:var(--card-color);z-index:1}.order-status-icon .icon{width:22px;height:22px}.order-status-content{display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:1}.order-status-content span{font-size:12px;font-weight:750;color:#475467}.order-status-content strong{font-size:25px;line-height:1;color:var(--card-color)}.order-status-hint{grid-column:1/-1;color:#98a2b3;font-size:10px;font-weight:650;z-index:1}.order-status-card.active .order-status-hint{color:var(--card-color)}
.status-card-all{--card-color:#4f46e5;--card-soft:#eef2ff}.status-card-gray{--card-color:#667085;--card-soft:#f2f4f7}.status-card-amber{--card-color:#b54708;--card-soft:#fff4e5}.status-card-purple{--card-color:#6941c6;--card-soft:#f3efff}.status-card-green{--card-color:#087a55;--card-soft:#e9f8f2}.status-card-red{--card-color:#d92d20;--card-soft:#fff0ef}.status-card-slate{--card-color:#475467;--card-soft:#edf1f5}.status-card-orange{--card-color:#c2410c;--card-soft:#fff1e8}
.orders-heading{margin-bottom:15px}.clear-filter{background:#f2f4f7;color:#475467;padding:8px 11px;font-size:12px}.order-code,.record-id{direction:ltr;unicode-bidi:isolate;display:inline-flex;background:#f1f3f8;color:#344054;padding:5px 8px;border-radius:7px;font-size:12px}.row-action{width:31px;height:31px;border-radius:9px;background:#f2f4f7;color:#667085;display:grid;place-items:center;text-decoration:none}.row-action .icon{width:16px;height:16px}.orders-table tbody tr:hover .row-action{background:var(--primary-soft);color:var(--primary)}
.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}.empty-state>span{width:54px;height:54px;margin:0 auto 11px;border-radius:16px;background:#f2f4f7;color:#667085;display:grid;place-items:center}.empty-state>span .icon{width:26px;height:26px}.empty-state h3{margin:0 0 4px;color:var(--text)}.empty-state p{margin:0;font-size:12px}.empty-state.compact{padding:22px;display:flex;align-items:center;justify-content:center;gap:10px}.empty-state.compact>span{width:38px;height:38px;margin:0;background:var(--success-soft);color:var(--success)}.empty-state.compact p{font-size:13px}
.code-cell{max-width:520px}.config-preview{direction:ltr;unicode-bidi:isolate;display:block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.order-link{color:var(--primary);text-decoration:none;font-weight:750}.ltr{direction:ltr;unicode-bidi:isolate}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details{display:grid;grid-template-columns:140px 1fr;gap:12px}.details dt{color:var(--muted)}.details dd{margin:0}.receipt{display:block;max-width:100%;max-height:580px;margin:auto;border-radius:12px;border:1px solid var(--border)}.config-box{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;background:#101827;color:#e9efff;padding:14px;border-radius:10px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.alert.danger{background:var(--danger-soft);color:var(--danger)}.alert.success{background:var(--success-soft);color:var(--success)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#eef2ff,transparent 35%),var(--bg)}.login-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:29px;width:min(420px,100%);display:grid;gap:17px;box-shadow:0 18px 50px rgba(15,23,42,.1)}.login-card h1{font-size:22px}.button-link{background:#eef1f6;color:#273249}
.wallet-status-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.wallet-summary-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:18px;margin-bottom:18px}.wallet-balance-card{display:flex;align-items:center;gap:18px;min-height:170px;background:linear-gradient(145deg,#111827,#28354d);color:#fff;border:0}.wallet-balance-card .wallet-big-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;flex:none}.wallet-balance-card .wallet-big-icon .icon{width:31px;height:31px}.wallet-balance-card span{display:block;color:#cbd5e1;font-size:13px;font-weight:750}.wallet-balance-card strong{display:block;font-size:30px;margin-top:7px;color:#fff}.wallet-telegram-id{display:block;margin-top:10px;color:#b8c2d3;font-size:11px;direction:ltr;unicode-bidi:isolate;text-align:right}.wallet-adjust-form{grid-template-columns:1fr 1fr}.wallet-adjust-form button{align-self:end}.amount-credit{color:var(--success)}.amount-debit{color:var(--danger)}
/* Users */
.user-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}.user-filter-card{--card-color:#4f46e5;--card-soft:#eef2ff;display:flex;align-items:center;gap:12px;min-height:92px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:15px;text-decoration:none;box-shadow:var(--shadow);transition:.18s ease}.user-filter-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.user-filter-card.active{border-color:var(--card-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-color) 12%,transparent),var(--shadow)}.user-filter-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--card-soft);color:var(--card-color);flex:none}.user-filter-copy{min-width:0}.user-filter-copy span{display:block;color:#475467;font-size:11px;font-weight:750;white-space:nowrap}.user-filter-copy strong{display:block;color:var(--card-color);font-size:24px;line-height:1.2;margin-top:4px}.users-panel{padding-bottom:14px}.search-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-field{position:relative;display:block;min-width:290px}.search-field input{padding-right:40px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#98a2b3}.user-identity{display:flex;align-items:center;gap:11px}.user-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#eef2ff,#e5e7ff);color:var(--primary);font-weight:900;flex:none}.user-identity strong{display:block}.telegram-id-cell{text-align:right!important}.telegram-id-value{direction:ltr;unicode-bidi:isolate;display:inline-flex;justify-content:flex-end;text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#f5f7fa;border:1px solid #e7eaf0;padding:5px 8px;border-radius:8px}.metric-pill{min-width:34px;height:30px;padding:0 9px;display:inline-grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#344054;font-weight:850}.metric-pill.low-stock{background:var(--danger-soft);color:var(--danger)}.wallet-value{font-variant-numeric:tabular-nums}.blocked-row{background:#fffafa}.blocked-row:hover{background:#fff5f4}.user-actions{flex-wrap:nowrap}
/* Pagination */
.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;margin-top:2px}.pagination-summary{color:var(--muted);font-size:12px}.pagination-summary strong{color:#344054}.pagination-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.page-size-control{display:flex;align-items:center;grid-template-columns:auto auto;gap:8px;color:var(--muted);font-size:12px;font-weight:650}.page-size-control select{width:78px;padding:8px}.page-buttons{display:flex;align-items:center;gap:5px;direction:rtl}.page-button{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#475467;text-decoration:none;display:grid;place-items:center;font-size:12px;font-weight:750;transition:.15s}.page-button:hover{border-color:#c7cee0;background:#f8faff;color:var(--primary)}.page-button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 12px rgba(79,70,229,.2)}.page-button.disabled{opacity:.45;pointer-events:none}.page-nav{padding:0 12px}.page-ellipsis{color:#98a2b3;padding:0 3px}
@supports not (color:color-mix(in srgb,red,blue)){.order-status-card.active,.user-filter-card.active{box-shadow:0 0 0 3px rgba(79,70,229,.12),var(--shadow)}}
@media(max-width:1280px){.user-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.order-status-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:1180px){.order-status-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.grid-form{grid-template-columns:repeat(2,1fr)}.wallet-status-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.panel-toolbar{align-items:flex-start;flex-direction:column}.search-form{width:100%}.search-field{flex:1;min-width:240px}}
@media(max-width:900px){body{padding-top:66px}.mobile-menu-button{display:flex}.sidebar{transform:translateX(110%);transition:transform .22s ease;width:min(286px,86vw)}.menu-open .sidebar{transform:translateX(0)}.sidebar-close{display:grid;place-items:center}.sidebar-overlay{position:fixed;z-index:45;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.menu-open .sidebar-overlay{display:block}.content{margin-right:0;padding:18px}.grid-form,.two-cols{grid-template-columns:1fr}.grid-form .full{grid-column:auto}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.wallet-summary-grid{grid-template-columns:1fr}.user-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-table{min-width:890px}}
@media(max-width:600px){.content{padding:12px}.panel{padding:14px;border-radius:14px}.page-heading{align-items:flex-start}.page-icon{width:42px;height:42px;border-radius:12px}h1{font-size:23px}.order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.order-status-card{min-height:108px;padding:12px;grid-template-columns:39px 1fr}.order-status-icon{width:39px;height:39px}.order-status-content{display:block}.order-status-content span{display:block;font-size:10px}.order-status-content strong{font-size:23px}.order-status-hint{font-size:9px}.cards,.dashboard-cards{grid-template-columns:1fr}.stat-card{min-height:91px}.panel-heading{align-items:flex-start}.orders-heading{flex-direction:column}.details{grid-template-columns:1fr}.actions-panel{align-items:stretch}.actions-panel form,.actions-panel .button-link,.inline-form{width:100%}.inline-form select,.inline-form input,.inline-form button{width:100%}.wallet-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-adjust-form{grid-template-columns:1fr}.wallet-balance-card{min-height:135px}.wallet-balance-card strong{font-size:25px}.user-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-filter-card{min-height:82px;padding:11px;gap:9px}.user-filter-icon{width:38px;height:38px}.user-filter-copy span{font-size:10px}.user-filter-copy strong{font-size:21px}.search-form{display:grid;grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1;min-width:0}.pagination-bar{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%;align-items:flex-start;flex-direction:column}.page-buttons{width:100%;overflow-x:auto;padding-bottom:4px}.page-size-control{width:100%;justify-content:space-between}.user-actions{flex-wrap:wrap}.compact-filter{width:100%}.compact-filter select,.compact-filter button,.compact-filter .button-link{width:100%}}

/* ===== v1.9.0 UX / PWA / responsive mobile ===== */
body.modal-open{overflow:hidden}.sidebar{padding-bottom:max(20px,env(safe-area-inset-bottom))}.content{padding-bottom:max(28px,env(safe-area-inset-bottom))}.sidebar-footer{display:grid;gap:8px}.install-app-button{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(99,102,241,.16);color:#dfe3ff;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s}.install-app-button:hover{background:rgba(99,102,241,.27);color:#fff}.install-app-button[hidden]{display:none!important}.install-app-button .icon{width:18px;height:18px}
.user-filter-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--card-color) 18%,var(--border));background:linear-gradient(145deg,#fff 42%,var(--card-soft) 145%)}.user-filter-card::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--card-color);opacity:.78}.user-filter-card:hover{border-color:color-mix(in srgb,var(--card-color) 38%,var(--border));transform:translateY(-3px)}.user-filter-card.active{background:linear-gradient(145deg,#fff 20%,var(--card-soft) 115%)}.user-filter-card.active::after{height:5px;opacity:1}.user-filter-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-color) 12%,transparent)}.user-filter-icon .icon{width:23px;height:23px}.status-card-all{--card-color:#4f46e5;--card-soft:#eef2ff}.status-card-green{--card-color:#07875f;--card-soft:#e8faf3}.status-card-red{--card-color:#dc2626;--card-soft:#fff0f0}.status-card-purple{--card-color:#7c3aed;--card-soft:#f5f0ff}.status-card-amber{--card-color:#d97706;--card-soft:#fff7e8}.telegram-id-cell{text-align:right!important;direction:rtl}.telegram-id-value{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;margin:0;font-variant-numeric:tabular-nums;letter-spacing:.15px}
.confirm-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.confirm-modal.open{visibility:visible;opacity:1}.confirm-modal-backdrop{position:absolute;inset:0;background:rgba(10,17,30,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-modal-card{position:relative;z-index:1;width:min(430px,100%);background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:27px 24px 22px;text-align:center;box-shadow:0 30px 80px rgba(15,23,42,.28);transform:translateY(12px) scale(.97);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.confirm-modal.open .confirm-modal-card{transform:translateY(0) scale(1)}.confirm-modal-close{position:absolute;left:13px;top:13px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#f2f4f7;color:#667085;cursor:pointer}.confirm-modal-close .icon{width:18px;height:18px}.confirm-modal-icon{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.confirm-modal-icon .icon{width:29px;height:29px}.confirm-modal h2{margin:0 0 7px;font-size:20px}.confirm-modal p{margin:0 auto;color:var(--muted);font-size:13px;line-height:1.9;max-width:340px}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.confirm-modal-actions button{min-height:44px}button,.button-link,select,input,textarea{touch-action:manipulation}.login-app-icon{width:68px;height:68px;border-radius:20px;box-shadow:0 12px 28px rgba(79,70,229,.23)}.login-card>div h1{margin:0}.login-card>div p{margin:3px 0 0;font-size:12px}
@media(max-width:900px){.mobile-menu-button{top:max(12px,env(safe-area-inset-top));right:14px;width:46px;height:46px;border-radius:14px;box-shadow:0 9px 24px rgba(15,23,42,.16)}body{padding-top:calc(66px + env(safe-area-inset-top))}.sidebar{padding-top:max(20px,env(safe-area-inset-top))}.content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.page-header{margin-bottom:15px}.panel-toolbar{gap:14px}.actions,.user-actions{gap:8px}.compact-button{min-height:40px;padding:9px 12px}}
@media(max-width:760px){.table-wrap{overflow:visible;border:0;background:transparent}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:11px}.table-wrap tbody tr{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:7px 13px;box-shadow:0 6px 18px rgba(16,24,40,.045);overflow:hidden}.table-wrap tbody tr:hover{background:#fff}.table-wrap tbody tr.blocked-row{background:#fff8f8;border-color:#ffd8d5}.table-wrap tbody td{min-height:42px;padding:9px 0!important;border:0!important;border-bottom:1px dashed #edf0f5!important;display:grid;grid-template-columns:minmax(94px,.42fr) minmax(0,.58fr);align-items:center;gap:12px;text-align:left!important;white-space:normal}.table-wrap tbody td:last-child{border-bottom:0!important}.table-wrap tbody td::before{content:attr(data-label);color:#7a8496;font-size:11px;font-weight:750;text-align:right;direction:rtl}.table-wrap tbody td>*{max-width:100%}.table-wrap .actions,.table-wrap .user-actions{justify-content:flex-start;flex-wrap:wrap}.table-wrap .actions form,.table-wrap .user-actions form{flex:1;min-width:120px}.table-wrap .actions button,.table-wrap .actions .button-link,.table-wrap .user-actions button,.table-wrap .user-actions .button-link{width:100%;justify-content:center}.table-wrap .config-preview{max-width:100%;white-space:normal;overflow-wrap:anywhere}.table-wrap .user-identity{justify-content:flex-start}.table-wrap .telegram-id-value{justify-self:start}.users-table{min-width:0!important}.pagination-summary{line-height:1.8}.page-buttons{direction:rtl;scrollbar-width:none}.page-buttons::-webkit-scrollbar{display:none}}
@media(max-width:600px){.user-filter-grid{grid-template-columns:1fr 1fr}.user-filter-card{min-height:96px;align-items:flex-start;flex-direction:column;gap:7px}.user-filter-icon{width:36px;height:36px;border-radius:11px}.user-filter-icon .icon{width:20px;height:20px}.user-filter-copy span{white-space:normal;line-height:1.55}.user-filter-copy strong{font-size:22px}.confirm-modal{padding:12px;align-items:end}.confirm-modal-card{width:100%;border-radius:22px 22px 16px 16px;padding:25px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(35px)}.confirm-modal-actions{grid-template-columns:1fr;gap:8px}.confirm-modal-actions [data-confirm-submit]{order:-1}}

/* ===== v2.0.0 order detail, instant modal and Iran date UX ===== */
.confirm-modal{opacity:1;transition:none;pointer-events:none}
.confirm-modal.open{pointer-events:auto}
.confirm-modal-backdrop{will-change:backdrop-filter;background:rgba(10,17,30,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.confirm-modal-card{opacity:0;transform:translateY(12px) scale(.97)}
.confirm-modal.open .confirm-modal-card{opacity:1;transform:translateY(0) scale(1)}
.order-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px}
.title-with-badge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.title-with-badge h1{margin:0}.title-with-badge code{direction:ltr;unicode-bidi:isolate}
.order-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.order-summary-item{background:#fff;border:1px solid var(--border);border-radius:17px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow);min-width:0}
.order-summary-item>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:none}.order-summary-item:nth-child(2)>span{background:#fff6df;color:#9a6700}.order-summary-item:nth-child(3)>span{background:#eaf8f3;color:#087a55}
.order-summary-item>div{min-width:0}.order-summary-item small,.order-summary-item em{display:block;color:var(--muted);font-size:11px;font-style:normal}.order-summary-item strong{display:block;font-size:15px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}.order-main-column,.order-side-column{min-width:0}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.info-box{background:var(--panel-soft);border:1px solid #edf0f5;border-radius:13px;padding:13px;min-width:0}.info-box small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.info-box strong{display:block;font-size:13px;overflow-wrap:anywhere}.ltr-value{direction:ltr;unicode-bidi:isolate;text-align:left;font-variant-numeric:tabular-nums}
.customer-profile-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.customer-avatar{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;flex:none}.customer-profile-row strong,.customer-profile-row small{display:block}.customer-profile-row small{color:var(--muted);direction:ltr;text-align:right}
.telegram-id-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:12px 13px}.telegram-id-box span{color:var(--muted);font-size:12px;font-weight:750}.telegram-id-box code{direction:ltr;unicode-bidi:isolate;text-align:left;font-size:14px;font-weight:800;letter-spacing:.2px;background:#eef2ff;color:#3730a3;padding:5px 9px;border-radius:8px}
.receipt-panel{position:sticky;top:18px}.receipt-link{display:block;border-radius:14px;overflow:hidden;background:#f2f4f7;border:1px solid var(--border)}.receipt{display:block;width:100%;max-height:520px;object-fit:contain;background:#f8fafc}.payment-confirmed-card{text-align:center;background:var(--success-soft);border:1px solid #bcebd9;border-radius:15px;padding:22px 16px;color:var(--success)}.payment-confirmed-card>span{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#fff}.payment-confirmed-card strong{display:block}.payment-confirmed-card p{margin:5px 0 0;font-size:12px;color:#386b5b}
.order-action-center{position:relative}.action-stack{display:grid;gap:13px}.action-primary{min-height:48px}.manual-assign-box,.reject-box{border:1px solid var(--border);border-radius:14px;padding:13px;background:#fbfcfe}.manual-assign-box>div,.reject-box>div{margin-bottom:10px}.manual-assign-box strong,.manual-assign-box small,.reject-box strong,.reject-box small{display:block}.manual-assign-box small,.reject-box small{color:var(--muted);font-size:11px;margin-top:2px}.manual-assign-box form,.reject-box form{display:grid;gap:9px}.reject-box{background:#fffafa;border-color:#ffd9d5}.inline-alert{padding:12px 13px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px;line-height:1.8;border:1px solid #dfe3ff}.inline-alert.warning{background:var(--warning-soft);color:var(--warning);border-color:#f4dd9a}.admin-note{margin-top:15px;padding:13px;border-radius:12px;background:#fff8e7;border:1px solid #f5dda0}.admin-note strong{font-size:12px}.admin-note p{margin:4px 0 0;font-size:12px}.delivered-config-block{margin-top:18px}.delivered-config-block h3{margin-bottom:2px}.delivered-config-block p{margin:0 0 10px;color:var(--muted);font-size:11px}.config-box{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;color:#e2e8f0;border-radius:13px;padding:14px;font-family:Consolas,monospace;font-size:12px;line-height:1.7;max-height:280px;overflow:auto}
label small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.65}
@media(max-width:1180px){.order-detail-layout{grid-template-columns:1fr}.order-side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.receipt-panel{position:static}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.order-detail-header{align-items:flex-start;flex-direction:column}.order-detail-header>.button-link{width:100%}.order-summary-strip{grid-template-columns:1fr}.order-summary-item{padding:13px}.order-side-column{display:block}.info-grid{grid-template-columns:1fr}.telegram-id-box{align-items:flex-start;flex-direction:column}.telegram-id-box code{width:100%;text-align:center}.receipt{max-height:430px}.order-summary-item strong{white-space:normal}.confirm-modal-backdrop{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}}

/* ===== Kolang Shop v2.2.0 brand and mobile-first admin UX ===== */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--panel-soft:#f8fafc;--text:#10213a;--muted:#68768a;
  --border:#e3e9f2;--border-strong:#ccd5e2;--primary:#0f766e;--primary-dark:#0b5f59;
  --primary-soft:#e9fbf7;--sidebar:#071426;--sidebar-soft:#0d2038;
  --brand-cyan:#22d3ee;--brand-green:#2dd4bf;--brand-blue:#2563eb;
  --shadow:0 8px 28px rgba(9,30,66,.065);--shadow-hover:0 18px 42px rgba(9,30,66,.12)
}
body{background:radial-gradient(circle at 92% -5%,rgba(34,211,238,.14),transparent 27%),radial-gradient(circle at 10% 4%,rgba(45,212,191,.10),transparent 23%),var(--bg)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.button-link,.sidebar-nav a,.mobile-bottom-nav a{touch-action:manipulation}
.sidebar{background:linear-gradient(180deg,#071426 0%,#081a2d 58%,#071426 100%);box-shadow:-12px 0 38px rgba(4,15,30,.16)}
.brand{gap:10px}.brand-mark{width:46px;height:46px;padding:4px;border-radius:15px;background:linear-gradient(145deg,rgba(34,211,238,.22),rgba(45,212,191,.12));border:1px solid rgba(103,232,249,.22);box-shadow:0 10px 26px rgba(34,211,238,.12)}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:11px}.brand strong{font-size:17px;letter-spacing:.15px}.brand small{font-size:10px;color:#8ea5bf;direction:ltr;text-align:right}
.sidebar-nav a.active{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(45,212,191,.10));border-color:rgba(103,232,249,.22);box-shadow:inset 3px 0 0 #2dd4bf}
.sidebar-nav a.active .icon{color:#67e8f9}.install-app-button{background:rgba(34,211,238,.09);border-color:rgba(103,232,249,.18);color:#d5fbff}
.page-icon{background:linear-gradient(145deg,#e8fbf8,#ecf7ff);color:#0f766e;border:1px solid #d5f3ef}
.primary{background:linear-gradient(135deg,#0f766e,#0e7490);box-shadow:0 7px 16px rgba(15,118,110,.16)}.primary:hover{background:linear-gradient(135deg,#0b665f,#0d6580)}
.card,.panel{border-color:#e5eaf2}.stat-card::before{background:linear-gradient(90deg,#2dd4bf,#22d3ee)}

.mobile-topbar,.mobile-bottom-nav{display:none}
.login-page{background:radial-gradient(circle at 78% 10%,rgba(34,211,238,.2),transparent 28%),radial-gradient(circle at 20% 88%,rgba(45,212,191,.17),transparent 30%),linear-gradient(145deg,#061325,#0b2540);min-height:100dvh}
.login-card{border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 75px rgba(1,10,25,.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.login-brand{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:15px;background:linear-gradient(135deg,#071a2d,#0c2f45);color:#fff;margin-bottom:4px}.login-brand .login-app-icon{width:52px;height:52px;margin:0;border-radius:14px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{color:#8ddde5;font-size:10px;direction:ltr;text-align:right;letter-spacing:.4px}

/* Wallet pending status terminology and visual emphasis */
.status-receipt_submitted{background:#fff7df!important;color:#8a5900!important;border-color:#f3d68c!important}
.wallet-status-grid .status-card-amber{--card-color:#b26a00;--card-soft:#fff4d6}

/* Immediate modal backdrop with polished mobile sheet */
.confirm-modal{transition:visibility 0s linear .16s;visibility:hidden}.confirm-modal.open{visibility:visible;transition-delay:0s}
.confirm-modal-backdrop{background:rgba(2,12,27,.56);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity .12s ease}
.confirm-modal.open .confirm-modal-backdrop{opacity:1}.confirm-modal-card{border:1px solid rgba(255,255,255,.68);box-shadow:0 28px 80px rgba(3,15,31,.28)}

/* Cleaner responsive content density */
.content{padding:30px clamp(20px,2.5vw,38px);width:calc(100% - 252px)}
.panel-toolbar,.panel-heading{min-height:48px}.table-wrap{box-shadow:inset 0 1px 0 #fff}
input,select,textarea,button,.button-link{min-height:44px}
.page-header{gap:14px}.page-heading p{line-height:1.85}
.order-status-card,.user-filter-card{isolation:isolate}.order-status-card::after{z-index:-1}

@media(max-width:900px){
  body{padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(78px + env(safe-area-inset-bottom));background:var(--bg)}
  .mobile-topbar{display:flex;position:fixed;z-index:44;top:0;right:0;left:0;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;align-items:center;justify-content:space-between;background:rgba(7,20,38,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(4,15,30,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-menu-button{display:grid;place-items:center;position:static;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:13px;box-shadow:none}
  .mobile-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff}.mobile-brand img{width:38px;height:38px;border-radius:11px}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-size:14px;line-height:1.25}.mobile-brand small{font-size:9px;color:#87dce3;direction:ltr;text-align:right}
  .mobile-top-action{width:44px;height:44px;display:grid;place-items:center;color:#dbeafe;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.06)}
  .sidebar{z-index:60;width:min(310px,88vw);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.sidebar-overlay{z-index:55;background:rgba(2,12,27,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .content{width:100%;margin:0;padding:16px max(13px,env(safe-area-inset-right)) 18px max(13px,env(safe-area-inset-left));min-height:calc(100dvh - 146px)}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:43;right:0;bottom:0;left:0;min-height:calc(66px + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid #e2e8f0;box-shadow:0 -12px 30px rgba(15,23,42,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;color:#7b8798;text-decoration:none;border-radius:12px;font-size:9px;font-weight:800}.mobile-bottom-nav a .icon{width:21px;height:21px}.mobile-bottom-nav a.active{color:#0f766e;background:#e9fbf7}.mobile-bottom-nav a.active::before{content:"";position:absolute;top:-7px;width:24px;height:3px;border-radius:0 0 4px 4px;background:#14b8a6}
  .page-header{margin-bottom:13px}.page-heading{gap:10px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.page-icon{width:44px;height:44px;flex:none}
  .panel,.card{border-radius:17px}.panel{padding:16px;margin-bottom:13px}.panel-heading,.panel-toolbar{margin-bottom:14px}
  .page-header>.actions,.page-header>.button-link{width:100%}.page-header>.actions>*{flex:1}.page-header>.actions button,.page-header>.actions .button-link{width:100%;justify-content:center}
}

@media(max-width:760px){
  /* Swipeable filters are easier than a tall grid on phones */
  .order-status-grid,.user-filter-grid,.wallet-status-grid{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:10px;margin-left:-13px;margin-right:-13px;padding:2px 13px 12px;scrollbar-width:none}.order-status-grid::-webkit-scrollbar,.user-filter-grid::-webkit-scrollbar,.wallet-status-grid::-webkit-scrollbar{display:none}
  .order-status-card{flex:0 0 min(78vw,270px);min-height:102px;scroll-snap-align:start;padding:13px}.user-filter-card{flex:0 0 min(67vw,230px);min-height:88px;scroll-snap-align:start;flex-direction:row;align-items:center}.wallet-status-grid .order-status-card{flex-basis:min(72vw,250px)}
  .order-status-content{display:flex}.order-status-content span{font-size:11px}.order-status-content strong{font-size:24px}.order-status-hint{font-size:9px}
  .table-wrap tbody{gap:10px}.table-wrap tbody tr{border-radius:17px;padding:8px 13px;box-shadow:0 6px 20px rgba(13,35,62,.055)}.table-wrap tbody td{grid-template-columns:minmax(90px,.4fr) minmax(0,.6fr);min-height:44px}.table-wrap tbody td::before{font-size:10px}.table-wrap tbody td small{line-height:1.6}
  .row-action{width:100%;min-height:38px;border-radius:10px;background:#edfafa;color:#0f766e;display:grid;place-items:center}
  .pagination-bar{gap:10px;padding-top:13px}.page-size-control select{min-height:42px}.page-button{min-width:42px;min-height:42px}
  .details,.info-grid{gap:9px}.info-box{padding:12px;border-radius:12px}.receipt{max-height:58vh}
  .action-stack button,.action-stack .button-link,.manual-assign-box button,.reject-box button{min-height:48px}
  .confirm-modal{padding:10px}.confirm-modal-card{border-radius:24px 24px 16px 16px}.confirm-modal-actions button{min-height:50px}
}

@media(max-width:480px){
  .mobile-brand small{display:none}.content{padding-top:12px}.panel{padding:13px}.page-heading h1{font-size:20px}.page-icon{width:40px;height:40px;border-radius:12px}.order-status-card{flex-basis:82vw}.user-filter-card{flex-basis:72vw}
  .search-form{grid-template-columns:1fr}.search-field{grid-column:auto}.search-form button,.search-form .button-link,.search-form select{width:100%}
  .table-wrap tbody td{grid-template-columns:84px minmax(0,1fr);gap:8px}.telegram-id-value{font-size:11px;overflow-wrap:anywhere}
  .mobile-bottom-nav{padding-right:3px;padding-left:3px}.mobile-bottom-nav a{font-size:8.5px}.mobile-bottom-nav a .icon{width:20px;height:20px}
}

@media(display-mode:standalone){
  .mobile-topbar{background:#071426}.install-app-button{display:none!important}
}

/* ===== Kolang Shop v2.2.0 mobile dashboard and form refinements ===== */
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23647586' d='M5.2 7.3a1 1 0 0 1 1.4 0L10 10.7l3.4-3.4a1 1 0 1 1 1.4 1.4l-4.1 4.1a1 1 0 0 1-1.4 0L5.2 8.7a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 15px center;background-size:15px;padding-left:44px!important;padding-right:13px!important}
.grid-form label small{display:block;margin-top:6px;line-height:1.7;color:#8993a3;font-size:10px}
@media(max-width:760px){
  .dashboard-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dashboard-cards .stat-card{min-height:112px;padding:14px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:8px 10px!important}
  .dashboard-cards .stat-icon{width:40px!important;height:40px!important;border-radius:12px!important}.dashboard-cards .stat-icon .icon{width:21px!important;height:21px!important}
  .dashboard-cards .stat-card>div{align-self:end}.dashboard-cards .stat-card>div span{font-size:10px!important;white-space:normal}.dashboard-cards .stat-card strong{font-size:25px!important}.dashboard-cards .stat-arrow{display:none}
  .order-status-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;margin:0!important;padding:0 0 13px!important;gap:10px!important;scroll-snap-type:none!important}
  .order-status-card{min-width:0!important;min-height:116px!important;flex-basis:auto!important;padding:13px!important;display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;gap:9px!important;align-items:start!important}
  .order-status-icon{width:38px!important;height:38px!important}.order-status-content strong{font-size:24px!important}.order-status-content span{font-size:10px!important;white-space:normal!important;line-height:1.55!important}.order-status-hint{grid-column:1/-1!important;font-size:9px!important;margin:0!important}
  .orders-panel{padding:13px!important}.orders-heading{align-items:flex-start!important;gap:12px!important}.orders-heading .clear-filter{width:auto!important}
  .grid-form{grid-template-columns:1fr!important}.grid-form .full{grid-column:auto!important}
}
@media(max-width:390px){.dashboard-cards .stat-card{min-height:104px;padding:12px!important}.dashboard-cards .stat-card strong{font-size:22px!important}.order-status-card{min-height:110px!important;padding:11px!important}}

/* ===== Kolang Shop v2.2.1 typography, plan form and custom selects ===== */
@font-face{font-family:"Kolang Persian";src:local("Vazirmatn"),local("Vazir"),local("Segoe UI");font-display:swap}
body,button,input,textarea,select{font-family:"Kolang Persian","Segoe UI",Tahoma,Arial,sans-serif;font-synthesis:none}
input,textarea{border-radius:13px;padding:11px 13px;background:#fff;border-color:#d8dee9;line-height:1.75}
input::placeholder,textarea::placeholder{color:#a0a8b5;opacity:1}
input:hover,textarea:hover{border-color:#bec7d6}

.plan-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.plan-field{display:grid;align-content:start;gap:8px;min-width:0;padding:14px;border:1px solid #e5e9f1;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.plan-field>span:first-child{font-size:12px;font-weight:850;color:#344054}
.plan-field:focus-within{border-color:#c7ccff;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.07)}
.plan-field input,.plan-field textarea{margin-top:1px}
.plan-field-name,.plan-field-duration{grid-column:span 2}
.plan-description{grid-column:span 2;padding-bottom:16px}
.plan-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.plan-form-actions>span{color:#7d8796;font-size:11px;line-height:1.8}
.plan-form-actions>.primary,.plan-form-actions>.actions .primary{min-width:150px;min-height:47px}
.input-with-suffix{position:relative;display:block;min-width:0}
.input-with-suffix input{padding-left:76px;width:100%}
.input-with-suffix>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:52px;height:30px;padding:0 8px;border-radius:9px;background:#f1f4f8;color:#667085;font-size:10px;font-weight:850;pointer-events:none}

.custom-select{position:relative;display:block;width:100%;min-width:0}
.custom-select-native{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
.custom-select-trigger{position:relative;width:100%;min-height:46px;padding:10px 13px 10px 43px!important;border:1px solid #d8dee9;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfcff);color:#253047;box-shadow:0 1px 2px rgba(16,24,40,.025);justify-content:flex-start;text-align:right;font-weight:720;transform:none!important}
.custom-select-trigger:hover{border-color:#bdc7d7;background:#fff;box-shadow:0 5px 16px rgba(16,24,40,.055)}
.custom-select-trigger:focus-visible,.custom-select-trigger[aria-expanded="true"]{outline:0;border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.12);background:#fff}
.custom-select-trigger>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select-trigger>i{position:absolute;left:14px;top:50%;width:9px;height:9px;border-left:2px solid #788397;border-bottom:2px solid #788397;transform:translateY(-67%) rotate(-45deg);transition:transform .18s ease;pointer-events:none}
.custom-select-trigger[aria-expanded="true"]>i{transform:translateY(-35%) rotate(135deg)}
.custom-select-menu{position:fixed;z-index:180;display:grid;gap:3px;padding:7px;background:rgba(255,255,255,.985);border:1px solid #dfe4ed;border-radius:16px;box-shadow:0 22px 55px rgba(15,23,42,.2),0 3px 10px rgba(15,23,42,.07);overflow:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-5px) scale(.985);transform-origin:top center;transition:opacity .13s ease,transform .13s ease,visibility 0s linear .13s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.custom-select-menu.opens-up{transform-origin:bottom center;transform:translateY(5px) scale(.985)}
.custom-select-menu.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);transition-delay:0s}
.custom-select-option{position:relative;width:100%;min-height:42px;padding:9px 12px 9px 38px;border:0;border-radius:11px;background:transparent;color:#344054;justify-content:flex-start;text-align:right;font-size:12px;font-weight:700;transform:none!important}
.custom-select-option:hover,.custom-select-option:focus-visible{background:#f2f4ff;color:#4338ca;outline:0}
.custom-select-option.selected{background:#eef2ff;color:#4338ca;font-weight:850}
.custom-select-option.selected::after{content:"✓";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#4f46e5;color:#fff;font-size:11px}
.custom-select-option:disabled{opacity:.45;cursor:not-allowed}

.filter-bar .custom-select,.compact-filter .custom-select{width:auto;min-width:180px}.compact-filter .custom-select{min-width:150px}.page-size-control .custom-select{width:86px;min-width:86px}.inline-form .custom-select{flex:1;min-width:180px}

@media(max-width:1180px){.plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-field-name,.plan-field-duration{grid-column:span 1}.plan-description{grid-column:1/-1}}
@media(max-width:760px){.filter-bar .custom-select,.compact-filter .custom-select,.inline-form .custom-select{width:100%;min-width:0}.page-size-control .custom-select{width:86px;min-width:86px}.plan-form{grid-template-columns:1fr!important;gap:10px}.plan-field,.plan-field-name,.plan-field-duration,.plan-description{grid-column:1!important;padding:12px;border-radius:14px}.plan-form-actions{grid-column:1!important;align-items:stretch;flex-direction:column}.plan-form-actions>.primary,.plan-form-actions>.actions,.plan-form-actions>.actions>*{width:100%}.custom-select-menu{border-radius:15px}.custom-select-option{min-height:46px}}

/* ===== Kolang Shop v2.2.3 readable admin typography ===== */
body{font-size:15px}
.sidebar-nav a,.logout-button{font-size:14px}
header p,.page-heading p,.muted,.panel-heading p,.panel-toolbar p{font-size:14px}
label{font-size:14px}
label small,.grid-form label small,.plan-form-actions>span{font-size:12px}
input,textarea,select,.custom-select-trigger{font-size:14px}
button,.button-link{font-size:14px}
.compact-button{font-size:13px}
th{font-size:12px}
td{font-size:14px}
td small{font-size:12px}
.badge{font-size:12px}
.stat-card div>span{font-size:13px}
.order-status-content span{font-size:13px}
.order-status-hint{font-size:11px}
.user-filter-copy span{font-size:13px}
.empty-state p{font-size:13px}
.info-box small,.order-summary-item small,.order-summary-item em{font-size:12px}
.info-box strong,.order-summary-item strong{font-size:14px}
.custom-select-option{font-size:13.5px}
.plan-field>span:first-child{font-size:13px}
.panel-heading h2,.panel-toolbar h2{line-height:1.45}

@media(max-width:760px){
  body{font-size:14.5px}
  .page-heading p{font-size:12.5px}
  .dashboard-cards .stat-card>div span{font-size:11px!important}
  .order-status-content span{font-size:11.5px!important}
  .order-status-hint{font-size:10px!important}
  .table-wrap tbody td::before{font-size:11.5px}
  .table-wrap tbody td{font-size:13.5px}
  .table-wrap tbody td small{font-size:11.5px}
  .custom-select-option{font-size:14px}
  .plan-field>span:first-child{font-size:13.5px}
  label{font-size:13.5px}
  label small,.grid-form label small{font-size:11.5px}
}

/* ===== Kolang Shop v2.2.4: settings center, avatars and order layout ===== */
.profile-avatar{position:relative;overflow:hidden;isolation:isolate}
.profile-avatar .avatar-fallback{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}
.profile-avatar img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .16s ease}
.profile-avatar.photo-loaded img{opacity:1}
.user-avatar.profile-avatar{border:1px solid #e3e8f2;box-shadow:0 3px 10px rgba(15,23,42,.07);background:linear-gradient(145deg,#eef2ff,#e5e7ff)}
.customer-avatar.profile-avatar{border:2px solid #fff;box-shadow:0 7px 20px rgba(79,70,229,.2)}

.settings-page-header{margin-bottom:16px}
.settings-saved{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.settings-saved .icon{width:20px;height:20px;flex:none}
.settings-form{display:grid;gap:17px}
.settings-overview{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 25px;border-radius:20px;background:linear-gradient(135deg,#1e1b4b 0%,#3730a3 52%,#0f766e 130%);color:#fff;box-shadow:0 18px 45px rgba(49,46,129,.22)}
.settings-overview::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-70px;top:-100px;background:rgba(255,255,255,.09)}
.settings-overview-copy{position:relative;z-index:1;max-width:720px}.settings-overview-copy h2{margin:5px 0 6px;font-size:22px;color:#fff}.settings-overview-copy p{margin:0;color:rgba(255,255,255,.78);font-size:13px}.settings-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:10.5px;font-weight:850;color:#fff}.settings-top-save{position:relative;z-index:1;background:#fff!important;color:#312e81!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important;white-space:nowrap}.settings-top-save:hover{background:#f8fafc!important}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:17px;align-items:start}
.settings-section{padding:0;overflow:hidden;border-radius:18px}.settings-section-payment,.settings-section-support{grid-column:1/-1}.settings-section-head{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid #e9edf4;background:linear-gradient(180deg,#fff,#fbfcff)}.settings-section-head h2{margin:0 0 3px;font-size:16px}.settings-section-head p{margin:0;color:var(--muted);font-size:11.5px}.settings-section-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:none;background:#eef2ff;color:#4f46e5}.settings-section-icon .icon{width:22px;height:22px}.settings-section-support .settings-section-icon{background:#ecfdf5;color:#047857}.settings-section-texts .settings-section-icon{background:#fff7ed;color:#c2410c}.settings-section-security .settings-section-icon{background:#fef2f2;color:#b42318}
.settings-fields{display:grid;gap:14px;padding:18px 20px 20px}.settings-fields.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-field{display:grid;align-content:start;gap:7px;padding:13px;border:1px solid #e6eaf1;border-radius:14px;background:#fcfdff;transition:border-color .15s,box-shadow .15s,background .15s}.settings-field:focus-within{border-color:#a5b4fc;background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.08)}.settings-field>span{font-size:12.5px;font-weight:850;color:#344054}.settings-field>small{font-size:10.5px;line-height:1.7;color:#7b8495}.settings-field input,.settings-field textarea{border-radius:11px;background:#fff;border-color:#dce2eb}.settings-field input[dir="ltr"]{text-align:left}.full-field{grid-column:1/-1}.compact-setting-field{max-width:500px}.input-with-suffix{position:relative}.input-with-suffix input{padding-left:70px}.input-with-suffix em{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#667085;font-size:11px;font-weight:750;border-right:1px solid #e4e7ec;padding-right:10px}
.tutorial-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 20px 14px}.tutorial-link-field{padding:12px}.tutorial-link-field>span{display:flex;align-items:center;gap:7px}.tutorial-link-field>span b{font-size:17px}.settings-inline-note{margin:0 20px 20px;padding:10px 12px;border-radius:11px;background:#f0fdf9;color:#32675d;font-size:10.5px;line-height:1.7;border:1px solid #d0f1e7}
.settings-save-bar{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid rgba(207,214,226,.9);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 14px 42px rgba(15,23,42,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.settings-save-bar strong,.settings-save-bar small{display:block}.settings-save-bar strong{font-size:12.5px}.settings-save-bar small{margin-top:2px;color:var(--muted);font-size:10.5px}.settings-save-bar button{min-width:160px}

/* Keep receipt and actions together so the sticky receipt never overlaps the action box. */
@media(min-width:1181px){.order-side-column{position:sticky;top:18px;display:flex;flex-direction:column;gap:18px}.receipt-panel{position:static!important}.order-action-center{margin:0}}

@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-section-payment,.settings-section-support{grid-column:auto}.tutorial-settings-grid{grid-template-columns:1fr}.settings-overview{align-items:flex-start}.settings-fields.two-column{grid-template-columns:1fr}.full-field{grid-column:auto}}
@media(max-width:600px){.settings-overview{padding:18px;display:grid}.settings-overview-copy h2{font-size:18px;line-height:1.7}.settings-top-save{width:100%}.settings-section-head{padding:15px}.settings-section-head h2{font-size:15px}.settings-section-head p{font-size:10.5px;line-height:1.7}.settings-fields{padding:13px;gap:10px}.settings-field{padding:11px;border-radius:13px}.tutorial-settings-grid{padding:0 13px 11px}.settings-inline-note{margin:0 13px 14px}.settings-save-bar{bottom:76px;align-items:stretch;flex-direction:column;padding:12px}.settings-save-bar>div{display:none}.settings-save-bar button{width:100%;min-width:0}.user-avatar{width:42px;height:42px;border-radius:12px}.customer-avatar{width:54px;height:54px}}
@media(min-width:1181px){.order-side-column{max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain;padding-left:3px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}}

/* ===== Kolang Shop v2.3.0: automatic purchase gifts ===== */
.status-card-blue{--card-color:#2563eb;--card-soft:#eff6ff}
.badge.muted{background:#f2f4f7;color:#667085;border-color:#e4e7ec}
.gift-user-badge{text-decoration:none;white-space:nowrap}
.gift-settings-card{scroll-margin-top:20px;overflow:hidden}
.gift-settings-heading{align-items:flex-start}
.gift-settings-title{display:flex;align-items:center;gap:12px;min-width:0}
.gift-settings-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#fff7ed,#ffedd5);color:#c2410c}
.gift-settings-icon .icon{width:24px;height:24px}
.gift-settings-form{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(220px,.8fr) auto;gap:14px;align-items:end;padding:18px 20px 20px}
.switch-setting{display:flex;align-items:center;gap:12px;min-height:74px;padding:13px;border:1px solid #e6eaf1;border-radius:14px;background:#fcfdff;cursor:pointer}
.switch-setting input{position:absolute;opacity:0;pointer-events:none}
.switch-setting>span:last-child{display:grid;gap:3px}.switch-setting strong{font-size:13px}.switch-setting small{font-size:11px;color:var(--muted)}
.switch-control{position:relative;width:48px;height:28px;border-radius:999px;background:#d0d5dd;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:.18s;flex:none}
.switch-control::after{content:"";position:absolute;width:22px;height:22px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.22);transition:.18s}
.switch-setting input:checked+.switch-control{background:#0f766e}.switch-setting input:checked+.switch-control::after{transform:translateX(-20px)}
.gift-percent-field{display:grid;gap:7px;padding:13px;border:1px solid #e6eaf1;border-radius:14px;background:#fcfdff}.gift-percent-field>span{font-size:12.5px;font-weight:850}.gift-percent-field small{font-size:10.5px;line-height:1.7;color:var(--muted)}
.gift-percent-field .input-with-suffix input{padding-left:70px}.gift-percent-field .input-with-suffix span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:11px;font-weight:750;border-right:1px solid #e4e7ec;padding-right:10px}
.gift-code-value{direction:ltr;unicode-bidi:isolate;display:inline-flex;padding:6px 9px;border-radius:9px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:850;letter-spacing:.25px}
.gift-status-active{background:#ecfdf3;color:#027a48;border-color:#abefc6}.gift-status-redeemed{background:#f4f3ff;color:#5925dc;border-color:#d9d6fe}.gift-status-expired{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.gift-status-disabled{background:#fef3f2;color:#b42318;border-color:#fecdca}
.gift-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gift-actions form{margin:0}.muted-text{font-size:12px;color:var(--muted)}
.settings-section-gifts .settings-section-icon{background:#fff7ed;color:#c2410c}
.gift-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.gifts-table td:first-child code{white-space:nowrap}

@media(max-width:1180px){.gift-settings-form{grid-template-columns:1fr 1fr}.gift-settings-form>button{grid-column:1/-1}.gift-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gift-settings-form{grid-template-columns:1fr;padding:13px}.gift-settings-form>button{grid-column:auto;width:100%}.gift-settings-heading{gap:10px}.gift-settings-title{align-items:flex-start}.gift-settings-icon{width:42px;height:42px}.gift-status-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.gift-status-grid .order-status-card{min-width:0!important}.gifts-table .gift-actions{justify-content:flex-start}.gift-user-badge{display:inline-flex}}
@media(min-width:1281px){.user-filter-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}}


/* ===== Kolang Shop v2.4.2: compact users and Telegram settings ===== */
.user-filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,210px));justify-content:start;align-items:stretch}
.user-filter-card{width:100%;max-width:210px;min-height:78px;padding:12px 13px}
.user-filter-copy strong{font-size:22px}
.telegram-settings-panel{padding:0;overflow:hidden;border-radius:18px;scroll-margin-top:20px}
.telegram-settings-head{margin:0}.telegram-settings-head .telegram-icon{background:#eaf4ff;color:#1683d8}.telegram-head-copy{min-width:0;flex:1}.telegram-status-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.telegram-status-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.telegram-status-badge.connected{background:#e9f8f2;color:#087a55}.telegram-status-badge.disconnected{background:#fff0ef;color:#b42318}
.telegram-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.telegram-config-card{border:1px solid #e6eaf1;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:14px;min-width:0}.telegram-card-title strong,.telegram-card-title small{display:block}.telegram-card-title strong{font-size:15px}.telegram-card-title small{color:var(--muted);font-size:10.5px;line-height:1.8;margin-top:3px}.telegram-bot-summary{display:flex;align-items:center;gap:11px;padding:12px;background:#f5f8fc;border:1px solid #e8edf4;border-radius:14px}.telegram-bot-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#229ed9,#1677b7);color:#fff;font-weight:950;font-size:18px;flex:none}.telegram-bot-summary strong,.telegram-bot-summary small,.telegram-bot-summary em{display:block}.telegram-bot-summary small{color:#475467;font-size:11px}.telegram-bot-summary em{font-style:normal;color:#07875f;font-size:9.5px;margin-top:3px}.telegram-connect-form,.telegram-group-form{display:grid;gap:12px}.telegram-connect-form button,.telegram-group-form button{justify-self:start}.telegram-disconnect{width:100%}.telegram-test-form{margin-top:auto}.telegram-test-form button{width:100%}.telegram-toggle-row{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid #e4e9f1;background:#f8fafc;border-radius:13px;cursor:pointer}.telegram-toggle-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);flex:none}.telegram-toggle-row span{display:block}.telegram-toggle-row strong,.telegram-toggle-row small{display:block}.telegram-toggle-row strong{font-size:12px}.telegram-toggle-row small{font-size:10px;color:var(--muted);line-height:1.7;margin-top:2px}.telegram-group-form textarea{direction:ltr;text-align:left;resize:vertical;min-height:86px}
@media(max-width:900px){.telegram-settings-grid{grid-template-columns:1fr}.user-filter-grid{justify-content:stretch}.user-filter-card{max-width:none}}
@media(max-width:600px){.telegram-settings-head{align-items:flex-start;flex-wrap:wrap}.telegram-status-badge{margin-right:auto}.telegram-settings-grid{padding:12px}.telegram-config-card{padding:13px}.telegram-connect-form button{width:100%}.user-filter-grid{display:flex;overflow-x:auto;justify-content:flex-start}.user-filter-card{flex:0 0 188px;max-width:188px;min-height:76px;flex-direction:row;align-items:center}}
.alert.warning{background:var(--warning-soft);color:var(--warning)}

/* ===== Kolang Shop v2.4.3 Telegram administration settings ===== */
.telegram-admin-help{margin:0;padding:10px 12px;border-radius:12px;background:#f6f8fc;border:1px solid #e6eaf1;color:var(--muted);font-size:10.5px;line-height:1.9}
.telegram-admin-help code{direction:ltr;display:inline-block;color:var(--primary-dark);font-weight:850}
@media(min-width:1180px){.telegram-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== Kolang Shop v2.4.5: refined status cards, sectioned settings and customer identity ===== */
body,button,input,textarea,select{font-family:"Vazirmatn Web",system,Tahoma,Arial,sans-serif!important}

/* Keep the original readable card size; remove only the old helper caption. */
.order-status-card{grid-template-rows:1fr;align-content:center;min-height:112px}
.order-status-card::before{content:"";position:absolute;right:16px;left:16px;bottom:0;height:4px;border-radius:8px 8px 0 0;background:var(--card-color);opacity:.14;transition:opacity .18s,height .18s}
.order-status-card:hover::before,.order-status-card.active::before{height:5px;opacity:.88}
.order-status-content span{font-size:12px}.order-status-content strong{font-size:25px}
.results-anchor,.settings-anchor{scroll-margin-top:88px}

/* Sectioned settings submenu inside the main sidebar. */
.sidebar-menu-group{display:grid;gap:5px}
.sidebar-menu-toggle{display:flex;align-items:center;gap:12px;color:#cbd5e1;padding:11px 13px;border-radius:11px;background:transparent;border:1px solid transparent;width:100%;text-align:right;font:inherit;font-weight:650;cursor:pointer;transition:.18s ease}
.sidebar-menu-toggle:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}
.sidebar-menu-toggle.active{background:linear-gradient(135deg,rgba(99,102,241,.24),rgba(139,92,246,.14));color:#fff;border-color:rgba(129,140,248,.24);box-shadow:inset 3px 0 0 #818cf8}
.sidebar-menu-toggle.active>.icon{color:#a5b4fc}
.sidebar-menu-arrow{margin-right:auto;display:grid;place-items:center;transition:transform .2s ease;color:#98a2b3}.sidebar-menu-arrow .icon{width:16px;height:16px}
.sidebar-menu-group.open .sidebar-menu-arrow{transform:rotate(-90deg)}
.sidebar-submenu{display:grid;gap:3px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .24s ease,opacity .18s ease,transform .18s ease;padding:0 10px}
.sidebar-menu-group.open .sidebar-submenu{max-height:380px;opacity:1;transform:none;padding-top:2px;padding-bottom:5px}
.sidebar-nav .sidebar-submenu a{position:relative;min-height:36px;padding:8px 32px 8px 10px;border-radius:9px;font-size:11px;font-weight:700;color:#aeb9ca;background:transparent;border:0;box-shadow:none}
.sidebar-nav .sidebar-submenu a::before{content:"";position:absolute;right:13px;width:7px;height:7px;border-radius:50%;background:#526176;box-shadow:0 0 0 4px rgba(255,255,255,.025)}
.sidebar-nav .sidebar-submenu a:hover{color:#fff;background:rgba(255,255,255,.055);transform:none}

/* Existing v2.4.4 form improvements, without shrinking status cards. */
.settings-fields.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-section-antiflood .settings-section-icon{background:#ecfdf3;color:#087a55}
.antiflood-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 20px 0}
.advanced-settings-box{margin:0 20px 18px;border:1px solid #e4e9f1;border-radius:15px;background:#fbfcff;overflow:hidden}
.advanced-settings-box summary{padding:13px 15px;cursor:pointer;font-size:12.5px;font-weight:850;color:#344054;background:#f6f8fc;list-style:none}
.advanced-settings-box summary::-webkit-details-marker{display:none}.advanced-settings-box summary::before{content:"＋";display:inline-grid;place-items:center;width:23px;height:23px;margin-left:8px;border-radius:8px;background:#fff;color:var(--primary);border:1px solid #e1e6ef}
.advanced-settings-box[open] summary::before{content:"−"}.advanced-settings-box .settings-fields{padding-top:14px}
.topup-summary-strip .order-summary-item:nth-child(1)>span{background:#fff4e5;color:#b54708}.topup-summary-strip .order-summary-item:nth-child(2)>span{background:#eef2ff;color:#4f46e5}.topup-summary-strip .order-summary-item:nth-child(3)>span{background:#e9f8f2;color:#087a55}
.topup-admin-note{margin-top:14px;margin-bottom:0}.topup-action-center .reject-box{margin-top:10px}.topup-action-center .reject-box label{margin-bottom:9px}

/* Customer profile in wallet top-up detail and user wallet. */
.topup-customer-card{display:grid;gap:14px;padding:14px;border:1px solid #e4e9f1;border-radius:16px;background:linear-gradient(145deg,#fff 20%,#f7f9ff 110%)}
.topup-customer-profile{margin:0;min-width:0}.customer-profile-photo{width:64px;height:64px;border-radius:18px;font-size:23px;overflow:hidden;box-shadow:0 8px 22px rgba(79,70,229,.16)}
.customer-profile-copy{min-width:0;flex:1}.customer-profile-copy strong{font-size:15px}.customer-profile-copy small{font-size:11.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-wallet-link{margin-right:auto;white-space:nowrap}
.customer-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-meta-item{display:grid;gap:5px;padding:11px 12px;border:1px solid #e8ecf3;border-radius:12px;background:#fff}.customer-meta-item span{font-size:10.5px;color:var(--muted);font-weight:750}.customer-meta-item code,.customer-meta-item strong{font-size:12.5px;color:#344054;overflow-wrap:anywhere}
.user-wallet-header .page-heading{align-items:center}.user-wallet-avatar{width:58px;height:58px;border-radius:17px;overflow:hidden;box-shadow:0 8px 22px rgba(79,70,229,.14)}

@media(max-width:900px){.settings-fields.three-column{grid-template-columns:1fr 1fr}.antiflood-switches{grid-template-columns:1fr}.results-anchor,.settings-anchor{scroll-margin-top:82px}}
@media(max-width:760px){
  .order-status-card{min-height:102px!important;padding:13px!important;grid-template-columns:39px 1fr!important;gap:7px 11px!important}
  .order-status-icon{width:39px!important;height:39px!important}.order-status-icon .icon{width:21px!important;height:21px!important}
  .order-status-content span{font-size:11px!important}.order-status-content strong{font-size:24px!important}
  .settings-fields.three-column{grid-template-columns:1fr}.antiflood-switches{padding:13px 13px 0}.advanced-settings-box{margin:0 13px 14px}
  .topup-customer-profile{align-items:flex-start;flex-wrap:wrap}.customer-wallet-link{width:100%;margin:0}.customer-meta-grid{grid-template-columns:1fr}
}
@media(max-width:390px){.order-status-card{min-height:100px!important}.order-status-content span{font-size:10.5px!important}.order-status-content strong{font-size:23px!important}}