/* ورشة جوف v4 — لوحة الإدارة ولوحة المشترك */
body.dx-open{overflow:hidden}
.dx{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:264px 1fr;direction:rtl;
  background:radial-gradient(900px 600px at 90% -10%,#2a1460 0%,transparent 60%),radial-gradient(700px 500px at 0% 110%,rgba(217,181,106,.08),transparent 60%),var(--night);color:var(--text)}
.dx svg{fill:currentColor}
/* sidebar */
.dx-side{display:flex;flex-direction:column;gap:18px;padding:22px 16px;border-inline-start:1px solid var(--border);background:linear-gradient(180deg,rgba(36,16,79,.75),rgba(15,7,34,.9));overflow-y:auto}
.dx-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 16px;border-bottom:1px solid var(--border)}
.dx-brand strong{display:block;font-family:var(--display);font-size:18px;color:var(--gold-2);line-height:1.3}
.dx-brand small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.dx-nav{display:flex;flex-direction:column;gap:3px}
.dx-nav button,.dx-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--muted);font-size:14px;text-align:start;transition:.2s}
.dx-nav button svg,.dx-link svg{width:18px;height:18px;flex:none;opacity:.8}
.dx-nav button:hover,.dx-link:hover{background:var(--glass);color:#fff}
.dx-nav button.on{background:linear-gradient(90deg,rgba(217,181,106,.04),rgba(217,181,106,.16));color:var(--gold-2);box-shadow:inset -3px 0 0 var(--gold)}
.dx-nav button.on svg{color:var(--gold)}
.dx-badge{margin-inline-start:auto;min-width:22px;padding:0 7px;border-radius:999px;background:var(--gold);color:#1a0d00;font-size:11px;text-align:center;line-height:20px}
.dx-side-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}
/* main */
.dx-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.dx-bar{display:flex;align-items:center;gap:14px;padding:18px 32px;border-bottom:1px solid var(--border);background:rgba(15,7,34,.55);backdrop-filter:blur(14px)}
.dx-title{flex:1;min-width:0}
.dx-title p{margin:0;font-size:12px;color:var(--gold);letter-spacing:.08em}
.dx-title h1{margin:0;font-family:var(--display);font-size:24px;font-weight:700;line-height:1.35;color:#fff}
.dx-demo{font-style:normal;color:var(--warn);padding:1px 8px;border:1px dashed rgba(242,196,107,.5);border-radius:999px;letter-spacing:0}
.dx-x{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--border);background:var(--glass);color:var(--muted);font-size:22px;line-height:1}
.dx-x:hover{color:#fff;border-color:var(--gold-line)}
.dx-menu{display:none;width:40px;height:40px;flex:none;border-radius:12px;border:1px solid var(--border);background:var(--glass);flex-direction:column;justify-content:center;align-items:center;gap:4px}
.dx-menu span{display:block;width:18px;height:2px;border-radius:2px;background:var(--gold-2)}
.dx-body{flex:1;overflow-y:auto;padding:28px 32px 60px;display:flex;flex-direction:column;gap:22px}
.dx-loading,.dx-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:34px 16px;color:var(--dim);font-size:13.5px;text-align:center}
.dx-loading .spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--gold-line);border-top-color:var(--gold);animation:dxspin .8s linear infinite}
@keyframes dxspin{to{transform:rotate(360deg)}}
/* cards & grids */
.dx-card{position:relative;padding:22px;border-radius:var(--r);border:1px solid var(--border);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 30px 60px -40px rgba(0,0,0,.8);min-width:0}
.dx-card.flush{padding:0;overflow:hidden}
.dx-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dx-card-head h3,.dx-card>h3,.dx-h3{margin:0;font-family:var(--display);font-size:16.5px;font-weight:700;color:#fff}
.dx-h3{margin:18px 0 8px}
.dx-card-head .dx-sub{font-size:12px;color:var(--dim)}
.dx-card-head>:last-child:not(h3):not(.dx-sub){margin-inline-start:auto}
.dx-grid-2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}
.dx-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.dx-kpi{padding:18px 18px 16px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(36,16,79,.65),rgba(15,7,34,.4));position:relative;overflow:hidden}
.dx-kpi::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}
.dx-kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12.5px}
.dx-kpi-top svg{width:20px;height:20px;color:var(--gold);opacity:.75}
.dx-kpi>b{display:block;margin-top:8px;font-family:var(--display);font-size:30px;line-height:1.15;color:var(--gold-2);font-weight:700}
.dx-kpi>b small{font-size:14px;color:var(--muted)}
.dx-kpi>small{display:block;margin-top:4px;font-size:11.5px;color:var(--dim)}
.dx-kpi>small.up{color:var(--ok)}.dx-kpi>small.down{color:var(--warn)}
.dx-kpis.small .dx-kpi>b{font-size:24px}
/* charts */
.dx-chart{width:100%;height:220px;display:block}
.dx-chart .g{stroke:rgba(255,255,255,.07);stroke-dasharray:3 5}
.dx-chart .lbl{fill:var(--dim);font-size:10px;font-family:var(--font)}
.dx-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:12px;color:var(--muted)}
.dx-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}
.dx-legend b{color:#fff;margin-inline-start:4px}
.dx-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.dx-donut svg{width:150px;height:150px}
.dx-donut .big{fill:#fff;font-family:var(--display);font-size:26px}
.dx-donut .lbl,.dx-ring .lbl{fill:var(--dim);font-size:11px}
.dx-donut ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:120px}
.dx-donut li{display:flex;align-items:center;gap:8px}
.dx-donut li i{width:10px;height:10px;border-radius:3px}
.dx-donut li b{margin-inline-start:auto;color:#fff}
.dx-bars{display:flex;flex-direction:column;gap:10px}
.dx-bar-row{display:grid;grid-template-columns:minmax(90px,38%) 1fr 40px;align-items:center;gap:10px;font-size:13px}
.dx-bar-row .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.dx-bar-row .b{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.dx-bar-row .b i{display:block;height:100%;border-radius:999px;background:var(--metal)}
.dx-bar-row b{text-align:end;color:#fff}
/* lists */
.dx-list,.dx-feed,.dx-files,.dx-kv,.dx-check{list-style:none;margin:0;padding:0}
.dx-list li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer}
.dx-list li:last-child{border:0}
.dx-list li>div{flex:1;min-width:0}
.dx-list b,.dx-who b{display:block;font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-list small,.dx-who small{display:block;font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-ava{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3a1d7a,#24104f);border:1px solid var(--gold-line);color:var(--gold-2);font-family:var(--display);font-size:15px}
.dx-ava.gold{background:var(--metal);color:#1a0d00}
.dx-ava.xl{width:58px;height:58px;font-size:24px}
.dx-feed li{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-size:13px;border-bottom:1px dashed var(--border)}
.dx-feed li:last-child{border:0}
.dx-feed li>i{flex:none;width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(217,181,106,.12)}
.dx-feed li>div{flex:1;min-width:0}
.dx-feed b{color:#fff;font-weight:600}.dx-feed span{color:var(--muted)}
.dx-feed time{flex:none;font-size:11.5px;color:var(--dim)}
.dx-files li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}
.dx-files li:last-child{border:0}
.dx-files li>div{flex:1;min-width:0}
.dx-files b{display:block;font-size:14px}.dx-files small{color:var(--dim);font-size:12px}
.dx-kv li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px}
.dx-kv span{color:var(--muted)}.dx-kv b{color:#fff}
.dx-check li{padding:7px 0;font-size:13px;color:var(--muted)}
.dx-check li::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-inline-end:10px;border-radius:50%;background:rgba(95,211,154,.15);color:var(--ok);font-size:11px}
.dx-check li.todo::before{content:"✕";background:rgba(242,196,107,.14);color:var(--warn)}
/* pills & mini */
.dx-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.dx-pill.ok{background:rgba(95,211,154,.12);color:var(--ok);border-color:rgba(95,211,154,.25)}
.dx-pill.warn{background:rgba(242,196,107,.12);color:var(--warn);border-color:rgba(242,196,107,.25)}
.dx-pill.bad{background:rgba(255,123,123,.12);color:var(--bad);border-color:rgba(255,123,123,.25)}
.dx-pill.mute{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--border)}
.dx-pill.gold{background:rgba(217,181,106,.14);color:var(--gold-2);border-color:var(--gold-line)}
.dx-mini{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--glass);color:var(--text);font-size:12px;white-space:nowrap}
.dx-mini:hover{border-color:var(--gold-line);color:var(--gold-2)}
.dx-mini.gold{background:var(--metal);color:#1a0d00;border:0;font-weight:600}
.warn{color:var(--warn)}
/* toolbar */
.dx-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.dx-tools-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dx-tabs{display:flex;gap:6px;flex-wrap:wrap}
.dx-tabs button{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--glass);color:var(--muted);font-size:13px}
.dx-tabs button small{opacity:.7;margin-inline-start:4px}
.dx-tabs button.on{background:var(--metal);color:#1a0d00;border-color:transparent;font-weight:600}
.dx-search{display:flex;align-items:center;gap:8px;min-width:240px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04)}
.dx-search svg{width:16px;height:16px;color:var(--dim)}
.dx-search input{flex:1;min-height:40px;border:0;background:none;outline:0;color:#fff;min-width:0}
.dx-search:focus-within{border-color:var(--gold-line)}
/* table */
.dx-table-wrap{overflow-x:auto}
.dx-table{width:100%;border-collapse:collapse;font-size:13.5px}
.dx-table th{position:sticky;top:0;padding:12px 16px;text-align:start;font-weight:500;font-size:12px;color:var(--dim);background:rgba(15,7,34,.85);border-bottom:1px solid var(--border);white-space:nowrap}
.dx-table th button{border:0;background:none;color:inherit;padding:0;font:inherit}
.dx-table th button.on{color:var(--gold-2)}
.dx-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}
.dx-table tbody tr{transition:background .2s}
.dx-table tbody tr[data-member]{cursor:pointer}
.dx-table tbody tr:hover{background:rgba(217,181,106,.05)}
.dx-who{display:flex;align-items:center;gap:12px;min-width:200px;max-width:320px}
.dx-who>div{min-width:0}
.dx-until b{color:var(--gold-2);font-size:15px}.dx-until small{display:block;font-size:11px;color:var(--dim)}
.dx-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;color:var(--dim);flex-wrap:wrap}
.dx-pager div{display:flex;gap:8px}
.dx-pager button{padding:6px 16px;border-radius:999px;border:1px solid var(--border);background:var(--glass);color:var(--text);font-size:12.5px}
.dx-pager button:disabled{opacity:.35}
code,.dx-code{font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--gold-2);direction:ltr;unicode-bidi:isolate}
.dx-block{display:block;color:var(--dim);font-size:11.5px;margin-top:3px}
/* drawer */
.dx-scrim,.dx-navscrim{display:none}
.dx.drawer-on .dx-scrim{display:block;position:fixed;inset:0;z-index:2;background:rgba(5,2,12,.55);backdrop-filter:blur(3px)}
.dx-drawer{position:fixed;inset-block:0;left:0;z-index:3;width:min(460px,100%);overflow-y:auto;padding:24px;border-inline-start:1px solid var(--gold-line);
  background:linear-gradient(180deg,#1d0e40,#0f0722);box-shadow:30px 0 80px rgba(0,0,0,.6);transform:translateX(-105%);transition:transform .35s var(--ease)}
.dx.drawer-on .dx-drawer{transform:none}
.dx-dr-head{display:flex;align-items:flex-start;gap:14px}
.dx-dr-head>div{flex:1;min-width:0}
.dx-dr-head h2{margin:0;font-family:var(--display);font-size:20px;color:#fff;line-height:1.3}
.dx-dr-head p{margin:2px 0 6px;font-size:12.5px;color:var(--dim);word-break:break-all}
.dx-dr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.dx-dr-stats div{padding:10px;border-radius:12px;background:var(--glass);border:1px solid var(--border);text-align:center}
.dx-dr-stats small{display:block;font-size:10.5px;color:var(--dim)}
.dx-dr-stats b{font-size:13px;color:var(--gold-2)}
.dx-dr-sec{padding:16px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.dx-dr-sec h3{margin:0;font-size:13px;color:var(--gold);letter-spacing:.06em;font-weight:600}
.dx-sub-card{padding:14px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.2)}
.dx-sub-card.on{border-color:rgba(95,211,154,.35);background:rgba(95,211,154,.06)}
.dx-sub-card b{display:block;color:#fff}.dx-sub-card small{color:var(--dim);font-size:12px}
.dx-meter{height:6px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.dx-meter i{display:block;height:100%;background:var(--metal);border-radius:999px}
.dx-meter.sm{height:4px;margin-top:5px;width:80px}
.dx-plan-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dx-plan-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;border:1px solid var(--border);background:var(--glass)}
.dx-plan-btn b{font-size:14px;color:#fff}.dx-plan-btn small{color:var(--muted);font-size:11.5px}
.dx-plan-btn em{font-style:normal;font-size:11px;color:var(--gold-2);margin-top:4px}
.dx-plan-btn:hover,.dx-plan-btn.req{border-color:var(--gold);background:rgba(217,181,106,.1)}
.dx-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.dx-row>.field{flex:1;min-width:120px}
.danger-ghost{background:transparent!important;border:1px solid rgba(255,123,123,.4)!important;color:var(--bad)!important}
.dx-danger{flex-direction:row;justify-content:space-between}
.dx .switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;cursor:pointer}
.dx .switch input{appearance:none;-webkit-appearance:none;width:42px;height:24px;flex:none;border-radius:999px;background:rgba(255,255,255,.12);position:relative;transition:.25s;cursor:pointer;margin:0}
.dx .switch input::after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s}
.dx .switch input:checked{background:var(--gold)}
.dx .switch input:checked::after{right:21px;background:#1a0d00}
/* templates */
.dx-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.dx-tpl{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--border);background:var(--glass);overflow:hidden;transition:.25s}
.dx-tpl:hover{border-color:var(--gold-line)}
.dx-tpl.off{opacity:.6}
.dx-tpl>.dx-thumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
.dx-thumb{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fffaf0,var(--ivory-2) 75%)}
.dx-thumb img{width:100%;height:100%;object-fit:contain}
.dx-thumb i{font-style:normal;font-family:var(--display);font-size:22px;color:var(--ink)}
.dx-tpl-body{padding:12px 14px 6px;flex:1}
.dx-tpl-body b{display:block;font-size:14px;color:#fff}
.dx-tpl-body small{font-size:11.5px;color:var(--dim)}
.dx-tpl-flags{display:flex;gap:6px;margin-top:8px}
.dx-tpl-act{display:flex;gap:6px;padding:10px 12px 12px}
.dx-tpl-act>*{flex:1;display:inline-flex;justify-content:center;padding:7px 8px;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--text);font-size:12px;white-space:nowrap}
.dx-tpl-act .star{flex:0 0 38px;color:var(--dim);font-size:15px}
.dx-tpl-act .star.on{color:var(--gold);border-color:var(--gold-line)}
.dx-tpl-act>*:hover{border-color:var(--gold-line)}
.dx-order{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dx-order li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid var(--border)}
.dx-order .n{width:26px;text-align:center;font-family:var(--display);color:var(--gold)}
.dx-order b{flex:1;font-size:14px}
.dx-order li>div{display:flex;gap:4px}
.dx-order button{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--glass);color:var(--text)}
.dx-order button:disabled{opacity:.3}
.dx-note{margin:0;padding:12px 16px;border-radius:14px;border:1px dashed var(--gold-line);background:rgba(217,181,106,.05);font-size:12.5px;color:var(--muted)}
.dx-missing{padding:26px;border-radius:var(--r);border:1px dashed rgba(242,196,107,.45);background:rgba(242,196,107,.06);text-align:center}
.dx-missing b{display:block;color:var(--warn);font-size:15px;margin-bottom:6px}
.dx-missing p{margin:0 0 10px;color:var(--dim);font-size:12px}
.dx-inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.dx-inline-form h3{width:100%;margin:0}
.dx-inline-form .field{flex:1;min-width:130px}
.dx-preview{padding:12px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--border)}
.dx-preview small{color:var(--dim);font-size:11px}
.dx-bprev{margin:6px 0 0;padding:9px 14px;border-radius:10px;text-align:center;font-size:13px}
.dx-b-gold{color:#1a0d00;background:var(--metal)}
.dx-b-info{color:#fff;background:linear-gradient(90deg,#24104f,#3a1d7a,#24104f)}
.dx-b-alert{color:#2a0606;background:linear-gradient(90deg,#ff9b7b,#ffc27b)}
.dx-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 24px;align-items:center}
.dx-perm-grid button{justify-self:start;margin-top:10px}
.dx-tickets{display:flex;flex-direction:column;gap:14px}
.dx-ticket{padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--glass)}
.dx-ticket.open{border-color:rgba(242,196,107,.3)}
.dx-ticket header{display:flex;align-items:center;gap:12px}
.dx-ticket header>div{flex:1;min-width:0}
.dx-ticket header b{display:block;color:#fff}.dx-ticket header small{font-size:11.5px;color:var(--dim)}
.dx-ticket p{margin:12px 0;font-size:13.5px;color:var(--muted)}
.dx-ticket blockquote{margin:0 0 12px;padding:10px 14px;border-inline-start:3px solid var(--gold);background:rgba(217,181,106,.06);border-radius:8px;font-size:13px}
.dx-ticket form{display:flex;flex-direction:column;gap:8px}
.dx-ticket form div{display:flex;gap:8px}
.dx-ticket textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#fff;resize:vertical;outline:0}
.dx-ticket textarea:focus{border-color:var(--gold)}
/* member */
.dx-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 28px;border-radius:var(--r);border:1px solid var(--gold-line);
  background:radial-gradient(500px 200px at 15% 0%,rgba(217,181,106,.18),transparent 70%),linear-gradient(135deg,#24104f,#170b33)}
.dx-hello p{margin:0;color:var(--gold);font-size:13px;letter-spacing:.1em}
.dx-hello h2{margin:2px 0;font-family:var(--display);font-size:30px;color:#fff;line-height:1.3}
.dx-hello small{color:var(--muted)}
.dx-plan-status{display:flex;align-items:center;gap:24px}
.dx-plan-status h3{margin:2px 0 6px;font-family:var(--display);font-size:20px;color:#fff}
.dx-plan-status p{margin:0;font-size:13.5px;color:var(--muted)}
.dx-kick{color:var(--gold)!important;font-size:12px!important;letter-spacing:.1em}
.dx-ring{width:150px;height:150px;flex:none}
.dx-ring circle{fill:none;stroke:rgba(255,255,255,.08);stroke-width:10}
.dx-ring circle.v{stroke:var(--gold);stroke-linecap:round}
.dx-ring .big{fill:var(--gold-2);font-family:var(--display);font-size:34px}
.dx-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dx-perks span{padding:4px 12px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--dim)}
.dx-perks span.ok{color:var(--ok);border-color:rgba(95,211,154,.3);background:rgba(95,211,154,.07)}
.dx-upgrade{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.dx-up{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 8px 14px;border-radius:16px;border:1px solid var(--border);background:var(--glass);transition:.25s}
.dx-up:hover{transform:translateY(-3px);border-color:var(--gold-line)}
.dx-up.best{border-color:var(--gold);background:linear-gradient(180deg,rgba(217,181,106,.16),rgba(217,181,106,.03))}
.dx-up em{position:absolute;top:-10px;padding:1px 10px;border-radius:999px;background:var(--metal);color:#1a0d00;font-style:normal;font-size:10.5px;font-weight:700}
.dx-up b{font-size:14px;color:#fff}
.dx-up span{font-family:var(--display);font-size:24px;color:var(--gold-2)}
.dx-up span small{font-size:12px;color:var(--muted)}
.dx-up>small{font-size:11px;color:var(--dim)}
.dx-store-card p{color:var(--muted);font-size:13.5px}
.dx-contact{display:flex;flex-direction:column;gap:10px}
/* responsive */
@media (max-width:1180px){.dx-grid-3{grid-template-columns:1fr 1fr}.dx-grid-3>:last-child{grid-column:1/-1}}
@media (max-width:980px){
  .dx{grid-template-columns:1fr}
  .dx-side{position:fixed;inset-block:0;right:0;z-index:4;width:min(290px,86vw);transform:translateX(105%);transition:transform .3s var(--ease);box-shadow:-30px 0 80px rgba(0,0,0,.6)}
  .dx.nav-on .dx-side{transform:none}
  .dx.nav-on .dx-navscrim{display:block;position:fixed;inset:0;z-index:3;background:rgba(5,2,12,.55)}
  .dx-menu{display:flex}
  .dx-grid-2,.dx-grid-3{grid-template-columns:minmax(0,1fr)}
  .dx-grid-3>:last-child{grid-column:auto}
}
@media (max-width:640px){
  .dx-bar{padding:12px 14px;gap:10px}
  .dx-title h1{font-size:19px}
  .dx-title p{font-size:11px}
  .dx-body{padding:16px 14px 80px;gap:16px}
  .dx-card{padding:16px}
  .dx-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .dx-kpi{padding:14px}
  .dx-kpi>b{font-size:22px}
  .dx-search{min-width:0;flex:1}
  .dx-toolbar,.dx-tools-r{width:100%}
  .dx-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}
  .dx-tabs button{flex:none}
  .dx-table th:nth-child(5),.dx-table td:nth-child(5),.dx-table th:nth-child(6),.dx-table td:nth-child(6){display:none}
  .dx-table td,.dx-table th{padding:10px 10px}
  .dx-who{min-width:150px;max-width:190px}
  .dx-plan-status{flex-direction:column;text-align:center}
  .dx-perks{justify-content:center}
  .dx-hello{padding:20px}.dx-hello h2{font-size:24px}
  .dx-upgrade{gap:8px}.dx-up span{font-size:20px}
  .dx-dr-stats{grid-template-columns:repeat(2,1fr)}
  .dx-drawer{padding:18px}
  .dx-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dx-tpl-act{flex-wrap:wrap}
  .dx-chart{height:170px}
}
.dx-tpl-act>button:disabled{opacity:.5;cursor:default}
.dx-store-card .lx-btn{margin-bottom:6px}.dx-store-card .dx-h3{margin-top:22px}