:root{--bg: #f9f5ff;--surface: #ffffff;--surface2: #f3eeff;--surface3: #e3dfff;--surface4: #ddd9ff;--gold: #4a40e0;--gold-dark: #3730c4;--gold-light: #6b62f0;--primary: #4a40e0;--primary-gradient: linear-gradient(135deg, #4a40e0, #9795ff);--on-primary: #ffffff;--green: #22C55E;--green-dim: #DCFCE7;--red: #EF4444;--red-dim: #FEE2E2;--today-accent: #F59E0B;--tertiary: #f8a010;--text: #1E1B4B;--text-muted: #6B7280;--border: rgba(171,167,224,.35);--shadow-primary: 0px 4px 24px rgba(74,64,224,.1);--radius: 16px;--radius-sm: 10px;--header-h: 76px;--bottom-nav-h: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{direction:rtl;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden;background:var(--bg)}#root{min-height:100dvh;display:flex;flex-direction:column}.app{max-width:480px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg)}h1{font-size:1.4rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;border-radius:9999px;box-shadow:0 4px 14px #4a40e059}.btn-primary:hover:not(:disabled){opacity:.92}.btn-secondary{background:var(--surface3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface2)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--primary)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.2);border-radius:9999px}.btn-full{width:100%}.btn-lg{padding:16px 24px;font-size:1.05rem}.btn-sm{padding:8px 14px;font-size:.875rem}.input,.select,textarea{width:100%;background:var(--surface2);color:var(--text);border:none;border-radius:var(--radius-sm);padding:13px 14px;font-family:inherit;font-size:1rem;outline:none;transition:box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input:focus,.select:focus,textarea:focus{box-shadow:0 0 0 2px #4a40e033}.input::placeholder,textarea::placeholder{color:var(--text-muted)}.input[type=time]{padding:10px 14px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-color:var(--surface2);background-repeat:no-repeat;background-position:left 12px center;padding-left:36px;cursor:pointer}textarea{resize:vertical;min-height:80px;line-height:1.5}label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.field{display:flex;flex-direction:column;gap:4px}.field+.field{margin-top:14px}.card{background:var(--surface);border-radius:2rem;box-shadow:var(--shadow-primary);padding:16px}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.page-content{flex:1;padding-top:var(--header-h);padding-bottom:var(--bottom-nav-h);overflow-y:auto;-webkit-overflow-scrolling:touch}.checkbox-row{display:flex;align-items:center;gap:10px;padding:8px 0}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.checkbox-row span{font-size:.95rem}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100}.slide-up{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:var(--surface);border-radius:2rem 2rem 0 0;z-index:101;max-height:96dvh;display:flex;flex-direction:column;box-shadow:0 -8px 40px #4a40e01f;animation:slideUp .28s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;flex-shrink:0}.slide-up-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.slide-up-footer{padding:12px 16px 16px;flex-shrink:0}.badge{display:inline-block;padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-gold{background:var(--surface3);color:var(--primary)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.close-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.close-btn:hover{background:var(--surface3);color:var(--text)}.progress-bar{height:8px;background:var(--surface3);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#006a2d,#6bff8f);border-radius:99px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}@keyframes pulseRing{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes saveFlash{0%{background:#22c55e;transform:scale(1.15)}to{background:inherit;transform:scale(1)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:4px}