:root{--red: #E53935;--red-light: #FFEBEE;--green: #2E7D32;--green-light: #E8F5E9;--orange: #F57C00;--orange-light: #FFF3E0;--bg: #F2F2F2;--card: #FFFFFF;--text: #1A1A1A;--subtext: #757575;--border: #E0E0E0;--nav-height: 64px}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes cardPop{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes navDot{0%{transform:scale(0)}60%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rippleEffect{0%{transform:scale(0);opacity:.35}to{transform:scale(3);opacity:0}}@keyframes badgePop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes sectionReveal{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0!important}}.stagger-1{animation-delay:.05s!important}.stagger-2{animation-delay:.12s!important}.stagger-3{animation-delay:.19s!important}.stagger-4{animation-delay:.26s!important}.stagger-5{animation-delay:.33s!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Vazirmatn,sans-serif;background:var(--bg);color:var(--text);direction:rtl;min-height:100dvh;max-width:480px;margin:0 auto;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;padding:16px;padding-bottom:calc(var(--nav-height) + 16px);overflow-y:auto;animation:pageEnter .32s cubic-bezier(.22,.68,0,1.05) both}.page .card{animation:cardPop .3s cubic-bezier(.22,.68,0,1.1) both}.page .gap-16>.card:nth-child(1){animation-delay:0s}.page .gap-16>.card:nth-child(2){animation-delay:.06s}.page .gap-16>.card:nth-child(3){animation-delay:.12s}.page .gap-16>.card:nth-child(4){animation-delay:.18s}.page .gap-16>.card:nth-child(5){animation-delay:.24s}.page .gap-16>.card:nth-child(n+6){animation-delay:.28s}.section-title{animation:sectionReveal .4s ease both}.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 4px #00000012;transition:box-shadow .2s,transform .2s}.card-animate{animation:cardPop .25s cubic-bezier(.22,.68,0,1.15) both}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;border:none;font-family:Vazirmatn,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.btn:active{transform:scale(.97);opacity:.9;box-shadow:none}.btn:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.btn-red{background:var(--red);color:#fff}.btn-red:hover{box-shadow:0 4px 16px #e5393559}.btn-green{background:var(--green);color:#fff}.btn-green:hover{box-shadow:0 4px 16px #2e7d324d}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-outline.active{border-color:var(--red);color:var(--red)}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.tag-red{background:var(--red);color:#fff}.tag-green{background:var(--green);color:#fff}.tag-orange{background:var(--orange);color:#fff}.tag-gray{background:var(--border);color:var(--subtext)}.progress-bar-wrap{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:progressFill .8s cubic-bezier(.4,0,.2,1) both}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:20px;font-weight:700}.back-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;color:var(--text)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer}.list-row:last-child{border-bottom:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);display:flex;z-index:100;box-shadow:0 -2px 12px #0000000f}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--subtext);cursor:pointer;border:none;background:none;font-family:Vazirmatn,sans-serif;transition:color .2s,transform .15s;position:relative}.nav-item:active{transform:scale(.88)}.nav-item.active{color:var(--red)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(229,57,53,.4))}.nav-item.active:before{content:"";position:absolute;top:6px;width:36px;height:36px;border-radius:12px;background:var(--red-light);animation:badgePop .35s cubic-bezier(.34,1.56,.64,1) both;z-index:-1}.nav-item.active:after{content:"";position:absolute;bottom:3px;width:22px;height:3px;border-radius:2px;background:var(--red);animation:navDot .35s cubic-bezier(.34,1.56,.64,1) both}.nav-icon{font-size:22px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:1}.nav-item.active .nav-icon{transform:scale(1.15)}.section-title{font-size:16px;font-weight:700;margin-bottom:12px}.gap-8{display:flex;flex-direction:column;gap:8px}.gap-12{display:flex;flex-direction:column;gap:12px}.gap-16{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:8px}.row>*{flex:1}