:root{--bg:#111820;--ink:#0c1116;--panel:#18212b;--panel-2:#1e2a35;--text:#e9e0d0;--muted:#a79d89;--accent:#b18a43;--accent-2:#d8b25a;--sand:#c4a477;--lapis:#173b59;--lapis-2:#2c628c;--ok:#6fae86;--border:#b18a4333;--border-2:#b18a436b;--danger:#d0795e;--display:"Plus Jakarta Sans","IBM Plex Sans Arabic",system-ui,-apple-system,sans-serif;--sans:"Inter","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}html[dir=rtl] body{font-family:"IBM Plex Sans Arabic", var(--sans)}body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){font-family:"IBM Plex Sans Arabic", var(--sans)}body:before{content:"";z-index:-1;pointer-events:none;opacity:.045;filter:sepia(.35)contrast(1.05);background:url(/img/cuneiform.jpg) 50%/cover no-repeat;position:fixed;inset:0}a{color:var(--accent-2);text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--panel), var(--ink));border-inline-end:1px solid var(--border);flex-direction:column;gap:4px;width:248px;padding:20px 14px;display:flex}.brand{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:18px;padding:0 8px;font-size:19px;font-weight:800;display:flex}.brand-logo{object-fit:cover;border:1px solid var(--border-2);border-radius:8px;flex:none;width:32px;height:32px}.navlink{color:var(--muted);border-radius:10px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s}.navlink:hover{color:var(--text);background:#b18a4312}.navlink.active{color:var(--text);box-shadow:inset 3px 0 0 var(--accent);background:#b18a4321}html[dir=rtl] .navlink.active{box-shadow:inset -3px 0 0 var(--accent)}.main{flex:1;max-width:1160px;padding:30px 34px}h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 20px;font-size:24px;font-weight:800}h2{font-family:var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin:26px 0 12px;font-size:15px;font-weight:700}html[dir=rtl] h2{letter-spacing:0}.card{background:linear-gradient(180deg, var(--panel), #141c24);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:22px}label{color:var(--muted);margin:10px 0 5px;font-size:13px;display:block}input,select{background:var(--ink);width:100%;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b18a431f}button{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#1b1307;font-size:14px;font-weight:700;font-family:var(--display);cursor:pointer;border:none;border-radius:999px;margin-top:14px;padding:10px 18px;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #b18a4340}button.secondary{border:1px solid var(--border-2);color:var(--text);background:#b18a430f}button.secondary:hover{border-color:var(--accent);box-shadow:none;background:#b18a431f}button:disabled{opacity:.5;cursor:not-allowed;transform:none}table{border-collapse:collapse;width:100%;margin-top:8px}th,td{text-align:start;border-bottom:1px solid var(--border);padding:11px 12px;font-size:14px}th{color:var(--muted);font-weight:600;font-family:var(--display)}.badge{border:1px solid var(--border);color:var(--sand);background:#b18a431f;border-radius:999px;padding:3px 11px;font-size:12px}.badge.ok{color:var(--ok);background:#6fae8626;border-color:#6fae864d}.topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lang-toggle{border:1px solid var(--border-2);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--display);background:#b18a430f;border-radius:999px;margin:0;padding:7px 13px}.lang-toggle:hover{border-color:var(--accent);box-shadow:none;background:#b18a431f;transform:none}.err{color:var(--danger);margin-top:8px;font-size:13px}.ok-msg{color:var(--ok);margin-top:8px;font-size:13px}.muted{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;gap:16px;display:flex}.row>*{flex:1;min-width:220px}pre{background:var(--ink);border-radius:10px;padding:14px;font-size:13px;overflow:auto}.cust{background:var(--bg);border-inline:1px solid var(--border);flex-direction:column;max-width:440px;min-height:100vh;margin:0 auto;display:flex}.cust-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.cust-head .brand{font-family:var(--display);margin:0;font-weight:800}.cust-body{flex:1;padding:18px 18px 86px}.cust-nav{background:linear-gradient(180deg, var(--panel), var(--ink));border-top:1px solid var(--border);width:100%;max-width:440px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cust-nav a{text-align:center;color:var(--muted);flex:1;padding:12px 0;font-size:12px}.cust-nav a.active{color:var(--accent-2)}.cust-nav .ico{font-size:20px;display:block}.loyalty-card{color:var(--ivory,#e9e0d0);border:1px solid var(--border-2);background:linear-gradient(152deg,#1d3449 0%,#162430 58%,#10171e 100%);border-radius:18px;margin-bottom:18px;padding:22px;position:relative;box-shadow:0 16px 40px #00000073}.loyalty-card .pts{font-family:var(--display);color:var(--accent-2);font-size:42px;font-weight:800;line-height:1}.loyalty-card .row2{justify-content:space-between;align-items:end;margin-top:18px;display:flex}.tier-pill{color:var(--accent-2);background:#b18a432e;border:1px solid #d8b25a66;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.qr-wrap{background:#e9e0d0;border-radius:12px;padding:12px;display:inline-block}.stat{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.reward-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.reward-row button{margin:0}@media (max-width:860px){.shell{flex-direction:column}.sidebar{border-inline-end:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:6px;width:100%;padding:12px}.sidebar .brand{width:100%;margin-bottom:6px;font-size:17px}.navlink{padding:7px 11px;font-size:13px}.navlink.active,html[dir=rtl] .navlink.active{box-shadow:inset 0 -3px 0 var(--accent)}.sidebar>div[style*="flex: 1"]{display:none}.main{max-width:100%;padding:20px 16px}.row>*{min-width:100%}}.badge.info{color:var(--lapis-2);background:#2c628c2e;border-color:#2c628c66}.badge.warn{color:var(--accent-2);background:#d8b25a29;border-color:#d8b25a61}.badge.danger{color:var(--danger);background:#d0795e29;border-color:#d0795e66}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar select,.toolbar input{margin:0}.toolbar .search{min-width:220px}.table-wrap{overflow-x:auto}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#b18a430f}tr.selected td{background:#b18a431a}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.pager button{margin:0;padding:7px 12px}.spinner{border:3px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.backdrop{z-index:40;background:#080c1099;animation:.15s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{z-index:50;background:linear-gradient(180deg, var(--panel), var(--ink));border-inline-start:1px solid var(--border-2);flex-direction:column;width:460px;max-width:92vw;height:100vh;animation:.18s slidein;display:flex;position:fixed;top:0;right:0;box-shadow:-18px 0 50px #00000080}html[dir=rtl] .drawer{border-inline-start:none;border-inline-end:1px solid var(--border-2);animation:.18s slideinR;left:0;right:auto;box-shadow:18px 0 50px #00000080}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideinR{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-head h2{margin:0;font-size:18px}.drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.drawer-section{margin-bottom:22px}.drawer-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:12px}.drawer-actions{flex-wrap:wrap;gap:10px;display:flex}.drawer-actions button{margin:0}.kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.kv .k{color:var(--muted);white-space:nowrap}.kv .v{text-align:end;word-break:break-word}.iconbtn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin:0;padding:0 4px;font-size:22px;line-height:1}.iconbtn:hover{color:var(--text);box-shadow:none;background:0 0;transform:none}.dialog{z-index:60;background:linear-gradient(180deg, var(--panel), #141c24);border:1px solid var(--border-2);border-radius:14px;width:420px;max-width:92vw;padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0009}.dialog h3{margin:0 0 10px}.dialog textarea{resize:vertical;background:var(--ink);width:100%;min-height:72px;color:var(--text);border:1px solid var(--border-2);font-family:var(--sans);border-radius:9px;margin:0;padding:10px 12px;font-size:14px}.dialog .dialog-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.dialog .dialog-actions button{margin:0}button.danger{color:#fff;background:linear-gradient(#d0795e,#b35f45);border:1px solid #d0795e80}button.danger:hover{box-shadow:0 8px 20px #d0795e4d}@media (max-width:640px){.drawer,html[dir=rtl] .drawer{width:100vw;max-width:100vw}}.stats{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.stat-card{background:linear-gradient(180deg, var(--panel), #141c24);border:1px solid var(--border);border-radius:12px;flex:1;min-width:110px;padding:14px 16px}.stat-card .n{font-family:var(--display);color:var(--text);font-size:26px;font-weight:800;line-height:1}.stat-card .l{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px}.stat-card.ok .n{color:var(--ok)}.stat-card.danger .n{color:var(--danger)}.stat-card.warn .n{color:var(--accent-2)}.composer label{color:var(--muted);margin:12px 0 5px;font-size:13px;display:block}.composer input,.composer textarea{width:100%;margin:0}.composer textarea{resize:vertical;min-height:120px}.note{color:var(--text);background:#2c628c1f;border:1px solid #2c628c4d;border-radius:9px;margin:6px 0 2px;padding:10px 12px;font-size:13px}.timeline{flex-direction:column;display:flex}.tl-item{border-bottom:1px solid var(--border);gap:12px;padding:9px 0;font-size:14px;display:flex}.tl-item:last-child{border-bottom:none}.tl-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px;box-shadow:0 0 0 3px #b18a4326}