*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{direction:rtl;background:#0f1923;height:100%;font-family:Vazirmatn,sans-serif}body{min-height:100vh;overflow:auto}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.phone-shell{background:#fff;border-radius:50px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2a2a2a,0 0 0 6px #1a1a1a,0 40px 80px #000000b3,inset 0 0 0 1px #ffffff0d}.dynamic-island{z-index:100;background:#000;border-radius:20px;width:120px;height:34px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.status-bar{z-index:50;background:0 0;flex-shrink:0;justify-content:space-between;align-items:flex-end;height:58px;padding:0 28px 8px;display:flex;position:relative}.status-time{color:#fff;font-size:15px;font-weight:600}.status-icons{align-items:center;gap:6px;display:flex}.status-icons svg{fill:#fff;width:16px;height:16px}.screen-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.screen{background:#f5f7fa;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen.hidden-right{opacity:0;pointer-events:none;transform:translate(-100%)}.screen.hidden-left{opacity:0;pointer-events:none;transform:translate(100%)}.bottom-nav{z-index:50;background:#fff;border-top:1px solid #eef0f3;flex-shrink:0;justify-content:space-around;align-items:center;height:72px;padding:0 8px;display:flex;position:relative}.nav-item{cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 16px;transition:background .2s;display:flex}.nav-item:hover{background:#f0f4f8}.nav-item svg{width:22px;height:22px}.nav-label{color:#8a95a3;font-size:10px;font-weight:500}.nav-item.active .nav-label{color:#1b4e6b}.home-indicator{background:#fff;flex-shrink:0;justify-content:center;align-items:center;height:20px;display:flex}.home-bar{background:#1a1a1a;border-radius:3px;width:130px;height:4px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(-6px)}}@keyframes waveAnim0{0%{height:20%}to{height:70%}}@keyframes waveAnim1{0%{height:30%}to{height:90%}}@keyframes waveAnim2{0%{height:25%}to{height:60%}}@keyframes waveAnim3{0%{height:35%}to{height:80%}}
/*# sourceMappingURL=app.c120b1bc.css.map */