:root{--wp:#0284c7;--green:#00a859;--wa:#25d366;--gold:#d97706;--gray:#888;--dgray:#444;--lgray:#ccc;--primary:#0284c7;--on-primary:#fff;--primary-container:#e0f2fe;--on-primary-container:#0369a1;--secondary:#0f3d7a;--secondary-container:#e0e7ff;--on-secondary-container:#0f172a;--tertiary:#0d9488;--tertiary-container:#ffd8e4;--bg:#f8fafc;--on-bg:#0f172a;--surface:#fff;--on-surface:#0f172a;--surface-variant:#f1f5f9;--on-surface-variant:#475569;--outline:#cbd5e1;--outline-variant:#e2e8f0;--error:#b3261e;--error-container:#f9dedc;--on-error-container:#410e0b;--sc-highest:#e6e0e9;--sc-high:#ece6f0;--nav-bg:#ebf5fa;--scrim:#00000052;--dark:0;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:80px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--primary:#38bdf8;--on-primary:#0c4a6e;--primary-container:#0369a1;--on-primary-container:#bae6fd;--secondary:#60a5fa;--secondary-container:#1e3a8a;--on-secondary-container:#dbeafe;--tertiary:#2dd4bf;--tertiary-container:#633b48;--bg:#0b192c;--on-bg:#f8fafc;--surface:#1e293b;--on-surface:#f8fafc;--surface-variant:#1e293b;--on-surface-variant:#cbd5e1;--outline:#334155;--outline-variant:#1e293b;--error:#f2b8b5;--error-container:#8c1d18;--on-error-container:#f9dedc;--sc-highest:#36343b;--sc-high:#2b2930;--nav-bg:#1f3448;--dark:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{text-size-adjust:100%}body{background:var(--bg);color:var(--on-bg);overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Arabic,Segoe UI,Roboto,Noto Sans Arabic,Tahoma,sans-serif;font-size:14px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}p{margin:0}img{display:block}.ic{vertical-align:middle;flex:none;display:inline-block}[dir=rtl] .ic.mirror{transform:scaleX(-1)}#app{min-height:100dvh}.shell{background:var(--bg);max-width:560px;min-height:100dvh;margin:0 auto;position:relative}.content{padding-top:var(--safe-top);padding-bottom:calc(var(--nav-h) + var(--safe-bottom));min-height:100dvh}.content.no-nav{padding-bottom:var(--safe-bottom)}@media (min-width:600px){body{background:#e2e8f0}.shell{box-shadow:0 0 40px #0f172a1f}}@media (min-width:600px) and (prefers-color-scheme:dark){body{background:#050d18}}.navbar{z-index:20;width:100%;max-width:560px;height:calc(var(--nav-h) + var(--safe-bottom));padding:12px 8px var(--safe-bottom);background:var(--nav-bg);justify-content:space-around;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--on-surface-variant);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;padding:0;display:flex}.nav-item .pill{border-radius:16px;place-items:center;width:64px;height:32px;transition:background-color .2s;display:grid}.nav-item.sel .pill{background:var(--secondary-container);color:var(--on-secondary-container)}.nav-item.sel{color:var(--on-surface)}.nav-item .lbl{white-space:nowrap;font-size:11px;font-weight:700}.nav-item .badge-dot{background:var(--error);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;margin:-14px -18px 0 0;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute}@media (prefers-color-scheme:dark){.nav-item .badge-dot{color:#601410}}.col{flex-direction:column;display:flex}.row{flex-direction:row;align-items:center;display:flex}.row.top{align-items:flex-start}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1 1 0;min-width:0}.tc{text-align:center}.px16{padding-inline:16px}.p16{padding:16px}.p20{padding:20px}.p24{padding:24px}.bold{font-weight:700}.semibold{font-weight:600}.xbold{font-weight:800}.muted{color:var(--gray)}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pre{white-space:pre-line}.screen-pad{flex-direction:column;gap:16px;padding:16px;display:flex}.card{background:var(--sc-highest);color:var(--on-surface);border-radius:12px}.card.surface{background:var(--surface)}.elev1{box-shadow:0 1px 2px #0000002e,0 1px 3px 1px #00000014}.elev2{box-shadow:0 1px 2px #0003,0 2px 6px 2px #0000001a}.elev3{box-shadow:0 4px 8px 3px #0000001a,0 1px 3px #0003}.elev4{box-shadow:0 6px 10px 4px #0000001a,0 2px 3px #0003}.elev6{box-shadow:0 8px 12px 6px #0000001a,0 4px 4px #0003}.divider{background:var(--outline-variant);border:0;flex:none;width:100%;height:1px;margin:0}.vdivider{background:#8888884d;flex:none;width:1px;height:30px}.clickable{cursor:pointer}.clickable:active{filter:brightness(.96)}.btn{background:var(--primary);min-height:40px;color:var(--on-primary);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;line-height:1.2;transition:filter .15s,background-color .15s;display:inline-flex}.btn:active{filter:brightness(.92)}.btn:disabled{background:color-mix(in srgb, var(--on-surface) 12%, transparent);color:color-mix(in srgb, var(--on-surface) 38%, transparent);box-shadow:none}.btn.outlined{color:var(--primary);border:1px solid var(--outline);background:0 0}.btn.outlined:disabled{border-color:color-mix(in srgb, var(--on-surface) 12%, transparent);background:0 0}.btn.text{color:var(--primary);background:0 0;padding:0 12px}.btn.text:disabled{background:0 0}.btn.full{width:100%}.btn.compact{padding:0 10px}.btn .spinner{border-width:2px;border-color:#fff #ffffff59 #ffffff59;width:18px;height:18px}.icon-btn{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.field{width:100%;position:relative}.field-box{border:1px solid var(--outline);background:0 0;border-radius:4px;align-items:center;min-height:56px;transition:border-color .15s;display:flex;position:relative}.field:focus-within .field-box{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.field.error .field-box{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.field input,.field textarea{min-width:0;color:var(--on-surface);background:0 0;border:0;outline:0;flex:1;padding:16px;font-size:16px}.field textarea{resize:none;min-height:56px}.field input::placeholder,.field textarea::placeholder{color:var(--on-surface-variant);opacity:0;transition:opacity .15s}.field.floated input::placeholder,.field.floated textarea::placeholder{opacity:.8}.field .lead{color:var(--on-surface-variant);padding-inline-start:12px;display:flex}.field .lead+input{padding-inline-start:12px}.field .trail{align-items:center;padding-inline-end:12px;display:flex}.field label{inset-inline-start:16px;color:var(--on-surface-variant);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:calc(100% - 32px);margin-inline-start:-4px;padding:0 4px;font-size:16px;transition:top .15s,font-size .15s,color .15s;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.field.has-lead label{inset-inline-start:52px}.field.floated label{top:0;background:var(--label-bg,var(--bg));margin:0;font-size:12px;inset-inline-start:12px}.field:focus-within label{color:var(--primary)}.field.error label{color:var(--error)}.field .support{color:var(--gray);padding:4px 16px 0;font-size:11px}.field.error .support{color:var(--error)}.chip{border:1px solid var(--outline);min-height:32px;color:var(--on-surface-variant);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.chip.sel{background:var(--secondary-container);color:var(--on-secondary-container);border-color:#0000}.chip.sel.primary{background:var(--wp);color:#fff}.chip.grow{flex:1 1 0}.switch{background:#475569;border:2px solid #475569;border-radius:16px;flex:none;width:52px;height:32px;padding:0;transition:background-color .2s,border-color .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s,width .2s,height .2s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.switch.on{background:var(--green);border-color:var(--green)}.switch.on:after{width:24px;height:24px;left:22px}.status-badge{white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.pill-label{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.spinner{border:3px solid color-mix(in srgb, var(--wp) 25%, transparent);border-top-color:var(--wp);border-radius:50%;flex:none;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--track,#fff3);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress>div{background:var(--bar,var(--wp));border-radius:3px;height:100%;transition:width .3s}.scrim{z-index:60;background:var(--scrim);padding:24px 16px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));justify-content:center;align-items:center;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.dialog{background:var(--sc-high);color:var(--on-surface);--label-bg:var(--sc-high);border-radius:28px;flex-direction:column;width:100%;max-width:420px;max-height:100%;padding:24px;animation:.18s ease-out pop;display:flex}.dialog .d-icon{justify-content:center;margin-bottom:16px;display:flex}.dialog .d-title{color:var(--on-surface);margin-bottom:16px;font-size:22px;line-height:1.3}.dialog .d-body{color:var(--on-surface-variant);-webkit-overflow-scrolling:touch;min-height:0;font-size:14px;overflow-y:auto}.dialog .d-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.toasts{left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 24px;display:flex;position:fixed}.toast{color:#fff;text-align:center;background:#323232eb;border-radius:20px;max-width:480px;padding:10px 16px;font-size:14px;animation:.2s ease-out toast;box-shadow:0 2px 8px #00000040}@keyframes toast{0%{opacity:0;transform:translateY(8px)}}.tabs{scrollbar-width:none;border-bottom:1px solid var(--outline-variant);flex:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--on-surface-variant);white-space:nowrap;background:0 0;border:0;flex:none;padding:14px 16px;font-size:12px;font-weight:700;position:relative}.tab.sel{color:var(--primary)}.tab.sel:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:8px;right:8px}.menu-anchor{flex:1 1 0;min-width:0;position:relative}.menu{top:calc(100% + 4px);z-index:50;background:var(--sc-high);border-radius:4px;min-width:100%;max-width:280px;max-height:320px;padding:8px 0;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.menu button{text-align:start;width:100%;color:var(--on-surface);background:0 0;border:0;min-height:48px;padding:12px 16px;font-size:14px;display:block}.menu button:active{background:color-mix(in srgb, var(--on-surface) 8%, transparent)}.hscroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.pulse-dot{animation:1.4s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.slide-in-next{animation:.25s ease-out slideNext}.slide-in-prev{animation:.25s ease-out slidePrev}@keyframes slideNext{0%{opacity:0;transform:translate(-40px)}}@keyframes slidePrev{0%{opacity:0;transform:translate(40px)}}.fullscreen{z-index:55;max-width:560px;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:#0f172a;flex-direction:column;margin:0 auto;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}input[type=checkbox],input[type=radio]{accent-color:var(--wp);flex:none;width:20px;height:20px;margin:0 4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*$vite$:1*/