:root{--bg: #f6f7fb;--bg-2: #eef0f7;--card: #ffffff;--card-elevated: #ffffff;--dark-1: #050816;--dark-2: #0c1230;--dark-3: #1a2150;--dark-glow: rgba(99, 102, 241, .22);--brand: #4f46e5;--brand-2: #6366f1;--brand-soft: #eef0ff;--brand-mid: #c7d0ff;--accent: #3b82f6;--accent-soft: #eff6ff;--accent-mid: #bfdbfe;--green: #059669;--green-soft: #ecfdf5;--amber: #d97706;--amber-soft: #fffbeb;--red: #dc2626;--red-soft: #fef2f2;--purple: #7c3aed;--purple-soft: #f5f3ff;--teal: #0d9488;--teal-soft: #f0fdfa;--text-1: #0b1020;--text-2: #475569;--text-3: #8b94a7;--text-4: #c2c9d6;--border: #ebedf4;--border-strong: #d8dde8;--hairline: #f0f2f7;--shadow-sm: 0 1px 2px rgba(11, 16, 32, .04);--shadow: 0 1px 3px rgba(11, 16, 32, .06), 0 0 0 1px rgba(11, 16, 32, .03);--shadow-md: 0 4px 12px rgba(11, 16, 32, .06), 0 0 0 1px rgba(11, 16, 32, .03);--shadow-lg: 0 12px 32px rgba(11, 16, 32, .1);--shadow-dark: 0 24px 64px rgba(5, 8, 22, .4);--r-sm: 10px;--r: 14px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--nav-h: 76px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{direction:rtl;font-family:Rubik,Segoe UI,Arial,sans-serif;font-feature-settings:"tnum","ss01";background:var(--bg);color:var(--text-1);overflow:hidden;height:100%;width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%;width:100%}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-h) + 24px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.screen::-webkit-scrollbar{display:none}.card{background:var(--card);border-radius:var(--r-md);border:1px solid var(--hairline);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.card-p{padding:18px}.card-elevated{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.card-tap:active{transform:scale(.985);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-sm);font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:all .18s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.1px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#4f46e5,#4338ca);color:#fff;padding:15px 24px;width:100%;box-shadow:0 4px 14px #4f46e559,inset 0 1px #ffffff1f}.btn-primary:hover{box-shadow:0 6px 20px #4f46e573}.btn-secondary{background:var(--brand-soft);color:var(--brand);padding:13px 20px;border:1px solid var(--brand-mid)}.btn-ghost{background:transparent;color:var(--text-2);padding:11px 18px;border:1px solid var(--border)}.btn-danger{background:var(--red-soft);color:var(--red);padding:13px 20px;border:1px solid #fecaca}.btn-dark{background:var(--dark-1);color:#fff;padding:15px 24px;width:100%}.field-group{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12px;font-weight:600;color:var(--text-3);letter-spacing:.4px;text-transform:uppercase}.field-input{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);padding:13px 14px;font-family:inherit;font-size:16px;font-weight:500;color:var(--text-1);width:100%;direction:rtl;transition:all .15s;-webkit-appearance:none}.field-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}.field-input::placeholder{color:var(--text-4);font-weight:400}textarea.field-input{resize:none;min-height:84px;line-height:1.55}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--card);border-radius:var(--r);border:1px solid var(--hairline);transition:all .2s}.toggle-row.active{border-color:var(--brand-mid);background:linear-gradient(180deg,#fafbff,#f4f5ff)}.toggle-label-group{display:flex;flex-direction:column;gap:3px}.toggle-title{font-size:15px;font-weight:600;color:var(--text-1);letter-spacing:-.1px}.toggle-sub{font-size:12.5px;color:var(--text-3);font-weight:500}.switch{position:relative;width:46px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8dde8;border-radius:14px;cursor:pointer;transition:background .2s}.switch input:checked+.switch-track{background:var(--brand)}.switch-track:after{content:"";position:absolute;width:22px;height:22px;right:3px;top:3px;background:#fff;border-radius:50%;transition:transform .22s cubic-bezier(.4,.2,.2,1);box-shadow:0 2px 6px #0000002e}.switch input:checked+.switch-track:after{transform:translate(-18px)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:14px}.section-title{font-size:11px;font-weight:700;color:var(--text-3);letter-spacing:1.2px;text-transform:uppercase}.section-action{font-size:12px;font-weight:700;color:var(--brand);background:none;border:none;cursor:pointer;font-family:inherit;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:56px 20px 12px}.screen-title{font-size:24px;font-weight:800;color:var(--text-1);letter-spacing:-.6px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .15s}.icon-btn:active{transform:scale(.92);border-color:var(--border-strong)}.amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.4px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:-.1px}.pill-green{background:var(--green-soft);color:var(--green)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-blue{background:var(--accent-soft);color:var(--accent)}.pill-brand{background:var(--brand-soft);color:var(--brand)}.pill-purple{background:var(--purple-soft);color:var(--purple)}.pill-red{background:var(--red-soft);color:var(--red)}.divider{height:1px;background:var(--hairline);margin:0 18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;text-align:center}.empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--text-3)}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-2)}.empty-state-sub{font-size:13px;color:var(--text-3)}.screen-enter{animation:slideIn .32s cubic-bezier(.32,.72,0,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.suggestions{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-md);position:absolute;width:100%;z-index:100;margin-top:4px}.suggestion-item{padding:12px 14px;font-size:14px;cursor:pointer;transition:background .12s;font-weight:500}.suggestion-item:hover,.suggestion-item:active{background:var(--brand-soft);color:var(--brand)}.suggestion-item+.suggestion-item{border-top:1px solid var(--hairline)}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.px-20{padding-left:20px;padding-right:20px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.15 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}@media print{.no-print{display:none!important}body{background:#fff}.app-shell{max-width:100%;height:auto}.screen{overflow:visible;padding-bottom:0}}