@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=JetBrains+Mono:wght@500&family=Manrope:wght@500;600;700;800&display=swap";:root{--page-bg: #edf3ef;--surface: #ffffff;--surface-2: #f3faf4;--surface-3: #f8fcf9;--ink: #163026;--muted: #5f7266;--line: rgba(22, 48, 38, .1);--line-strong: rgba(22, 48, 38, .16);--brand: #2d8f4f;--brand-2: #1e6b7b;--danger: #aa3d3d;--hero-ink: #f5fbf7;--shadow: 0 24px 56px rgba(15, 31, 23, .1);--shadow-soft: 0 16px 36px rgba(15, 31, 23, .07)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,rgba(45,143,79,.2),transparent 24%),radial-gradient(circle at 90% 4%,rgba(30,107,123,.18),transparent 24%),linear-gradient(180deg,#10221a 0,#173329 15rem,var(--page-bg) 15rem,#edf3ef 100%);color:var(--ink);font-family:Manrope,IBM Plex Sans Arabic,sans-serif;overflow-x:hidden}img,svg{max-width:100%;height:auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;opacity:.18}.merchant-shell{position:relative;width:min(100%,1240px);max-width:1240px;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(2.5rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:grid;gap:1rem}.login-shell{min-height:100vh;min-height:100svh;align-content:center;padding-block:2rem}.merchant-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:1.2rem 1.2rem 1.1rem;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.15),transparent 28%),linear-gradient(135deg,#11221af5,#1e4f3ff0);color:var(--hero-ink);box-shadow:0 28px 80px #07120d3d}.merchant-hero:after{content:"";position:absolute;inset:auto auto -7rem -5rem;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(30,107,123,.2),transparent 70%);pointer-events:none}.hero-row{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,400px);gap:1rem;align-items:stretch}.login-stage{max-width:1080px;margin:0 auto;padding:1.15rem}.login-topbar{display:flex;justify-content:flex-end;margin-bottom:.9rem}.login-topbar .language-switch{margin-bottom:0}.login-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:1rem;align-items:stretch}.login-card{position:relative;z-index:1;display:grid;gap:.95rem;padding:1.35rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14}.login-card--auth{background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.login-card--info{background:linear-gradient(180deg,#07140d52,#07140d2e);align-content:start}.login-card h1,.login-card h2{margin:0}.login-card h1{font-size:clamp(2.15rem,4vw,3.1rem);line-height:.98;letter-spacing:-.04em;max-width:12ch}.login-card h2{color:#fff;font-size:1.25rem}.login-lead,.login-copy{margin:0;color:#f5fbf7d1;max-width:60ch}.login-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.login-metric{padding:.82rem .92rem;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.login-metric span{display:block;margin-bottom:.35rem;color:#f5fbf7b3;font-size:.8rem}.login-metric strong{display:block;color:#fff;font-size:1rem}.login-list{margin:0;padding-inline-start:1.1rem;display:grid;gap:.65rem;color:#f5fbf7d6}.login-list li{line-height:1.6}.login-footnote{margin:.15rem 0 0;color:#f5fbf7a3;font-size:.84rem}.hero-copy,.hero-sidecard{position:relative;z-index:1}.hero-copy{display:grid;gap:1rem}.merchant-hero h1{margin:.25rem 0 .45rem;font-size:clamp(2rem,4vw,3.15rem);line-height:.98;letter-spacing:-.04em;max-width:12ch}.merchant-hero p{margin:0;color:#f5fbf7d1;overflow-wrap:anywhere}.tag{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#9fe0ba;font-family:JetBrains Mono,monospace}.hero-pills{display:flex;flex-wrap:wrap;gap:.55rem}.hero-pill{display:inline-flex;align-items:center;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#f5fbf7;font-size:.84rem;font-weight:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-sidecard{display:grid;gap:1rem;align-content:start;padding:1rem;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.hero-sidehead{display:grid;gap:.35rem}.hero-sidehead h2{margin:0;color:#fff;font-size:1.12rem}.hero-sidegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.hero-stat{padding:.82rem;border-radius:18px;background:#07140d47;border:1px solid rgba(255,255,255,.08)}.hero-stat span{display:block;margin-bottom:.35rem;color:#f5fbf7b8;font-size:.8rem}.hero-stat strong{display:block;font-size:1.5rem;color:#fff;letter-spacing:-.03em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:.75rem}.metric-card{position:relative;overflow:hidden;border:1px solid rgba(22,48,38,.08);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f3faf4f5);padding:.95rem;box-shadow:var(--shadow-soft);animation:pop .36s ease both;transition:transform .18s ease,box-shadow .18s ease}.metric-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.metric-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f1f171a}.cards h2{margin:0;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.cards strong{margin-top:.7rem;display:block;font-size:1.7rem;color:var(--ink)}.cards small,.helper{color:var(--muted)}.orders,.form-card,.merchant-footer{border:1px solid rgba(22,48,38,.08);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f8fcf9f0);padding:1.1rem;box-shadow:var(--shadow-soft)}.feedback-strip{display:grid;gap:.7rem}.tab-stage{display:grid;gap:1rem;min-height:30rem;animation:pop .22s ease both}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.05rem 1.1rem;border:1px solid rgba(22,48,38,.08);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f3faf4f0);box-shadow:var(--shadow-soft)}.tab-copy{display:grid;gap:.35rem;max-width:60ch}.tab-copy h2{margin:0;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.03em}.tab-copy p:last-child{margin:0;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.tab-meta{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.tab-chip{display:inline-flex;align-items:center;min-height:2.3rem;padding:.52rem .82rem;border-radius:999px;background:linear-gradient(135deg,#2d8f4f24,#1e6b7b1f);border:1px solid rgba(45,143,79,.14);color:var(--ink);font-size:.85rem;font-weight:700}.tab-chip--soft{background:#1630260a;border-color:#16302614;color:var(--muted)}.tab-content{display:grid;gap:1rem}.notice,.error{margin:0;padding:.82rem 1rem;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.notice{background:#2d8f4f14;color:#1e6d3c;font-family:JetBrains Mono,monospace;font-size:.82rem}.error{background:#aa3d3d14;color:var(--danger)}.table-wrap{margin-top:1rem;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid rgba(22,48,38,.08);border-radius:20px;background:#ffffffd6}table{width:100%;min-width:100%;border-collapse:collapse;margin-top:0}th,td{border-bottom:1px solid rgba(22,48,38,.08);padding:.72rem .58rem;text-align:left;font-size:.9rem;vertical-align:top;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#f5faf7;color:var(--muted);font-weight:700}tbody tr:nth-child(2n){background:#16302605}tbody tr:hover{background:#2d8f4f0f}.login-form{margin-top:.35rem;display:grid;gap:.75rem;max-width:400px}.login-shell .login-form button{width:100%;display:inline-flex;align-items:center;justify-content:center}.login-form label{display:grid;gap:.35rem}.login-form input,.form-card input,.form-card select{width:100%;border:1px solid rgba(22,48,38,.1);border-radius:14px;padding:.78rem .88rem;font:inherit;color:var(--ink);background:#fffffff5;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.login-form input:focus,.form-card input:focus,.form-card select:focus{outline:none;border-color:#2d8f4f85;box-shadow:0 0 0 4px #2d8f4f1f;transform:translateY(-1px)}.login-form button,.logout-button,.ghost-button,.form-card button,.module-nav button,.language-switch button{font:inherit}.login-form button,.logout-button,.ghost-button,.form-card button{width:fit-content;border:0;border-radius:999px;padding:.7rem 1rem;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.login-form button,.logout-button,.form-card button{background:linear-gradient(135deg,var(--brand),#3ea35f);color:#fff;box-shadow:0 14px 28px #2d8f4f38}.ghost-button{border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#f5fbf7}.login-form button:hover,.logout-button:hover,.ghost-button:hover,.form-card button:hover{transform:translateY(-1px)}.login-form button:disabled,.logout-button:disabled,.ghost-button:disabled,.form-card button:disabled{opacity:.72;cursor:wait;transform:none}.language-switch{display:inline-flex;gap:.35rem;margin-bottom:.75rem}.language-switch.compact{margin-bottom:0}.language-switch button{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#f5fbf7;border-radius:999px;padding:.42rem .72rem;cursor:pointer}.language-switch button.active{background:#fff;color:#163026}.actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.merchant-shell[dir=rtl] th,.merchant-shell[dir=rtl] td,.merchant-shell[dir=rtl] .login-form label,.merchant-shell[dir=rtl] .login-card,.merchant-shell[dir=rtl] .form-grid label,.merchant-shell[dir=rtl] .helper,.merchant-shell[dir=rtl] .notice,.merchant-shell[dir=rtl] .error,.merchant-shell[dir=rtl] .merchant-footer,.merchant-shell[dir=rtl] .hero-copy,.merchant-shell[dir=rtl] .hero-sidecard{text-align:right}.module-nav{border:1px solid rgba(22,48,38,.08);border-radius:22px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.45rem;padding:.78rem;position:sticky;top:.7rem;z-index:5;box-shadow:var(--shadow-soft)}.module-nav::-webkit-scrollbar{height:6px}.module-nav::-webkit-scrollbar-thumb{background:#16302624;border-radius:999px}.module-nav button{flex:0 0 auto;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;padding:.58rem .82rem;transition:background .16s ease,color .16s ease,border-color .16s ease}.module-nav button:hover{border-color:#2d8f4f2e;background:#2d8f4f0f;color:var(--ink)}.module-nav button.active{background:linear-gradient(135deg,#173329,#255242);color:#fff;box-shadow:0 12px 24px #0f1f1724}.form-card{display:grid;gap:.85rem}.form-card h3{margin:0;font-size:1.02rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem}.form-grid label{color:var(--muted);display:grid;gap:.35rem}.panel-header,.orders header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.orders h2{margin:0;font-size:1.02rem}.orders span{color:var(--muted);font-size:.8rem;font-family:JetBrains Mono,monospace}.order-list{margin-top:.7rem;display:grid;gap:.5rem}.order-list article{border:1px solid var(--line);border-radius:14px;padding:.7rem;display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center}.order-list p{margin:0;font-weight:700}.order-list small{color:var(--muted)}.order-list strong{font-size:.9rem}.empty{color:var(--muted);margin:0}.merchant-footer{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.75rem;overflow-wrap:anywhere}.module-nav,.table-wrap{scrollbar-width:thin}.module-nav{scroll-snap-type:x proximity;scroll-padding-inline:.75rem}.module-nav button{min-height:2.75rem;scroll-snap-align:start}.form-card button,.ghost-button,.logout-button,.login-form button,.language-switch button{min-height:2.9rem}.login-form input,.form-card input,.form-card select{min-height:3rem}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-row,.login-grid{grid-template-columns:1fr}.module-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));overflow:visible;position:static}.module-nav button{width:100%}.tab-header{flex-direction:column}.tab-meta{justify-content:flex-start}.merchant-hero h1,.login-card h1{max-width:none}.actions{justify-content:flex-start}}@media(max-width:760px){.merchant-shell{padding:1rem .9rem 2rem}.merchant-hero,.login-stage{padding:1rem}.actions{display:grid;grid-template-columns:1fr}.hero-sidegrid,.login-metrics{grid-template-columns:1fr}.tab-meta{width:100%}.tab-chip{flex:1 1 100%;justify-content:center}.ghost-button,.logout-button,.form-card button{width:100%;justify-content:center}.language-switch{width:100%;flex-wrap:wrap}.language-switch button{flex:1 1 120px;justify-content:center}.module-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;position:sticky;top:.5rem;padding:.6rem}.module-nav button{width:auto;min-width:max-content}}@media(max-width:640px){.merchant-shell{padding:1rem .8rem 2rem}.merchant-hero,.orders,.form-card,.metric-card,.merchant-footer{border-radius:20px}.login-card{padding:1.02rem;border-radius:20px}.tab-header{padding:1rem;border-radius:20px}.panel-header,.orders header{align-items:flex-start;flex-direction:column}.login-metrics{grid-template-columns:1fr}.order-list article{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0;background:transparent}table,thead,tbody,tr,th,td{display:block;width:100%}thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}tbody{display:grid;gap:.8rem}tbody tr{padding:.88rem;border:1px solid rgba(22,48,38,.08);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f8fcf9f0);box-shadow:var(--shadow-soft)}tbody tr:nth-child(2n),tbody tr:hover{background:linear-gradient(180deg,#fffffffa,#f8fcf9f0)}td{max-width:none;padding:.42rem 0;border-bottom:0;white-space:normal;overflow:visible;text-overflow:initial;display:grid;grid-template-columns:minmax(96px,40%) 1fr;gap:.7rem}td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}}@media(max-width:520px){.hero-sidegrid{grid-template-columns:1fr}td{grid-template-columns:1fr;gap:.2rem}td:before{margin-bottom:.08rem}}