@import "https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;600;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#fff;background:#04120f;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}.page{background:radial-gradient(circle at 20% 0,#19be7573,#0000 34%),radial-gradient(circle at 84% 9%,#ffbe4657,#0000 32%),radial-gradient(circle at 52% 102%,#8556ff47,#0000 32%),linear-gradient(145deg,#051512 0%,#09291f 48%,#030807 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(8px,2vw,22px);display:flex;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14,#0000 22%,#ffd2660f 48%,#0000 74%),repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 16px);position:fixed;inset:0}.spark{filter:blur(42px);opacity:.62;border-radius:999px;animation:7s ease-in-out infinite float;position:fixed}.s1{background:#28e67b;width:190px;height:190px;top:7%;left:7%}.s2{background:#ffbd43;width:230px;height:230px;animation-delay:1.5s;bottom:4%;right:3%}.s3{background:#8b5cff;width:145px;height:145px;animation-delay:3s;top:43%;right:12%}.phone{background:linear-gradient(#08241ddb,#05110ff0);border:1px solid #ffdb7447;border-radius:34px;width:min(100%,1180px);min-height:calc(100vh - clamp(16px,4vw,44px));padding:clamp(10px,1.8vw,18px);position:relative;overflow:hidden;box-shadow:0 35px 95px #0000007a,inset 0 1px #ffffff1f}.phone:before{content:"☾";color:#ffd76b;text-shadow:0 0 28px #ffd36cb8;opacity:.38;pointer-events:none;font-size:54px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:8px;height:58px;display:flex;position:relative}.round{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(145deg,#ffffff21,#ffffff0a);border:1px solid #ffd56638;border-radius:18px;place-items:center;width:48px;height:48px;transition:all .22s;display:grid;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0003}.round:hover,.dateBar button:hover,.prayer:hover{border-color:#ffd76b73;transform:translateY(-2px)}.title{text-align:left;align-items:center;gap:8px;min-width:0;display:flex}.title svg{color:#ffd76b;filter:drop-shadow(0 0 12px #ffd76bd9);flex:none}h1{color:#ffd76b;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;max-width:min(520px,55vw);margin:0;font-size:clamp(21px,2.3vw,31px);line-height:1;overflow:hidden}p{margin:0}.title p{color:#c9d8d0;margin-top:3px;font-size:12px}.heroCard{background:linear-gradient(135deg,#ffffff24,#ffffff0b);border:1px solid #ffd36c4d;border-radius:28px;grid-template-columns:114px 1fr;gap:12px;margin-top:7px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000047,inset 0 1px #ffffff1a}.heroCard:after{content:"";pointer-events:none;background:linear-gradient(#ffdf7d33,#0000);height:96px;position:absolute;inset:-70px -30px auto}.progress{text-align:center;background:radial-gradient(circle at center,#102d22 54%,transparent 55%),conic-gradient(#70ff76 var(--value),#ffd76b var(--value),#ffffff21 0);border-radius:50%;place-content:center;width:108px;height:108px;animation:2.4s ease-in-out infinite pulse;display:grid;box-shadow:0 0 28px #65ef6a47,inset 0 0 18px #ffd76b14}.progress b{font-size:28px}.progress span{color:#d8e7e0;font-size:11px}.miniStats{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid}.miniStats div,.reportStrip div{text-align:center;background:linear-gradient(#ffffff17,#0003);border:1px solid #ffffff1a;border-radius:18px;padding:10px 7px}.miniStats svg{color:#72ec75}.miniStats div:nth-child(2) svg{color:#ffd76b}.miniStats div:nth-child(3) svg{color:#b799ff}.miniStats b,.reportStrip b{margin-top:2px;font-size:20px;display:block}.miniStats span,.reportStrip span{color:#c9d8d0;font-size:10.5px}.dateBar{align-items:center;gap:8px;height:48px;margin:9px 0;display:flex}.dateBar button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffd36c33;border-radius:16px;width:44px;height:44px}.dateBar label{color:#ffd76b;background:#ffffff14;border:1px solid #ffd36c33;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:7px;height:44px;display:flex}.dateBar input{opacity:0;width:1px;position:absolute}.dateBar strong{font-size:15px}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff13,#ffffff09);border:1px solid #ffd36c38;border-radius:25px;margin-bottom:9px;padding:12px;box-shadow:0 18px 38px #0000003d}.sectionHead{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.sectionHead h2{margin:0;font-size:17px}.sectionHead span{color:#8eff8f;background:#65ef6a29;border:1px solid #65ef6a2e;border-radius:999px;padding:5px 10px;font-size:12px}.prayerRow{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.prayer{color:#fff;cursor:pointer;background:linear-gradient(#ffffff17,#00000029);border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:76px;transition:all .25s;display:flex;position:relative}.prayer:first-child svg:first-child{color:#ffca75}.prayer:nth-child(2) svg:first-child{color:#ffef7a}.prayer:nth-child(3) svg:first-child{color:#ffa955}.prayer:nth-child(4) svg:first-child{color:#ff7b5d}.prayer:nth-child(5) svg:first-child{color:#b5a7ff}.prayer svg:first-child{filter:drop-shadow(0 0 10px #ffd36c47)}.prayer small{font-size:11px;font-weight:800}.prayer .tick{opacity:.16;position:absolute;bottom:5px;right:5px}.prayer.done{background:linear-gradient(#38b74366,#082b1b4d);border-color:#6bf26fbf;box-shadow:0 0 19px #65ef6a33}.prayer.done .tick{opacity:1;color:#75ff79}.entryList{gap:8px;display:grid}.entry{background:linear-gradient(135deg,#ffffff14,#0000002e);border:1px solid #ffffff17;border-radius:19px;grid-template-columns:46px 1fr auto;align-items:center;gap:9px;min-height:61px;padding:9px;animation:.45s both slideIn;display:grid}.entry:nth-child(2){animation-delay:80ms}.entry:nth-child(3){animation-delay:.16s}.entryIcon{border:1px solid #ffffff1f;border-radius:16px;place-items:center;width:43px;height:43px;display:grid}.purple .entryIcon{color:#d8b4ff;background:#7e45ff3d}.green .entryIcon{color:#8eff8f;background:#48de5933}.gold .entryIcon{color:#ffd76b;background:#ffc04633}.entryText b{font-size:14px;display:block}.entryText span{color:#b9cbc3;font-size:10.5px;line-height:1.2;display:block}.numberInput{color:#fff;text-align:center;background:#ffffff17;border:1px solid #ffd36c38;border-radius:14px;outline:0;width:72px;height:42px;font-size:20px;font-weight:900}.numberInput::placeholder{color:#788a82}.pill{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffd36c33;border-radius:999px;min-width:64px;height:38px;font-weight:900}.pill.on{color:#06200f;background:linear-gradient(135deg,#35b34b,#7ef57e);box-shadow:0 0 18px #65ef6a3d}.tinyNote{color:#ffd76b;background:#0000002e;border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:8px;height:41px;margin-top:8px;padding:0 12px;display:flex}.tinyNote input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:13px}.tinyNote input::placeholder{color:#809189}.reportStrip{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:2px;display:grid}.reportStrip div{padding:9px 4px}.reportStrip div:first-child svg{color:#87c5ff}.reportStrip div:nth-child(2) svg{color:#d8b4ff}.reportStrip div:nth-child(3) svg{color:#8eff8f}.reportStrip div:nth-child(4) svg{color:#ffd76b}.reportStrip b{color:#fff;font-size:18px}.saveLine{color:#9cafaa;justify-content:center;align-items:center;gap:6px;padding:8px 0 2px;font-size:11px;display:flex}.plusBtn{color:#06200f;cursor:pointer;background:linear-gradient(135deg,#35b34b,#7ef57e);border:1px solid #7ef57e73;border-radius:15px;place-items:center;width:42px;height:42px;animation:2s ease-in-out infinite pulse;display:grid;box-shadow:0 0 18px #65ef6a3d}.modalShade{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.sadqaModal{background:linear-gradient(#0c3025fa,#051410fa);border:1px solid #ffd36c4d;border-radius:26px;width:100%;max-width:560px;padding:13px;animation:.28s both modalUp;box-shadow:0 -20px 70px #00000073}.modalHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.modalHead b{color:#ffd76b;font-size:18px;display:block}.modalHead span{color:#bfd0c8;margin-top:3px;font-size:11px;display:block}.modalHead button,.sadqaRecord button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.sadqaForm{gap:8px;display:grid}.sadqaForm input{color:#fff;background:#00000038;border:1px solid #ffd36c33;border-radius:15px;outline:0;height:42px;padding:0 12px;font-weight:700}.sadqaForm input::placeholder{color:#81948b}.sadqaForm button{color:#1c1503;cursor:pointer;background:linear-gradient(135deg,#ffc857,#fff08b);border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;height:42px;font-weight:900;display:flex}.sadqaRecords{gap:7px;max-height:190px;margin-top:10px;padding-right:2px;display:grid;overflow:auto}.sadqaRecords p{color:#aebfb7;text-align:center;padding:12px;font-size:12px}.sadqaRecord{background:#0000002e;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1fr 38px;align-items:center;gap:8px;padding:8px;display:grid}.sadqaRecord b{color:#fff;font-size:14px;display:block}.sadqaRecord span{color:#b9cbc3;margin-top:2px;font-size:11px;line-height:1.25;display:block}.reportTopBtn{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:58px;font-size:9px;line-height:1;display:flex}.reportTopBtn small{color:#ffd76b;font-size:9px;font-weight:900}.profileModal,.reportModal{padding-bottom:16px}.profileForm{place-items:center;gap:10px;display:grid}.profileAvatar{color:#ffd76b;background:radial-gradient(circle,#ffd36c3d,#ffffff0f);border:1px solid #ffd36c4d;border-radius:24px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 0 24px #ffd36c2e}.profileForm input{color:#fff;text-align:center;background:#0000003d;border:1px solid #ffd36c3d;border-radius:17px;outline:0;width:100%;height:48px;padding:0 14px;font-size:16px;font-weight:800}.profileForm input::placeholder{color:#81948b}.profileForm button{color:#1c1503;cursor:pointer;background:linear-gradient(135deg,#ffc857,#fff08b);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:45px;font-weight:950;display:flex}.reportGrid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.reportGrid div{text-align:center;background:#0003;border:1px solid #ffd36c29;border-radius:18px;min-height:70px;padding:11px}.reportGrid span{color:#b9cbc3;font-size:11px;display:block}.reportGrid b{color:#ffd76b;margin-top:5px;font-size:24px;display:block}.todaySummary{background:#65ef6a14;border:1px solid #7ef57e2e;border-radius:18px;margin-top:10px;padding:11px}.todaySummary b{color:#8eff8f}.todaySummary p{color:#d7e8df;margin-top:4px;font-size:12px;line-height:1.35}@keyframes pulse{50%{transform:scale(1.035)}}@keyframes float{50%{transform:translateY(20px)scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){.phone{grid-template-columns:1.02fr 1fr;grid-template-areas:"top top""hero namaz""date namaz""amal report""save save";align-content:start;gap:12px;display:grid}.topbar{grid-area:top}.heroCard{grid-area:hero;margin:0}.dateBar{grid-area:date;margin:0}.compactPanel{grid-area:namaz;margin:0}.amalPanel{grid-area:amal;margin:0}.reportStrip{grid-area:report;align-self:start;margin:0}.saveLine{grid-area:save}.prayerRow{grid-template-columns:repeat(5,1fr)}.prayer{min-height:104px}.entry{min-height:70px}.reportStrip{grid-template-columns:repeat(2,1fr)}.reportStrip div{place-items:center;min-height:86px;display:grid}.modalShade{align-items:center;position:fixed}.sadqaModal{box-shadow:0 25px 85px #0000008c}}@media (width<=520px){.page{align-items:stretch;padding:0}.phone{border-left:0;border-right:0;border-radius:0;width:100%;min-height:100vh;padding:10px}.topbar{height:54px}.round{border-radius:16px;width:44px;height:44px}.reportTopBtn{width:52px}.title h1,h1{max-width:calc(100vw - 150px);font-size:20px}.title p{font-size:11px}.heroCard{border-radius:22px;grid-template-columns:96px 1fr;margin-top:6px;padding:10px}.progress{width:92px;height:92px}.progress b{font-size:23px}.progress span{font-size:10px}.miniStats{gap:6px}.miniStats div{border-radius:15px;padding:7px 4px}.miniStats b{font-size:17px}.miniStats span{font-size:9.5px}.dateBar{height:42px;margin:7px 0}.dateBar button,.dateBar label{height:38px}.dateBar button{border-radius:14px;width:38px}.dateBar strong{font-size:13px}.panel{border-radius:20px;margin-bottom:7px;padding:9px}.sectionHead{margin-bottom:7px}.sectionHead h2{font-size:14px}.sectionHead span{padding:4px 8px;font-size:10px}.prayerRow{gap:5px}.prayer{border-radius:14px;gap:2px;min-height:62px}.prayer svg:first-child{width:21px;height:21px}.prayer small{font-size:9.5px}.entryList{gap:6px}.entry{border-radius:16px;grid-template-columns:38px 1fr auto;min-height:53px;padding:7px}.entryIcon{border-radius:13px;width:36px;height:36px}.entryIcon svg{width:20px;height:20px}.entryText b{font-size:13px}.entryText span{font-size:9.8px}.numberInput{border-radius:12px;width:58px;height:36px;font-size:17px}.pill{min-width:54px;height:34px;font-size:12px}.plusBtn{border-radius:12px;width:36px;height:36px}.tinyNote{border-radius:13px;height:36px;margin-top:6px}.reportStrip{gap:5px}.reportStrip div{border-radius:14px;padding:7px 2px}.reportStrip svg{width:15px;height:15px}.reportStrip b{font-size:15px}.reportStrip span{font-size:9px}.saveLine{padding:6px 0 0;font-size:10px}.sadqaModal{border-radius:23px}.sadqaRecords{max-height:165px}.modalShade{position:fixed}.phone:before{opacity:.25;font-size:42px;top:52px}}@media (width<=380px){.phone{padding:8px}.heroCard{grid-template-columns:84px 1fr}.progress{width:82px;height:82px}.progress b{font-size:21px}.miniStats div:nth-child(2) span,.miniStats div:nth-child(3) span{display:none}.prayer{min-height:56px}.prayer svg:first-child{width:19px;height:19px}.entryText span{display:none}.entry{min-height:48px}.tinyNote input{font-size:12px}.reportStrip{grid-template-columns:repeat(4,1fr)}.reportTopBtn small{font-size:8px}.title h1,h1{max-width:calc(100vw - 142px);font-size:18px}}.dayCloseBox{background:linear-gradient(135deg,#ffc85729,#ffffff0d);border:1px solid #ffd36c38;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;padding:9px 10px;display:flex;box-shadow:0 14px 30px #0003}.closeText{color:#ffd76b;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.closeText svg{filter:drop-shadow(0 0 9px #ffd76b8c)}.dayCloseBox button{color:#1c1503;cursor:pointer;background:linear-gradient(135deg,#ffb22e,#fff08b);border:0;border-radius:14px;height:36px;padding:0 14px;font-weight:950;box-shadow:0 0 16px #ffc85733}.dayCloseBox.closed{background:linear-gradient(135deg,#48de592e,#ffffff0d);border-color:#7ef57e4d}.dayCloseBox.closed .closeText{color:#8eff8f}.dayCloseBox.closed button{color:#cfe5da;box-shadow:none;background:#ffffff1a}button:disabled,input:disabled{opacity:.58;cursor:not-allowed}.lockedItem{filter:saturate(.7)}@media (width>=760px){.dayCloseBox{grid-column:1/3;margin:0}.phone{grid-template-areas:"top top""hero namaz""date namaz""amal report""close close""save save"}.dayCloseBox{grid-area:close}}@media (width<=520px){.dayCloseBox{border-radius:15px;margin-bottom:7px;padding:7px 8px}.closeText{font-size:12px}.dayCloseBox button{border-radius:12px;height:32px;padding:0 11px;font-size:12px}}.dailyResetBox{background:linear-gradient(135deg,#141e23b3,#462a0847);border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:9px 10px;display:flex;box-shadow:0 10px 28px #00000038}.dailyResetBox button{color:#ffe9b0;white-space:nowrap;background:linear-gradient(135deg,#ffb83838,#ff5a5a29);border:0;border-radius:14px;align-items:center;gap:6px;padding:9px 11px;font-weight:800;display:flex}.dailyResetBox small{color:#ffffff9e;text-align:right;font-size:11px;line-height:1.25}.dangerZone{justify-content:center;margin:8px 0 5px;display:flex}.dangerZone button{color:#ffb4b4;letter-spacing:.5px;background:#ff424217;border:1px solid #ff5b5b59;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:900;display:flex}@media (width<=420px){.dailyResetBox{padding:8px}.dailyResetBox small{font-size:10px}.dangerZone button{padding:6px 9px;font-size:9px}}.celebrationLayer{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 35%,#ffd36c2e,#0000 34%),#0000002e;place-items:center;display:grid;position:fixed;inset:0}.confettiRain{position:absolute;inset:0;overflow:hidden}.confettiRain i{top:-18px;left:var(--x);background:hsl(calc((var(--i)*47)*1deg),92%,62%);width:9px;height:15px;animation:2.8s cubic-bezier(.18,.72,.25,1) forwards confettiFall;animation-delay:var(--d);transform:rotate(var(--r));border-radius:3px;position:absolute;box-shadow:0 0 10px #ffffff6b}.confettiRain i:nth-child(3n){border-radius:50%;width:12px;height:12px}.confettiRain i:nth-child(4n){background:#ffd76b}.confettiRain i:nth-child(5n){background:#72ff87}.confettiRain i:nth-child(7n){background:#b185ff}.confettiRain i:nth-child(8n){background:#ff6b6b}.celebrateCard{text-align:center;background:linear-gradient(#0a3226f5,#05120ffa);border:1px solid #ffd76b6b;border-radius:30px;width:min(88vw,390px);padding:26px 22px;animation:.45s cubic-bezier(.2,1.35,.3,1) both celebratePop;box-shadow:0 28px 90px #0000008a,0 0 46px #ffd76b33,inset 0 1px #ffffff29}.celebrateMoon{color:#ffd76b;text-shadow:0 0 28px #ffd76be6;background:radial-gradient(circle,#ffd76b42,#ffffff0d);border:1px solid #ffd76b4d;border-radius:28px;place-items:center;width:78px;height:78px;margin:0 auto 12px;font-size:46px;animation:1.35s ease-in-out infinite moonGlow;display:grid}.celebrateCard h2{color:#ffd76b;letter-spacing:.3px;margin:0;font-size:30px}.celebrateCard p{color:#fff;margin:6px 0 3px;font-size:17px;font-weight:900}.celebrateCard small{color:#c9ddd3;font-weight:700}@keyframes confettiFall{0%{transform:translate3d(0,-20px,0) rotate(var(--r));opacity:1}to{transform:translate3d(calc((var(--i) - 26)*2px),112vh,0) rotate(calc(var(--r) + 680deg));opacity:.92}}@keyframes celebratePop{0%{opacity:0;transform:translateY(22px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes moonGlow{50%{transform:scale(1.06);box-shadow:0 0 32px #ffd76b52}}@media (width<=520px){.celebrateCard{border-radius:26px;width:calc(100vw - 34px);padding:22px 16px}.celebrateMoon{width:68px;height:68px;font-size:40px}.celebrateCard h2{font-size:26px}.celebrateCard p{font-size:15px}.confettiRain i{width:8px;height:13px}}.topActions{align-items:center;gap:7px;display:flex}.languageSwitch{color:#ffd76b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff21,#ffffff0a);border:1px solid #ffd56638;border-radius:18px;justify-content:center;align-items:center;gap:5px;min-width:78px;height:48px;padding:0 7px;display:flex;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0003}.languageSwitch select{color:#fff;cursor:pointer;background:0 0;border:0;outline:0;max-width:52px;font-size:11px;font-weight:900}.languageSwitch option{color:#fff;background:#09291f}.lang-ur,.lang-ar{font-family:Noto Nastaliq Urdu,Inter,ui-sans-serif,system-ui,Arial}.lang-ur .title,.lang-ar .title,.dir-rtl .entryText,.dir-rtl .modalHead,.dir-rtl .todaySummary,.dir-rtl .dailyResetBox small{text-align:right}.dir-rtl .entry{grid-template-columns:auto 1fr 46px}.dir-rtl .entryIcon{grid-column:3}.dir-rtl .entryText{grid-column:2}.dir-rtl .numberInput,.dir-rtl .pill,.dir-rtl .plusBtn{grid-area:1/1}.dir-rtl .tinyNote,.dir-rtl .closeText{flex-direction:row-reverse}.dir-rtl .sadqaRecord{direction:rtl}.dir-rtl .reportTopBtn small{font-family:Inter,Arial,sans-serif}.lang-ur h1,.lang-ar h1{line-height:1.45}.lang-ur .entryText b,.lang-ar .entryText b{line-height:1.65}.lang-ur .sectionHead h2,.lang-ar .sectionHead h2{line-height:1.8}@media (width<=520px){.topActions{gap:4px}.languageSwitch{border-radius:16px;min-width:62px;height:44px;padding:0 5px}.languageSwitch svg{width:13px;height:13px}.languageSwitch select{max-width:40px;font-size:10px}.reportTopBtn{width:48px}.title h1,h1{max-width:calc(100vw - 208px)}}@media (width<=380px){.languageSwitch{min-width:54px}.languageSwitch select{max-width:33px;font-size:9px}.title h1,h1{max-width:calc(100vw - 190px)}}.blue .entryIcon{color:#8fd1ff;background:#37a0ff38}.earningInput{width:82px}.reportStrip{grid-template-columns:repeat(5,1fr)}.loginPhone{flex-direction:column;justify-content:flex-start;display:flex}.loginTop{margin-bottom:22px}.loginCard{text-align:center;background:linear-gradient(#ffffff1f,#0003);border:1px solid #ffd36c4d;border-radius:32px;gap:14px;width:min(100%,430px);margin:auto;padding:24px;animation:.45s both slideIn;display:grid;box-shadow:0 25px 80px #00000059}.loginIcon{color:#ffd76b;background:radial-gradient(circle,#ffd76b40,#ffffff0d);border:1px solid #ffd76b47;border-radius:30px;place-items:center;width:92px;height:92px;margin:0 auto 4px;display:grid;box-shadow:0 0 34px #ffd76b29}.loginCard h2{color:#ffd76b;margin:0;font-size:28px}.loginCard p{color:#c9d8d0;font-size:13px;line-height:1.45}.loginCard label{color:#ffd76b;background:#0003;border:1px solid #ffd36c33;border-radius:18px;align-items:center;gap:9px;height:52px;padding:0 14px;display:flex}.loginCard input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:15px}.loginCard input::placeholder{color:#83958d}.loginBtn{color:#06200f;cursor:pointer;background:linear-gradient(135deg,#35b34b,#ffdd75);border:0;border-radius:18px;height:52px;font-size:15px;font-weight:950;box-shadow:0 16px 35px #ffd76b2e}.loginCard small{color:#d5e9df;min-height:18px;font-weight:800}.passcodeReset{grid-template-columns:1fr auto;gap:7px;width:100%;margin-top:8px;display:grid}.passcodeReset input{color:#fff;background:#0003;border:1px solid #ffd36c2e;border-radius:14px;outline:0;height:42px;padding:0 11px}.passcodeReset button,.logoutBtn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:42px;font-weight:900;display:flex}.passcodeReset button{color:#241904;background:linear-gradient(135deg,#ffd76b,#fff1aa);padding:0 12px}.logoutBtn{color:#ffb4b4;background:#ff5b5b24;border:1px solid #ff5b5b52;width:100%;margin-top:8px}@media (width<=520px){.loginCard{border-radius:27px;padding:18px}.loginIcon{border-radius:25px;width:76px;height:76px}.loginCard h2{font-size:24px}.reportStrip{grid-template-columns:repeat(5,1fr)}.reportStrip div{padding:6px 1px}.reportStrip span{font-size:8px}.earningInput{width:62px}.passcodeReset{grid-template-columns:1fr}.passcodeReset button{width:100%}}@media (width>=760px){.reportStrip{grid-template-columns:repeat(3,1fr)}}.passcodeLoginBlock{background:#0000002e;border:1px solid #ffd36c33;border-radius:20px;gap:10px;padding:12px;display:grid}.passcodeLabel{color:#ffd76b;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.passcodeBoxWrap{direction:ltr;grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.passcodeDigit{text-align:center;color:#fff;background:linear-gradient(#ffffff21,#00000029);border:1px solid #ffd36c47;border-radius:14px;outline:0;width:100%;height:48px;font-size:22px;font-weight:950;transition:all .18s;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 25px #0000001f}.passcodeDigit:focus{border-color:#ffd76b;transform:translateY(-1px);box-shadow:0 0 0 3px #ffd76b29,0 12px 30px #ffd76b1f}.passcodeDigit:disabled{opacity:.55}.passcodeResetBoxes{grid-template-columns:1fr!important;gap:9px!important;display:grid!important}.passcodeResetBoxes .passcodeBoxWrap{width:100%}.passcodeResetBoxes .passcodeDigit{border-radius:12px;height:42px;font-size:18px}.loginCard .passcodeDigit{flex:unset;background:linear-gradient(#ffffff21,#00000029);padding:0}.loginCard .passcodeDigit::placeholder{color:#0000}@media (width<=390px){.passcodeBoxWrap{gap:5px}.passcodeDigit{border-radius:12px;height:42px;font-size:19px}.passcodeLoginBlock{padding:10px}.passcodeResetBoxes .passcodeDigit{height:38px;font-size:16px}}