:root{--kg-ink:#010B14;--kg-ink-2:#051321;--kg-ink-3:#0B1D2F;--kg-paper:#F2EEE3;--kg-text:#D9DDE2;--kg-mute:#9AA7B4;--kg-line:rgba(242,238,227,.12);--kg-line-strong:rgba(242,238,227,.24);--kg-gold:#C9A227;--kg-gold-soft:#E0BC48;--kg-danger:#F0776F;--kg-ok:#6FCF97;--kg-warn:#E0BC48;--kg-r-md:12px;--kg-r-lg:18px;--kg-ease-out:cubic-bezier(.23,1,.32,1)}
@font-face{font-family:'Estedad';src:url('/webfonts/Estedad-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Estedad';src:url('/webfonts/Estedad-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Estedad';src:url('/webfonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Estedad',Tahoma,system-ui,sans-serif;background:var(--kg-ink);color:var(--kg-text);min-height:100vh;min-height:100dvh;direction:rtl;line-height:1.9;padding:clamp(20px,5vw,48px) clamp(16px,4vw,32px)}
.kg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.kg-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kg-i--lg{width:32px;height:32px}
.sa-wrap{max-width:760px;margin:0 auto}
.sa-wrap--center{min-height:calc(100dvh - 2*clamp(20px,5vw,48px));display:grid;place-items:center;max-width:520px}
.sa-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.sa-brand img{height:32px;width:auto}
.sa-title{margin:0;font-size:clamp(1.6rem,1.2rem + 1.8vw,2.4rem);font-weight:700;color:var(--kg-paper);line-height:1.4}
.sa-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--kg-line-strong);border-radius:999px;color:var(--kg-paper);text-decoration:none;font-size:14px;font-weight:600;margin-bottom:28px;transition:border-color .2s var(--kg-ease-out),color .2s var(--kg-ease-out),transform .14s var(--kg-ease-out)}
.sa-back:active{transform:scale(.97)}
.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s var(--kg-ease-out),border-color .2s var(--kg-ease-out),color .2s var(--kg-ease-out),transform .14s var(--kg-ease-out)}
.sa-btn:active{transform:scale(.97)}
.sa-btn--gold{background:var(--kg-gold);color:var(--kg-ink)}
.sa-btn--ghost{background:transparent;color:var(--kg-paper);border-color:var(--kg-line-strong)}
.sa-btn:focus-visible,.sa-back:focus-visible,.sa-field input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.sa-btn--gold:hover{background:var(--kg-gold-soft)}.sa-btn--ghost:hover,.sa-back:hover{border-color:var(--kg-gold);color:var(--kg-gold)}}
.sa-card{width:100%;background:var(--kg-ink-2);border:1px solid var(--kg-line-strong);border-radius:var(--kg-r-lg);padding:clamp(24px,5vw,44px);text-align:center}
.sa-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;border:1px solid currentColor}
.sa-mark .kg-i{width:30px;height:30px}
.sa-mark--ok{color:var(--kg-ok)}.sa-mark--bad{color:var(--kg-danger)}.sa-mark--warn{color:var(--kg-warn)}
.sa-card h1{margin:0 0 10px;font-size:1.5rem;font-weight:700;color:var(--kg-paper)}
.sa-sub{margin:0 0 24px;color:var(--kg-mute);font-size:14px}
.sa-box{border:1px solid var(--kg-line-strong);border-radius:var(--kg-r-md);padding:14px 18px;margin-bottom:18px;font-size:14px;color:var(--kg-paper);font-weight:600}
.sa-box small{display:block;color:var(--kg-mute);font-weight:400;font-size:12px;margin-bottom:4px}
.sa-note{border-inline-start:2px solid var(--kg-mute);padding:10px 14px;margin-bottom:18px;font-size:13px;color:var(--kg-mute);text-align:start;line-height:2}
.sa-rows{text-align:start;margin-bottom:24px}
.sa-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--kg-line);font-size:14px;color:var(--kg-text)}
.sa-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sa-live{margin-top:14px;padding:10px 14px;border-radius:var(--kg-r-md);font-size:13px;border:1px solid var(--kg-line-strong);display:none}
.sa-live.is-ok{color:var(--kg-ok);border-color:var(--kg-ok)}.sa-live.is-bad{color:var(--kg-danger);border-color:var(--kg-danger)}.sa-live.is-warn{color:var(--kg-warn);border-color:var(--kg-warn)}
.sa-btn.is-busy{opacity:.6;pointer-events:none}
.sa-order{border:1px solid var(--kg-line-strong);border-radius:var(--kg-r-lg);padding:clamp(16px,3vw,24px);margin-bottom:16px;background:var(--kg-ink-2)}
.sa-order__head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;color:var(--kg-paper);font-weight:700}
.sa-status{padding:3px 14px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--kg-line-strong);color:var(--kg-mute)}
.sa-status.is-paid{color:var(--kg-gold);border-color:var(--kg-gold)}.sa-status.is-shipping{color:#8FB8E8;border-color:#8FB8E8}.sa-status.is-completed{color:var(--kg-ok);border-color:var(--kg-ok)}.sa-status.is-failed,.sa-status.is-canceled{color:var(--kg-danger);border-color:var(--kg-danger)}
.sa-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--kg-mute);margin-bottom:10px}
.sa-meta span{display:inline-flex;align-items:center;gap:6px}
.sa-meta .kg-i{width:16px;height:16px}
.sa-total{margin-top:12px;color:var(--kg-gold);font-weight:700;text-align:start}
.sa-track{margin-top:12px;padding:10px 14px;border:1px dashed var(--kg-line-strong);border-radius:var(--kg-r-md);font-size:13px;color:var(--kg-gold);font-weight:700;text-align:center;letter-spacing:.06em}
.sa-empty{text-align:center;color:var(--kg-mute);padding:64px 0;display:grid;justify-items:center;gap:12px}
.sa-empty .kg-i{color:var(--kg-gold)}
.sa-field{display:grid;gap:6px;text-align:start;margin-bottom:18px}
.sa-field span{font-size:13px;font-weight:600;color:var(--kg-mute)}
.sa-field input{width:100%;min-height:48px;padding:0 16px;background:var(--kg-ink);border:1px solid var(--kg-line-strong);border-radius:var(--kg-r-md);color:var(--kg-paper);font:inherit;font-size:16px}
.sa-field input:focus{outline:none;border-color:var(--kg-gold)}
.sa-error{color:var(--kg-danger);font-size:13px;min-height:22px;margin:12px 0 0;text-align:center}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}