:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6fb;--text:#f3f6fb;--muted:#9198a8;--accent:#72ffbf;background:#05070b;font-family:SF Pro Display,SF Pro Text,ui-rounded,Vazirmatn,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{direction:rtl}body{min-width:320px;min-height:100vh;color:var(--text);background:#05070b;margin:0}body,button,input,textarea,select{font:inherit}button{border:0}a{color:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(108px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#62ffb21f,#0000 28%),radial-gradient(circle at 20% 10%,#868ca01f,#0000 25%),linear-gradient(#04060a 0%,#090c12 38%,#0d1118 100%);position:relative}.ambient{pointer-events:none;filter:blur(60px);opacity:.35;border-radius:999px;position:fixed}.ambient-a{background:#00ff952e;width:180px;height:180px;top:48px;right:-40px}.ambient-b{background:#8dffce14;width:160px;height:160px;bottom:120px;left:-60px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:18px;padding-bottom:12px;position:sticky;top:0}.topbar__row,.action-row,.panel-card__heading,.service-card__header,.service-card__footer,.service-modal__header,.pagination-row,.metrics-strip,.modal-grid,.info-row,.profile-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-chip,.wallet-pill{background:#0d1118bd;border:1px solid #dde8e214;border-radius:18px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.brand-chip__avatar,.profile-card__avatar{color:#d3ffe9;background:linear-gradient(#58ffa94d,#58ffa91a);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-chip div,.wallet-pill,.topbar__stats{align-items:center;display:flex}.brand-chip div{flex-direction:column;align-items:flex-start;gap:2px}.brand-chip strong,.wallet-pill strong,.page-heading h1,.hero-card h2,.panel-card h3,.notification-item strong,.service-card strong,.service-modal__header strong,.profile-card strong{margin:0}.brand-chip span,.wallet-pill span,.page-heading p,.hero-card p,.panel-card p,.panel-card span,.service-card p,.service-card small,.notification-item p,.notification-item small,.list-row p,.list-row small,.field span,.secondary-link,.code-box,.info-row span,.metrics-strip span{color:var(--muted)}.topbar__stats{gap:10px}.wallet-pill{gap:8px}.wallet-pill strong,.page-heading h1,.hero-card h2,.panel-card strong,.service-card strong,.list-row strong,.field input,.field textarea,.field select,.info-row strong{color:var(--text)}.icon-button,.notification-pill,.status-badge,.ghost-button,.ghost-button--compact,.toggle-button,.bottom-nav__item,.bottom-nav__cta{background:#11151de0;border:1px solid #ffffff14;border-radius:16px}.icon-button,.notification-pill{width:44px;height:44px;color:var(--text);place-items:center;display:grid}.notification-pill{color:var(--accent);font-weight:700}.page-heading{margin-top:16px}.page-heading h1{font-size:1.65rem}.page-heading p{margin-top:6px}.page-content,.stack,.notification-list{gap:16px;display:grid}.stack.compact{gap:12px}.hero-card,.panel-card,.service-card,.service-modal__card{background:linear-gradient(#0b0f16f5,#0f141ceb);border:1px solid #dbe7e114;border-radius:28px;box-shadow:inset 0 1px #ffffff0a,0 22px 50px #00000057}.hero-card,.panel-card,.service-card{padding:18px}.panel-card--glow{box-shadow:inset 0 1px #ffffff0a,0 18px 42px #00ff951a}.eyebrow{color:var(--accent);background:#00ff951a;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:.78rem;display:inline-block}.hero-card h2{font-size:1.35rem;line-height:1.5}.hero-card p{margin:10px 0 20px;line-height:1.8}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.progress{background:#ffffff14;border-radius:999px;width:100%;height:10px;margin:14px 0;position:relative;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#36ffa5 0%,#9effcf 100%);height:100%;display:block;box-shadow:0 0 18px #36ffa580}.metrics-strip{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metrics-strip strong,.panel-card strong,.list-row strong{margin-top:6px;font-size:1.02rem;display:block}.notification-item,.list-row,.code-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;padding:14px}.list-row,.service-card{gap:14px}.list-row__meta{justify-items:end;gap:8px;display:grid}.status-badge{min-width:74px;color:var(--text);justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.status-badge--success{color:#b9ffd8;background:#3dffac1f;border-color:#3dffac2e}.status-badge--warning{color:#ffdf9f;background:#ffc14d1a;border-color:#ffc14d33}.status-badge--danger{color:#ffb6b6;background:#ff5c5c1a;border-color:#ff5c5c2e}.status-badge--muted,.status-badge--outline{color:#cad0dc}.primary-button,.ghost-button,.ghost-button--compact,.toggle-button{cursor:pointer;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-button{color:#05120b;background:linear-gradient(135deg,#00ff95 0%,#89ffca 100%);border:0;border-radius:18px;box-shadow:0 14px 34px #00ff953d}.ghost-button,.ghost-button--compact,.toggle-button{color:var(--text)}.ghost-button--compact{border-radius:14px;min-height:40px;padding:0 14px;font-size:.84rem}.secondary-link{text-align:center;text-decoration:none}.field{gap:8px;display:grid}.field input,.field textarea,.field select,.search-input{background:#080b11d1;border:1px solid #dae7e117;border-radius:16px;outline:none;width:100%;min-height:52px;padding:0 16px}.field textarea{resize:vertical;padding-block:14px}.search-input{flex:1}.banner,.empty-state{border-radius:18px;padding:14px 16px}.banner--success{color:#b9ffd8;background:#3dffac1a;border:1px solid #3dffac2e}.banner--danger{color:#ffb6b6;background:#ff5c5c1a;border:1px solid #ff5c5c2e}.empty-state{text-align:center;color:var(--muted);background:#ffffff08}.inline-actions{gap:8px;display:flex}.pagination-row{justify-content:center}.profile-card{justify-content:flex-start}.service-modal{min-height:calc(100vh - 180px);position:relative}.service-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0204068c;position:fixed;inset:0}.service-modal__card{z-index:1;max-width:720px;margin:8px auto 0;padding:18px;position:relative}.service-modal__header{align-items:flex-start}.service-modal__header span{color:var(--muted);margin-top:4px;display:block}.tab-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.tab-switcher button{min-height:48px;color:var(--muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px}.tab-switcher .is-active{color:var(--text);background:#00ff951a;border-color:#00ff9540}.modal-grid{flex-wrap:wrap}.modal-grid .info-row,.info-row{flex:220px}.qr-card{background:#f2f8f4;border-radius:22px;place-items:center;padding:18px;display:grid}.qr-image{border-radius:12px;width:min(100%,320px)}.code-box{word-break:break-all;font-size:.84rem;line-height:1.9}.bottom-nav{right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070a0edb;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;display:grid;position:fixed;left:16px}.bottom-nav__item,.bottom-nav__cta{min-height:62px;color:var(--muted);place-items:center;gap:4px;text-decoration:none;display:grid}.bottom-nav__cta{color:var(--accent);background:linear-gradient(135deg,#00ff9524,#89ffca1f)}.bottom-nav__item.active,.bottom-nav__cta.active{color:var(--text);border-color:#00ff9533}.splash-screen{min-height:100vh;color:var(--text);background:linear-gradient(#05070b,#0d1118);place-items:center;padding:24px;display:grid}.splash-screen--error{gap:12px}@media (width<=840px){.summary-grid,.metrics-strip{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}}
