@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap);.header{padding:2rem 1rem;position:relative;width:100%}@media(max-width:768px){.header{padding:1.5rem 1rem}}@media(max-width:480px){.header{padding:1rem .5rem}}.header__settings{position:absolute;right:1rem;top:1rem;z-index:10}@media(max-width:480px){.header__settings{right:.5rem;top:.5rem}}.header__lock-btn,.header__settings-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3!important;border:1px solid #ffffff4d;color:#fff!important;transition:all .3s ease}.header__lock-btn:hover,.header__settings-btn:hover{background:#ffffff4d!important;transform:scale(1.05)}.header__lock-btn .MuiSvgIcon-root,.header__settings-btn .MuiSvgIcon-root{font-size:1.5rem}@media(max-width:480px){.header__lock-btn .MuiSvgIcon-root,.header__settings-btn .MuiSvgIcon-root{font-size:1.2rem}}.header__content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0 auto;max-width:800px;text-align:center}@media(max-width:768px){.header__content{gap:1.2rem}}@media(max-width:480px){.header__content{gap:1rem}}.header__arabic{animation-delay:.2s}.header__arabic .arabic-text{letter-spacing:2px;line-height:1.3}@media(max-width:768px){.header__arabic .arabic-text{letter-spacing:1px}}@media(max-width:480px){.header__arabic .arabic-text{letter-spacing:.5px}}.header__quote{animation-delay:.4s;max-width:600px}.header__quote .quote-text{line-height:1.6;opacity:.9}@media(max-width:480px){.header__quote .quote-text{line-height:1.5}}.header__greeting{animation-delay:.6s}.settings-overlay__paper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2!important;border-left:1px solid #ffffff4d}@media(max-width:768px){.settings-overlay__paper{background:#fffffffa!important}}.settings-overlay__header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1.5rem}@media(max-width:480px){.settings-overlay__header{padding:1rem}}.settings-overlay__title{color:#333;font-weight:600!important}.settings-overlay__close{color:#666!important}.settings-overlay__close:hover{background:#0000000d!important}.settings-overlay__tabs{background:#fff9;border-bottom:1px solid #0000001a}.settings-overlay__tabs .MuiTab-root{color:#666!important;font-weight:500!important;min-height:64px;text-transform:none!important}@media(max-width:480px){.settings-overlay__tabs .MuiTab-root{font-size:.8rem;min-height:56px;padding:8px 4px}}.settings-overlay__tabs .MuiTab-root.Mui-selected{color:#1976d2!important}.settings-overlay__tabs .MuiTab-root .MuiSvgIcon-root{margin-bottom:4px!important}@media(max-width:480px){.settings-overlay__tabs .MuiTab-root .MuiSvgIcon-root{font-size:1.2rem;margin-bottom:2px!important}}.settings-overlay__tabs .MuiTabs-indicator{background-color:#1976d2}.settings-overlay__content{height:calc(100vh - 128px);overflow-y:auto;padding:1.5rem}@media(max-width:768px){.settings-overlay__content{height:calc(100vh - 120px);padding:1rem}}@media(max-width:480px){.settings-overlay__content{padding:.75rem}}.tab-panel{height:100%}.settings-section__item{margin-bottom:2rem}.settings-section__item .MuiTypography-subtitle2{color:#555;font-weight:600;margin-bottom:.5rem}.settings-section__item .MuiSlider-root{color:#1976d2}.settings-section__item .MuiSlider-root .MuiSlider-thumb{box-shadow:0 2px 8px #1976d24d}.settings-section__item .MuiSlider-root .MuiSlider-thumb.Mui-focusVisible,.settings-section__item .MuiSlider-root .MuiSlider-thumb:hover{box-shadow:0 3px 12px #1976d266}.settings-section__item .MuiSlider-root .MuiSlider-track{background:linear-gradient(90deg,#1976d2,#42a5f5)}.settings-section__item .MuiTextField-root .MuiInputBase-root{background:#fffc;border-radius:8px}.settings-section__item .MuiTextField-root .MuiInputBase-root:hover{background:#ffffffe6}.background-grid{justify-content:center}@media(max-width:480px){.background-grid{gap:1rem!important}}.background-card{border-radius:12px!important;cursor:pointer;max-width:140px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}@media(max-width:480px){.background-card{max-width:120px}}.background-card:hover{box-shadow:0 8px 25px #00000026!important;transform:translateY(-4px)}.background-card--selected{border:2px solid #1976d2!important;box-shadow:0 4px 20px #1976d24d!important}.background-card .MuiCardMedia-root{transition:transform .3s ease}.background-card:hover .MuiCardMedia-root{transform:scale(1.05)}.background-card .MuiCardActions-root{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px!important}.background-card__name{color:#333;flex-grow:1;font-size:.75rem!important;font-weight:500!important}@media(max-width:480px){.background-card__name{font-size:.7rem!important}}.background-card__check{color:#1976d2;font-size:1.2rem}.custom-background .MuiButton-root{border-radius:8px;font-weight:500;text-transform:none}.custom-background .MuiButton-root.MuiButton-contained{background:linear-gradient(45deg,#1976d2,#42a5f5);box-shadow:0 3px 10px #1976d24d}.custom-background .MuiButton-root.MuiButton-contained:hover{background:linear-gradient(45deg,#1565c0,#1976d2);box-shadow:0 4px 15px #1976d266}.custom-background .MuiButton-root.MuiButton-outlined{border-color:#1976d2;color:#1976d2}.custom-background .MuiButton-root.MuiButton-outlined:hover{background:#1976d20d;border-color:#1565c0}.typography-controls{display:flex;flex-direction:column;gap:1rem}.typography-controls .MuiTypography-subtitle2{color:#555;font-weight:600;margin-bottom:.25rem!important}.typography-controls .MuiTextField-root{margin-top:0!important}.typography-controls .MuiTextField-root input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px}.typography-controls .MuiTextField-root input[type=color]::-webkit-color-swatch-wrapper{border-radius:8px;padding:0}.typography-controls .MuiTextField-root input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.card-preview{margin-top:2rem}.card-preview__sample{border:1px solid #ffffff4d;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.card-preview__sample .MuiTypography-body2{color:#333;font-weight:500}.MuiAccordion-root{background:#fff9!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000d!important;margin-bottom:.5rem!important}.MuiAccordion-root:before{display:none}.MuiAccordion-root.Mui-expanded{box-shadow:0 4px 16px #0000001a!important}.MuiAccordion-root .MuiAccordionSummary-root{background:#fffc;border-radius:12px;transition:all .3s ease}.MuiAccordion-root .MuiAccordionSummary-root:hover{background:#ffffffe6}.MuiAccordion-root .MuiAccordionSummary-root.Mui-expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.MuiAccordion-root .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#333;font-weight:600}.MuiAccordion-root .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:#1976d2}.MuiAccordion-root .MuiAccordionDetails-root{background:#ffffffe6;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.settings-overlay__content::-webkit-scrollbar{width:6px}.settings-overlay__content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.settings-overlay__content::-webkit-scrollbar-thumb{background:#1976d24d;border-radius:3px}.settings-overlay__content::-webkit-scrollbar-thumb:hover{background:#1976d280}.login-screen{overflow:hidden}.login-screen .login-card{transition:transform .3s ease,box-shadow .3s ease}.login-screen .login-card:hover{box-shadow:0 12px 40px #00000026!important;transform:translateY(-2px)}.login-screen .login-card.shake{animation:shake .6s ease-in-out}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root{transition:all .3s ease}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root:hover{transform:scale(1.05)}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #1976d24d;transform:scale(1.08)}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root.Mui-error{animation:errorPulse .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-screen{padding:16px}.login-screen .login-card{margin:16px;padding:24px!important}.login-screen .pin-inputs{gap:8px!important}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root.Mui-focused,.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root:hover{transform:scale(1.03)}}@media(prefers-color-scheme:dark){.login-screen .login-card{border-color:#fff3}}@media(prefers-contrast:high){.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root{border-width:3px!important}}@media(prefers-reduced-motion:reduce){.login-screen .login-card{transition:none}.login-screen .login-card:hover{transform:none}.login-screen .login-card.shake{animation:none}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root{transition:none}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root.Mui-focused,.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root:hover{transform:none}.login-screen .pin-inputs .MuiTextField-root .MuiOutlinedInput-root.Mui-error{animation:none}}:root{--arabic-font-size:32px;--quote-font-size:16px;--greeting-font-size:24px;--arabic-color:#fff;--quote-color:#f0f0f0;--greeting-color:#fff;--arabic-weight:700;--quote-weight:400;--greeting-weight:600;--card-opacity:0.9;--card-bg:#fff;--card-blur:10px;--background-opacity:0.7}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}#root{position:relative}.arabic-text{direction:rtl;font-family:Amiri,serif;line-height:1.4;text-align:center;text-shadow:2px 2px 4px #00000080;transition:all .3s ease}.quote-text{font-style:italic;line-height:1.5;text-shadow:1px 1px 2px #00000080}.greeting-text,.quote-text{font-family:Inter,sans-serif;text-align:center;transition:all .3s ease}.greeting-text{text-shadow:1px 1px 3px #00000080}.background-overlay{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:-1}.background-overlay:before{background:rgba(0,0,0,.3);background:rgba(0,0,0,calc(1 - var(--background-opacity)));content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:100%;z-index:1}@media(max-width:768px){.background-overlay{background-attachment:scroll}}.app-container{padding-top:env(safe-area-inset-top)}.app-card{backdrop-filter:blur(10px);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--card-blur));background:#ffffffe6;background:rgba(255,255,255,var(--card-opacity));border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.app-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media(max-width:768px){.container{padding:0 16px}}@media(max-width:480px){.container{padding:0 12px}}.spacing-xs{margin:8px}.spacing-sm{margin:16px}.spacing-md{margin:24px}.spacing-lg{margin:32px}.spacing-xl{margin:48px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-down{animation:fadeInDown .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}
/*# sourceMappingURL=main.72c7ca01.css.map*/