html{direction:rtl}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{-webkit-tap-highlight-color:transparent}.auth-page{background:linear-gradient(145deg,#f5f8f5,#e9f0eb);justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;font-family:inherit;display:flex}.auth-card{background:#fff;border-radius:22px;width:100%;max-width:440px;padding:38px 32px;box-shadow:0 12px 45px #1441311a}.auth-brand{text-align:center;margin-bottom:30px}.auth-logo{color:#d9b66f;background:#14513f;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:36px;display:flex}.auth-brand h1{color:#14513f;margin:0;font-size:34px}.auth-brand p{color:#82918a;margin:6px 0 0;font-size:14px}.auth-card h2{color:#183d30;margin:0 0 8px;font-size:23px}.auth-subtitle{color:#82918a;margin:0 0 25px;font-size:14px;line-height:1.8}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-card label{color:#304c40;margin-top:7px;font-size:14px;font-weight:600}.auth-card input{box-sizing:border-box;direction:rtl;background:#fbfdfb;border:1px solid #dce6df;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-card input:focus{border-color:#28765a;box-shadow:0 0 0 3px #28765a1a}.auth-submit{color:#fff;cursor:pointer;background:#14513f;border:none;border-radius:11px;margin-top:15px;padding:15px;font-size:16px;font-weight:700;transition:background .2s}.auth-submit:hover{background:#0e3d2e}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-error,.auth-success{border-radius:9px;padding:12px;font-size:13px;line-height:1.7}.auth-error{color:#a32d2d;background:#fff0f0}.auth-success{color:#17613d;background:#eaf7ef}.auth-switch{color:#77867e;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:14px;display:flex}.auth-switch button{color:#176447;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}@media (width<=480px){.auth-card{padding:30px 22px}}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper input{padding-left:48px}.password-toggle{cursor:pointer;z-index:2;background:0 0;border:none;padding:5px;font-size:19px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.forgot-password{justify-content:flex-start;margin-top:8px;margin-bottom:15px;display:flex}.forgot-password button{color:#27845b;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:600}.forgot-password button:hover{color:#165b3d;text-decoration:underline}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/kfgqpc_hafs_v30.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#24352e;font-synthesis:none;text-rendering:optimizelegibility;--primary:#105541;--primary-dark:#073d30;--primary-light:#e8f2ed;--gold:#d9ad50;--gold-light:#f5dc91;--background:#f5f7f4;--surface:#fffdf8;--text:#24352e;--text-muted:#82918a;--border:#e9dfc9;--success:#27845e;--danger:#c65353;--shadow:0 8px 25px #073d3014;background:#f5f7f4;font-family:Cairo,sans-serif}.app{background:#f5f7f4;min-height:100vh}.topbar{color:#fff;z-index:1000;isolation:isolate;direction:ltr;background:linear-gradient(110deg,#073d30 0%,#105541 45%,#073b2e 100%);justify-content:flex-start;align-items:center;gap:22px;height:65px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 3px 15px #123b2c18}.brand{direction:rtl;flex-shrink:0;align-items:center;gap:20px;margin-left:auto;display:flex}.topbar .brand-icon{width:20px;height:20px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:visible}.topbar .brand-icon img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000040);width:50px;height:50px;display:block}.brand h1{color:#fff;margin:0;font-size:20px;font-weight:800}.brand span{color:#e8c66e;margin-top:3px;font-size:10px;font-weight:600;display:block}.user-icon{color:#f5dc91;cursor:pointer;background:linear-gradient(145deg,#17664f,#073d30);border:2px solid #d9ad50;border-radius:50%;place-items:center;width:40px;height:40px;font-family:inherit;font-size:14px;font-weight:800;transition:all .25s;display:grid;box-shadow:0 3px 10px #00000026}.user-icon:hover{border-color:#f5dc91;transform:translateY(-2px);box-shadow:0 5px 14px #d9ad5040}.container{width:90%;max-width:1050px;margin:45px auto}.welcome{margin-bottom:30px}.eyebrow{color:#b18b42;font-size:13px;font-weight:700}.welcome h2{color:#164d3b;margin:8px 0;font-size:27px}.welcome p{color:#78867e;margin:0;font-size:18px}.progress-card{color:#fff;background:linear-gradient(120deg,#14533f,#267458);border-radius:20px;padding:28px;box-shadow:0 10px 25px #164d3b20}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading span{color:#f1e42a;font-size:40px}.section-heading h2{margin:5px 0 18px;font-size:23px}.progress-number{color:#f0d38d;font-size:30px;font-weight:800}.progress-track{background:#ffffff30;border-radius:20px;height:10px;overflow:hidden}.progress-card>p{color:#d4e7dc;margin:15px 0 0;font-size:12px}.tasks-section{margin-top:38px}.section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title h2{color:#174b39;margin:0;font-size:21px}.section-title span{color:#a18a5d;font-size:12px}.tasks-list{gap:18px;display:grid}.task-card{background:#fff;border:1px solid #e6eee8;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 5px 20px #173d2c0b}.task-icon{background:#edf5ef;border-radius:18px;place-items:center;width:62px;min-width:62px;height:62px;font-size:28px;display:grid}.task-info{flex:1;min-width:0}.task-info h3{color:#174d3b;margin:0;font-size:17px;font-weight:700}.task-info p{color:#7c8c82;margin:7px 0;font-size:13px;line-height:1.8}.task-info strong{color:#b18a42;margin-top:3px;font-size:13px;font-weight:700;display:inline-block}@media (width<=600px){.task-card{border-radius:16px;gap:13px;padding:17px}.task-icon{border-radius:14px;width:50px;min-width:50px;height:50px;font-size:23px}.task-info h3{font-size:15px}.task-info p{font-size:12px}}.task-info strong{color:#b18b42;font-size:12px}.complete-button,.done-button{border:none;border-radius:10px;padding:11px 18px;font-size:12px;font-weight:700;transition:all .2s}.quote-card{text-align:center;background:#fffdf7;border:1px solid #eee3c9;border-radius:16px;margin-top:35px;padding:23px}.quote-card>span{color:#bd9850;font-size:25px}.quote-card p{color:#22533f;margin:8px 0;font-size:23px;font-weight:700}.quote-card small{color:#a18a5d}footer{text-align:center;color:#718078;border-top:1px solid #e6ebe6;padding:25px;font-size:12px}footer p{margin:5px 0 0}@media (width<=600px){.topbar{height:70px;padding:0 5%}.brand h1{font-size:17px}.container{width:92%;margin:30px auto}.welcome h2{font-size:21px}.progress-card{padding:21px}.task-card{gap:10px;padding:15px}.task-icon{width:43px;height:43px;font-size:20px}.task-info h3{font-size:13px}.complete-button,.done-button{padding:9px 10px;font-size:10px}.quote-card p{font-size:19px}}.new-plan-button{color:#fff;cursor:pointer;background:#17543e;border:none;border-radius:9px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700}.new-plan-button:hover{background:#267458}.saved-plan-card{background:#fff;border:1px solid #dce9df;border-right:5px solid #267458;border-radius:15px;margin-bottom:25px;padding:20px;box-shadow:0 4px 15px #173d2c08}.saved-plan-card span{color:#b18b42;font-size:12px;font-weight:700}.saved-plan-card h2{color:#17513d;font-size:19px}.saved-plan-card p{color:#718078;font-size:13px}.saved-plan-card button{color:#fff;background:#17543e;border:none;border-radius:9px;padding:10px 18px;font-family:inherit}.juz-section{margin:32px 0}.juz-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:24px;display:grid}.juz-card{background:#fff;border:1px solid #e4eee8;border-radius:18px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 18px #00462d0f}.juz-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00462d1f}.juz-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.juz-card-header h3{color:#075c43;margin:0;font-size:20px}.juz-status{color:#39734e;background:#edf5ef;border-radius:20px;padding:6px 12px;font-size:12px}.juz-card>p{color:#53665d;margin:9px 0;font-size:14px;line-height:1.8}.juz-details{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.juz-details>div{background:#f4f8f5;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.juz-details strong{color:#087653;font-size:25px}.juz-details span{color:#6b7c72;font-size:12px}.juz-start-button{color:#fff;cursor:not-allowed;opacity:.65;background:#075c43;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700}@media (width<=600px){.juz-grid{grid-template-columns:1fr}}.stages-title{color:var(--primary-dark);margin:28px 0 16px;font-size:21px;font-weight:800}.stages-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;margin:24px 0 30px;display:grid}.detail-stage{background:#fffdf8;border:1px solid #e9dfc9;border-radius:18px;min-width:0;padding:22px;transition:transform .25s,box-shadow .25s;box-shadow:0 5px 18px #073d300f}.detail-stage:hover{transform:translateY(-3px);box-shadow:0 10px 25px #073d301a}.stage-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.stage-icon{background:var(--primary-light);border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex}.stage-status{border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.stage-status.active{color:var(--primary);background:var(--primary-light)}.stage-status.locked{color:var(--text-muted);background:#f0f2f0}.detail-stage h4{color:var(--primary-dark);margin:0 0 10px;font-size:18px;font-weight:800}.detail-stage p{color:var(--text-muted);min-height:45px;font-size:13px;line-height:1.9}.detail-stage strong{color:var(--primary);margin:15px 0;font-size:23px;display:block}.stage-lock{color:var(--text-muted);margin-top:12px;font-size:11px;display:block}.primary-stage{background:linear-gradient(#f0f8f3,#fffdf8);border-top:5px solid #27845e}.review-stage{background:linear-gradient(#fff9e9,#fffdf8);border-top:5px solid #d9ad50}.complementary-stage{background:linear-gradient(#f0f5f7,#fffdf8);border-top:5px solid #7796a0}.review-stage{flex-direction:column;gap:12px;display:flex}.review-stage>label{color:#315b4c;margin-top:5px;font-size:14px;font-weight:700;display:block}.review-stage>input,.review-stage>select,.review-stage>textarea{box-sizing:border-box;color:#234b3d;background:#f8fbf9;border:1px solid #dce9e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.review-stage>input:focus,.review-stage>select:focus,.review-stage>textarea:focus{background:#fff;border-color:#087653;box-shadow:0 0 0 3px #08765317}.review-stage>textarea{resize:vertical;min-height:90px;line-height:1.8}.save-review-button{color:#fff;cursor:pointer;background:#087653;border:none;border-radius:11px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.save-review-button.locked{color:#267052;cursor:not-allowed;opacity:.9;box-shadow:none;background:#dce9e2}.save-review-button:disabled{pointer-events:none}.save-review-button:hover{background:#065d41;transform:translateY(-2px);box-shadow:0 5px 14px #0876532e}.review-history{border-top:1px solid #e5eee8;margin-top:15px;padding-top:16px}.review-history h4{color:#087653;margin-bottom:14px}.review-history>p{color:#84938b;font-size:13px;line-height:1.8}.review-history-item{background:#f8fbf9;border:1px solid #e4eee8;border-radius:12px;margin-bottom:10px;padding:14px}.review-history-item strong{color:#087653}.review-history-item p{color:#52675d;margin:7px 0 0;font-size:13px;line-height:1.8}@media (width<=600px){.review-stage{padding:16px}.review-stage>input,.review-stage>select,.review-stage>textarea{font-size:14px}}.complementary-stage.unlocked-stage{background:linear-gradient(145deg,#fff,#f0faf4);border:2px solid #087653;box-shadow:0 6px 20px #0876531a}.stage-unlocked-message{color:#087653;text-align:center;background:#e5f5eb;border-radius:10px;margin-top:16px;padding:12px;font-size:13px;font-weight:700;line-height:1.8;display:block}.complementary-verses{margin-top:25px}.complementary-verses>h4{color:#087653;margin-bottom:18px;font-size:18px}.complementary-verses .page-item{cursor:pointer;background:#fff;border:1px solid #e4eee8;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.complementary-verses .page-item:hover{background:#f2faf5;border-color:#a8d4bb}.complementary-verses .page-item input{accent-color:#087653;flex-shrink:0;width:18px;height:18px;margin-top:7px}.complementary-verses .page-item span{color:#315b4c;text-align:right;direction:rtl;flex:1;font-size:17px;line-height:2.1}.complementary-verses>p{color:#087653;text-align:center;background:#e5f5eb;border-radius:10px;margin-top:18px;padding:14px;font-weight:700}.quran-verse-text{color:#263f32;text-align:justify;direction:rtl;width:100%;font-family:KFGQPC Hafs,serif;font-size:25px;font-weight:400;line-height:2.4;display:block}.complementary-progress{background:#f0f8f3;border:1px solid #dcece2;border-radius:14px;margin:20px 0 25px;padding:18px}.complementary-progress-info{color:#315b4c;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.complementary-progress-info strong{color:#087653;font-size:20px}.complementary-progress-track{background:#dce9e0;border-radius:20px;width:100%;height:12px;overflow:hidden}.complementary-progress-fill{background:linear-gradient(90deg,#087653,#25a477);border-radius:20px;height:100%;transition:width .35s}.complementary-progress>p{color:#668075;text-align:center;margin:12px 0 0;font-size:13px}.complementary-page-card{background:#f8fbf9;border:1px solid #dcece2;border-radius:16px;margin:22px 0;padding:16px;box-shadow:0 3px 10px #0876530d}.complementary-page-header{color:#087653;background:#e5f5eb;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px 15px;font-size:15px;font-weight:700;display:flex}.complementary-page-header span:last-child{color:#668075;font-size:13px}.complementary-page-card .page-item{background:#fff;border-color:#e5eee8}.complementary-page-card .page-item:last-child{margin-bottom:0}@media (width<=600px){.complementary-page-card{padding:10px}.complementary-page-header{padding:10px;font-size:14px}}.complementary-pages-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:22px 0;display:grid}.complementary-page-button{color:#315b4c;text-align:right;cursor:pointer;background:#fff;border:1px solid #dcece2;border-radius:15px;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:20px;font-family:inherit;transition:all .2s;display:flex;position:relative}.complementary-page-button:hover{background:#f0f8f3;border-color:#087653;transform:translateY(-3px);box-shadow:0 5px 15px #08765317}.complementary-page-number{color:#087653;font-size:17px;font-weight:700}.complementary-page-count{color:#71877b;font-size:13px}.complementary-page-arrow{color:#087653;font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.complementary-selected-page{margin-top:20px}.complementary-selected-page .back-button{margin-bottom:18px}@media (width<=600px){.complementary-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.complementary-page-button{padding:15px 12px}.complementary-page-number{font-size:14px}}.menu-toggle{color:#f5dc91;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:5px;font-size:24px;transition:all .25s}.menu-toggle:hover{color:#fff;background:#ffffff15;transform:scale(1.05)}.sidebar-overlay{z-index:999;background:#0006;position:fixed;inset:0}.sidebar{z-index:1000;box-sizing:border-box;direction:rtl;background:#eaf3ee;border-radius:10px 0 0 10px;width:220px;max-width:85%;height:calc(60vh - 82px);padding:22px 16px;animation:.35s cubic-bezier(.22,1,.36,1) sidebarOpen;position:fixed;top:82px;right:0;box-shadow:-5px 0 25px #073d3024}@keyframes sidebarOpen{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sidebar-header{background:linear-gradient(135deg,#073d30,#105541);border-bottom:3px solid #d9ad50;border-radius:10px 0 0;align-items:center;gap:12px;margin:-35px -16px 20px;padding:5px;display:flex;box-shadow:0 5px 15px #073d301f}.sidebar-header h2{color:#fff;margin:0;font-weight:800}.sidebar-header span{color:#f5dc91;font-size:10px}.sidebar-close{color:#087653;cursor:pointer;background:#f0f7f3;border:none;border-radius:8px;margin-right:auto;padding:5px 8px}.sidebar-nav{flex-direction:column;gap:5px;margin-top:5px;display:flex}.sidebar-nav button{text-align:right;color:#105541;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:19px;justify-content:flex-start;align-items:center;width:100%;min-height:40px;padding:8px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex}.sidebar-nav button:hover{color:#073d30;background:#fffdf8;border-color:#d9ad50;transform:translate(-3px);box-shadow:0 5px 15px #073d3014}.sidebar-nav button.active{color:#073d30;background:#fffdf8;border:1px solid #d9ad50;font-weight:800;position:relative;box-shadow:0 4px 14px #073d301a}.sidebar-nav button.active:before{content:"";background:#d9ad50;border-radius:4px;width:4px;height:64%;position:absolute;top:18%;right:0}.user-menu-container{align-items:center;display:flex;position:relative}.user-dropdown{z-index:2000;direction:rtl;background:#fffdf8;border:1px solid #e9dfc9;border-radius:18px;width:200px;padding:0;position:absolute;top:calc(100% + 14px);left:0;overflow:hidden;box-shadow:0 15px 40px #073d302e}.user-dropdown-header{background:linear-gradient(135deg,#073d30,#105541);border-bottom:3px solid #d9ad50;flex-direction:column;gap:7px;padding:10px;display:flex}.user-dropdown-header strong{color:#fff;font-size:17px;font-weight:800}.user-dropdown-header span{color:#f5dc91;text-align:right;direction:ltr;font-size:12px}.user-dropdown-info{flex-direction:column;gap:7px;padding:10px;display:flex}.user-dropdown-info span{color:#82918a;font-size:12px}.user-dropdown-info strong{color:#105541;font-size:15px;font-weight:700}.user-dropdown-divider{background:#e9dfc9;height:1px;margin:0 10px 10px}.logout-button{color:#b94b43;cursor:pointer;text-align:center;background:#fff3f0;border:1.5px solid #f1d5d1;border-radius:11px;width:calc(100% - 22px);margin:0 10px 10px;padding:5px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s}.logout-button:hover{color:#fff;background:#b94b43;border-color:#b94b43;transform:translateY(-2px)}.sync-indicator.saved{color:#18794e;background:#e8f5ed}.sync-indicator.saving{color:#946200;background:#fff5d6}.sync-indicator.error{color:#c62828;background:#ffebee}@media (width<=600px){.sync-indicator{padding:6px 8px;font-size:10px}}.sync-indicator.error{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-indicator.error button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600}.sync-indicator.error button:hover{background:#a51f1f}.topbar{isolation:isolate;position:sticky}.topbar:before{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:url(/islamic-pattern.svg);background-repeat:repeat;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 20% 80%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 20% 80%,#000 100%)}.topbar .brand>div:last-child{padding-right:15px;position:relative}.topbar .brand>div:last-child:after{content:"";background:linear-gradient(#0000,#d9ad50,#f5dc91,#d9ad50,#0000);border-radius:2px;width:2px;height:90%;position:absolute;top:5%;right:0}.topbar:after{display:none}.sidebar-header .brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.sidebar-header .brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.sync-indicator{white-space:nowrap;z-index:2;border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:all .25s;display:inline-flex;position:relative}.sidebar-nav button{transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}.sidebar-nav button:active{transform:scale(.97);box-shadow:0 2px 6px #073d301f}.juz-grid-button{color:#075c43;cursor:pointer;background:linear-gradient(145deg,#fff,#f2f7f3);border:1px solid #dce9df;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:68px;padding:12px 15px;font-family:inherit;transition:all .25s;display:flex;box-shadow:0 3px 10px #073d300d}.juz-grid-button strong{font-size:15px;font-weight:800}.juz-grid-button span{color:#82918a;font-size:12px;font-weight:600}.juz-grid-button:hover{color:#fff;background:linear-gradient(145deg,#105541,#073d30);border-color:#d9ad50;transform:translateY(-3px);box-shadow:0 7px 18px #073d3026}.juz-grid-button:hover span{color:#f5dc91}.juz-grid-button:active{transform:scale(.97)}.juz-grid-button.not-started{background:linear-gradient(145deg,#fff,#f2f7f3);border-color:#dce9df}.juz-grid-button.in-progress{background:linear-gradient(145deg,#e8f5ed,#d8ecdf);border-color:#8bc5a0}.juz-grid-button.completed{background:linear-gradient(145deg,#ccebd7,#b6dfc5);border:1px solid #4d9b6a}.juz-grid-button.mastered{background:linear-gradient(145deg,#fff8e5,#f9edc9);border:2px solid #d9ad50;box-shadow:0 4px 14px #d9ad502e}.juz-grid-button.mastered strong{color:#8a6418}.juz-grid-button.mastered:after{content:"✓ تم الإتقان";color:#9a741f;font-size:11px;font-weight:800}.juz-mini-progress{background:#e5eee8;border-radius:20px;width:85%;height:6px;margin-top:7px;overflow:hidden}.juz-mini-progress-fill{background:linear-gradient(90deg,#27845e,#78bd8c);border-radius:20px;height:100%;transition:width .5s}.juz-grid-button small{color:#82918a;font-size:11px;font-weight:700}.juz-grid-button.mastered .juz-mini-progress-fill{background:linear-gradient(90deg,#c18b27,#e8c66b)}.juz-grid-button.mastered small{color:#9a741f}.juz-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 26px;display:grid}.juz-summary-card{border:1px solid #0000;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:105px;padding:16px 10px;transition:transform .25s;display:flex;box-shadow:0 4px 14px #073d300f}.juz-summary-card:hover{transform:translateY(-3px)}.juz-summary-card span{font-size:13px;font-weight:700}.juz-summary-card strong{font-size:27px;line-height:1.2}.juz-summary-card small{opacity:.8;font-size:11px}.juz-summary-card.not-started{color:#82918a;background:#fff;border-color:#dce9df}.juz-summary-card.in-progress{color:#27845e;background:#e8f5ed;border-color:#8bc5a0}.juz-summary-card.completed{color:#075c43;background:#ccebd7;border-color:#4d9b6a}.juz-summary-card.mastered{color:#9a741f;background:linear-gradient(145deg,#fff8e5,#f9edc9);border-color:#d9ad50}@media (width<=650px){.juz-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.juz-summary-card{min-height:95px}}.juz-journey-card{background:linear-gradient(145deg,#fff,#f2f7f3);border:1px solid #dce9df;border-right:4px solid #d9ad50;border-radius:16px;margin:25px 0;padding:22px;box-shadow:0 5px 18px #073d300f}.juz-journey-card h3{color:#075c43;margin:0 0 22px;font-size:19px;font-weight:800}.journey-timeline{flex-direction:column;gap:18px;display:flex}.journey-item{align-items:center;gap:14px;display:flex;position:relative}.journey-icon{background:#e8f2ed;border:1px solid #c9dfd0;border-radius:50%;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;font-size:19px;display:flex}.journey-item strong{color:#105541;margin-bottom:5px;font-size:14px;display:block}.journey-item p{color:#82918a;margin:0;font-size:12px}.journey-item:last-child .journey-icon{background:#fff4d8;border-color:#d9ad50}.journey-item:last-child strong{color:#9a741f}.journey-timeline>p{color:#82918a;font-size:13px}.memorization-pages-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin-top:18px;display:grid!important}.memorization-page-button{color:#105541;cursor:pointer;background:#fff;border:1px solid #dce9df;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:52px;font-family:inherit;font-size:16px;transition:all .2s;display:flex!important}.memorization-page-button strong{font-size:16px}.memorization-page-button:hover{border-color:#d9ad50;transform:translateY(-2px)}.memorization-page-button.saved{color:#fff;background:linear-gradient(145deg,#105541,#073d30);border:1px solid #d9ad50;box-shadow:0 3px 10px #073d301f}.memorization-page-button.saved span{color:#f5dc91;font-weight:900}@media (width<=600px){.memorization-pages-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.stages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.stages-grid{grid-template-columns:1fr;gap:14px}.detail-stage{padding:18px}}.review-panel{background:#fffdf8;border:1px solid #e9dfc9;border-top:5px solid #d9ad50;border-radius:18px;margin:24px 0 30px;padding:24px;box-shadow:0 5px 18px #073d300f}.review-panel-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.review-panel-header h3{color:#105541;margin:0 0 5px;font-size:20px}.review-panel-header p{color:#82918a;margin:0;font-size:13px}.review-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.review-form-field{flex-direction:column;gap:8px;display:flex}.review-form-field label{color:#315b4c;font-size:14px;font-weight:700}.review-form-field input,.review-form-field select,.review-form-field textarea{box-sizing:border-box;color:#234b3d;background:#f8fbf9;border:1px solid #dce9e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.review-form-field input:focus,.review-form-field select:focus,.review-form-field textarea:focus{background:#fff;border-color:#087653;box-shadow:0 0 0 3px #08765317}.review-form-field.full-width{grid-column:1/-1}.review-form-field textarea{resize:vertical;min-height:90px;line-height:1.8}.review-form .save-review-button{grid-column:1/-1;justify-self:start;max-width:280px}.review-panel .review-history{margin-top:24px}@media (width<=600px){.review-panel{padding:17px}.review-form{grid-template-columns:1fr}.review-form-field.full-width,.review-form .save-review-button{grid-column:1}.review-form .save-review-button{max-width:none}}.review-mastery-progress{background:#f4f8f5;border:1px solid #dce9e1;border-radius:12px;flex-direction:column;gap:9px;margin-top:16px;padding:14px;display:flex}.review-mastery-progress>span{color:#315b4c;font-size:13px;font-weight:700}.review-mastery-progress>strong{color:#105541;font-size:18px}.review-mastery-progress .progress-track{background:#dce9e1;border-radius:20px;width:100%;height:8px;overflow:hidden}.review-mastery-progress .progress-fill{background:linear-gradient(90deg,#27845e,#d9ad50);border-radius:20px;height:100%;transition:width .35s}.review-mastery-progress small{color:#82918a;font-size:12px}.juz-tabs{scrollbar-width:thin;background:#eaf3ee;border:1px solid #dce9e1;border-radius:15px;align-items:center;gap:8px;margin:28px 0;padding:8px;display:flex;overflow-x:auto}.juz-tabs button{color:#315b4c;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;min-width:max-content;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s}.juz-tabs button:hover{background:#fff;border-color:#d9ad50}.juz-tabs button.active{color:#fff;background:#105541;border-color:#d9ad50;box-shadow:0 4px 12px #073d3026}@media (width<=700px){.juz-tabs{justify-content:flex-start}.juz-tabs button{flex:none;padding:11px 15px}}.memorization-detail{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.memorization-verses{background:#fff;border:1px solid #e6eee8;border-radius:20px;padding:28px;box-shadow:0 5px 20px #173d2c0b}.memorization-ayah{border-bottom:1px solid #edf1ed;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.memorization-ayah:last-child{border-bottom:none}.memorization-ayah p{color:#263b30;text-align:right;flex:1;margin:0;font-family:UthmanicHafs,serif;font-size:30px;line-height:2.4}.ayah-number{color:#276344;background:#edf5ef;border-radius:50%;place-items:center;min-width:32px;height:32px;margin-top:12px;font-size:14px;font-weight:700;display:grid}@media (width<=600px){.memorization-verses{padding:16px}.memorization-ayah p{font-size:28px;line-height:2.1}}@font-face{font-family:UthmanicHafs;src:url(/fonts/kfgqpc_hafs_v30.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.listening-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.listening-modal{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#c5d2c9 transparent;background:#fff;border-radius:24px;width:100%;max-width:850px;max-height:92vh;padding:clamp(18px,3vw,30px);overflow-y:auto;box-shadow:0 20px 60px #00000040}.listening-header{color:#fff;box-sizing:border-box;background:#193d30;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;margin:calc(-1*clamp(18px,3vw,30px)) calc(-1*clamp(18px,3vw,30px)) 14px;padding:9px 18px;display:flex}.listening-header h2{color:#fff;margin:0;font-size:18px;font-weight:600}.listening-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;transition:background .2s;display:flex}.listening-close:hover{background:#ffffff26}.listening-ayah{text-align:center;box-sizing:border-box;direction:rtl;background:#fbfcfa;border:1px solid #edf1ec;border-radius:20px;flex-shrink:0;width:100%;margin:8px auto 12px;padding:14px 20px}.listening-ayah span{color:#a47a32;margin-bottom:8px;font-size:14px;font-weight:600;display:inline-block}.listening-ayah p{color:#263b30;margin:0;padding:5px 0;font-family:UthmanicHafs,serif;font-size:clamp(34px,3.5vw,44px);line-height:1.9}.listening-modal audio{width:100%}@media (width<=600px){.listening-modal{padding:16px}.listening-ayah{margin:6px auto 10px;padding:12px 10px}.listening-ayah p{font-size:28px;line-height:1.9}}.listening-progress{text-align:right;direction:rtl;margin:10px 0 14px}.progress-info{color:#263b30;justify-content:space-between;align-items:center;margin:6px 0 4px;font-size:14px;display:flex}.progress-info strong{color:#a47a32;font-size:14px;font-weight:700}.progress-track{background:#edf0ed;border-radius:20px;width:100%;height:6px;overflow:hidden}.progress-fill{background:#d9b45b;border-radius:20px;height:100%;transition:width .35s}.listening-speed{text-align:right;direction:rtl;margin:20px 0}.listening-speed label{color:#263b30;margin-bottom:12px;font-size:16px;font-weight:600;display:block}.speed-options{flex-wrap:wrap;gap:10px;display:flex}.speed-options button{color:#34483b;cursor:pointer;background:#f7f9f7;border:1px solid #dce5dd;border-radius:12px;flex:1;min-width:65px;padding:10px 14px;font-size:15px;font-weight:600;transition:all .2s}.speed-options button:hover{background:#fbf7ed;border-color:#a47a32}.speed-options button.speed-active{color:#fff;background:#276344;border-color:#276344;box-shadow:0 3px 8px #27634433}.listening-link-toggle{direction:rtl;background:#f4f7f4;border:1px solid #dce5dd;border-radius:12px;margin:18px 0;padding:14px}.listening-link-toggle label{color:#263b30;cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.listening-link-toggle input{accent-color:#276344;cursor:pointer;width:19px;height:19px}.listening-settings{direction:rtl;background:#f8faf8;border:1px solid #e1e9e2;border-radius:18px;margin:25px 0;overflow:hidden}.listening-settings summary{cursor:pointer;color:#263b30;justify-content:space-between;align-items:center;padding:18px 22px;font-size:17px;font-weight:700;list-style:none;transition:background .2s;display:flex}.listening-settings summary::-webkit-details-marker{display:none}.listening-settings summary:hover{background:#edf4ee}.settings-arrow{color:#a47a32;font-size:23px;transition:transform .25s}.listening-settings[open] .settings-arrow{transform:rotate(180deg)}.listening-settings[open]{padding-bottom:15px}.listening-settings>.listening-reader,.listening-settings>.listening-repeat,.listening-settings>.listening-link-toggle,.listening-settings>.listening-speed{margin-left:18px;margin-right:18px}.listening-settings>.listening-reader{margin-top:15px}.listening-modal{flex-direction:column;height:85vh;min-height:0;max-height:850px;display:flex;overflow:hidden}.listening-header{flex-shrink:0}.listening-ayah{box-sizing:border-box;flex-shrink:0;width:100%;margin:15px auto 20px}.listening-scroll-area{scrollbar-width:thin;scrollbar-color:#c5d2c9 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:0 5px 15px;overflow:hidden auto}.listening-scroll-area::-webkit-scrollbar{width:7px}.listening-scroll-area::-webkit-scrollbar-thumb{background:#c5d2c9;border-radius:10px}.listening-scroll-area::-webkit-scrollbar-track{background:0 0}@media (width<=600px){.listening-modal{height:92vh;max-height:92vh;padding:16px}.listening-ayah{margin:10px auto 15px;padding:20px 12px}.listening-ayah p{font-size:27px;line-height:2.1}}.listening-ayah-info{text-align:center;color:#a47a32;direction:rtl;flex-shrink:0;margin:1px 0;font-size:14px;font-weight:600}.listening-ayah{margin-top:0;padding-top:6px}.listening-ayah p{margin:0}.listening-scroll-area audio{border-radius:12px;width:100%;height:48px;display:block;margin:8px 0 12px!important}.listening-settings{direction:rtl;background:#f7f9f7;border:1px solid #dce7df;border-radius:22px;margin-top:18px;padding:22px}.listening-settings .listening-reader,.listening-settings .listening-repeat{justify-content:space-between;align-items:center;gap:18px;margin:12px 0;padding:10px 4px;display:flex}.listening-settings .listening-reader label,.listening-settings .listening-repeat label{color:#263b30;font-size:16px;font-weight:600}.listening-settings select{color:#263b30;cursor:pointer;background:#fff;border:1px solid #d5e1d8;border-radius:10px;width:190px;max-width:45%;padding:10px 14px;font-family:inherit;font-size:15px}.listening-settings .listening-link-toggle{border-radius:13px;margin:12px 0;padding:13px 16px}.listening-settings .listening-speed{margin-top:22px}@media (width<=600px){.listening-settings{padding:14px}.listening-settings .listening-reader,.listening-settings .listening-repeat{gap:10px}.listening-settings .listening-reader label,.listening-settings .listening-repeat label{font-size:14px}.listening-settings select{width:145px;max-width:48%;font-size:13px}}.listening-settings .listening-reader,.listening-settings .listening-repeat{min-height:auto;margin:5px 0;padding:7px 4px}.listening-settings .listening-link-toggle{min-height:auto;margin:8px 0;padding:10px 14px}.listening-settings .listening-speed{margin:14px 0 5px}.listening-settings .listening-speed label{margin-bottom:8px}.listening-settings .speed-options{gap:8px}.listening-settings .speed-options button{padding:9px 12px}.listening-navigation{direction:rtl;justify-content:center;align-items:center;gap:14px;margin:16px 0 8px;padding:8px 0;display:flex}.listening-navigation button{color:#24583f;cursor:pointer;background:#f5f8f5;border:1px solid #dce7df;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.listening-navigation button:not(:disabled):hover{color:#fff;background:#245f43;border-color:#245f43}.listening-navigation button:disabled{opacity:.4;cursor:not-allowed}.listening-navigation span{color:#a47a32;white-space:nowrap;font-size:16px;font-weight:700}@media (width<=600px){.listening-navigation{gap:7px}.listening-navigation button{padding:9px 10px;font-size:12px}}.task-card{border:1px solid #e5ede7;border-radius:17px;gap:14px;padding:17px 18px;box-shadow:0 4px 14px #173d2c0a}.task-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #173d2c14}.task-icon{border-radius:14px;width:48px;min-width:48px;height:48px;font-size:22px}.task-info{text-align:right;flex:1;min-width:0}.task-info h3{margin-bottom:4px;font-size:15px}.task-info p{margin:4px 0;font-size:12px;line-height:1.6}.task-info strong{margin-top:3px;font-size:12px}.complete-button,.done-button{cursor:pointer;white-space:nowrap;border-radius:9px;flex-shrink:0;min-width:88px;padding:9px 11px;font-family:inherit;font-size:11px;font-weight:700}.complete-button{color:#216448;background:#eaf3ec}.complete-button:hover{background:#d9ebdd}.done-button{color:#17633f;background:#d5eddf}@media (width<=600px){.task-card{border-radius:14px;gap:9px;padding:12px 11px}.task-icon{border-radius:12px;width:39px;min-width:39px;height:39px;font-size:19px}.task-info h3{font-size:13px}.task-info p{font-size:10px;line-height:1.6}.task-info strong{font-size:11px}.complete-button,.done-button{min-width:76px;padding:8px 7px;font-size:10px}}.current-plan-card{direction:rtl;background:#fff;border:1px solid #e2ebe4;border-right:5px solid #267458;border-radius:18px;margin-bottom:22px;padding:22px;box-shadow:0 5px 18px #173d2c0f}.current-plan-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.plan-label{color:#b18b42;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.current-plan-header h2{color:#174d3b;margin:0;font-size:20px}.plan-status{color:#267458;white-space:nowrap;background:#eaf4ed;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.current-plan-details{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plan-detail-item{text-align:center;background:#f5f8f5;border:1px solid #e8eee9;border-radius:12px;padding:13px 8px}.plan-detail-item span{color:#7c8c82;margin-bottom:8px;font-size:11px;display:block}.plan-detail-item strong{color:#174d3b;font-size:14px}.current-plan-footer{border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:15px;display:flex}.current-plan-footer>span{color:#718078;font-size:12px}.current-plan-footer button{color:#fff;cursor:pointer;background:#17543e;border:none;border-radius:9px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700}.current-plan-footer button:hover{background:#267458}@media (width<=600px){.current-plan-card{border-radius:15px;padding:16px}.current-plan-header h2{font-size:17px}.current-plan-details{gap:6px}.plan-detail-item{padding:11px 4px}.plan-detail-item span{font-size:10px}.plan-detail-item strong{font-size:12px}.current-plan-footer{align-items:center}.current-plan-footer>span{font-size:10px}.current-plan-footer button{padding:9px 12px;font-size:11px}}.plan-start-point{background:#edf5f0;border-right:3px solid #17634b;border-radius:10px;flex-direction:column;gap:6px;min-width:145px;padding:10px 16px;display:flex}.plan-start-label{color:#718579;font-size:11px}.plan-start-point strong{color:#17634b;font-size:15px;font-weight:700}.current-plan-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-results-card{background:linear-gradient(145deg,#fff,#fbfdfb);border:1px solid #dce9e0;border-right:5px solid #17634b;border-radius:22px;margin-top:24px;padding:27px;box-shadow:0 7px 24px #17634b11}.plan-results-header{text-align:right;margin-bottom:25px}.plan-results-header h2{color:#124e3d;margin-top:9px;font-size:22px;font-weight:800}.plan-dates-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px;display:grid}.plan-date-item{background:#f3f8f4;border:1px solid #e0ebe2;border-radius:16px;flex-direction:column;gap:12px;padding:18px 13px;transition:background .2s;display:flex}.plan-date-item:hover{background:#edf5ef}.plan-date-item span{color:#819287;font-size:12px;font-weight:500}.plan-date-item strong{color:#17634b;font-size:14px;font-weight:800}.plan-stats-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.plan-stat-item{color:#fff;background:linear-gradient(145deg,#1b7055,#12523f);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #12523f1a}.plan-stat-item:hover{transform:translateY(-3px);box-shadow:0 7px 15px #12523f29}.plan-stat-item strong{font-size:28px;font-weight:800;line-height:1.2}.plan-stat-item span{color:#e3f1e8;font-size:12px;font-weight:600}@media (width<=600px){.plan-results-card{border-radius:17px;padding:17px 12px}.plan-results-header h2{font-size:19px}.plan-dates-grid,.plan-stats-grid{gap:7px}.plan-date-item{border-radius:12px;gap:9px;padding:13px 5px}.plan-date-item span{font-size:10px}.plan-date-item strong{font-size:11px}.plan-stat-item{border-radius:12px;padding:15px 5px}.plan-stat-item strong{font-size:21px}.plan-stat-item span{font-size:10px}}.weekly-day-card{background:linear-gradient(145deg,#fff,#f6faf7);border:1px solid #e1ece4;border-right:4px solid #17634b;border-radius:15px;margin-bottom:14px;padding:17px;transition:box-shadow .2s,transform .2s;box-shadow:0 3px 12px #17634b0b}.weekly-day-card:hover{box-shadow:0 5px 16px #17634b17}.weekly-day-header{border-bottom:1px solid #e8f0ea;justify-content:space-between;align-items:center;gap:10px;padding-bottom:11px;display:flex}.weekly-day-header strong{color:#17634b;font-size:15px;font-weight:700}.weekly-day-header span{color:#84958a;direction:ltr;font-size:11px}.weekly-day-card p{color:#a77b32;margin:12px 0 9px;font-size:13px;font-weight:700}.weekly-day-pages{color:#52665a;font-size:13px;line-height:1.8}.weekly-day-surahs{background:#f0f6f1;border-radius:10px;margin-top:12px;padding:11px 12px}.weekly-day-surahs>span{color:#17634b;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.weekly-surah-item{border-bottom:1px solid #e0eae2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;padding:7px 0;display:flex}.weekly-surah-item:last-child{border-bottom:none;padding-bottom:0}.weekly-surah-item strong{color:#245d48;font-size:12px}.weekly-surah-item small{color:#718579;font-size:11px}.weekly-day-card .new-plan-button,.weekly-day-card .complete-button,.weekly-day-card .done-button{margin-top:10px}@media (width<=600px){.plan-results-card,.weekly-preview-card{padding:16px 12px}.plan-dates-grid,.plan-stats-grid{gap:7px}.plan-date-item{padding:12px 5px}.plan-date-item span{font-size:10px}.plan-date-item strong{font-size:11px}.plan-stat-item{padding:13px 5px}.plan-stat-item strong{font-size:20px}.plan-stat-item span{font-size:10px}.weekly-day-card{border-radius:13px;margin-bottom:11px;padding:13px 11px}.weekly-day-header strong{font-size:14px}.weekly-day-header span{font-size:10px}.weekly-day-surahs{padding:10px}.weekly-surah-item{align-items:flex-start}}.week-selector{appearance:none;color:#17634b;cursor:pointer;direction:rtl;background-color:#f0f6f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2317634b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:11px;background-repeat:no-repeat;border:1px solid #dce9df;border-radius:10px;outline:none;padding:9px 34px 9px 14px;font-family:inherit;font-size:13px;font-weight:700}.week-selector:hover{background-color:#e6f1e9;border-color:#17634b}.week-selector:focus{border-color:#17634b;box-shadow:0 0 0 3px #17634b1a}.week-selector option{color:#17634b;background:#fff;font-family:inherit;font-weight:600}.journey-card{direction:rtl;background:linear-gradient(145deg,#fff,#f3f8f4);border:1px solid #dce9e0;border-right:5px solid #17634b;border-radius:20px;margin:22px 0;padding:23px;box-shadow:0 5px 18px #17634b12}.journey-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.journey-header h2{color:#124e3d;margin:7px 0 0;font-size:18px}.journey-percentage{color:#17634b;font-size:27px;font-weight:800}.journey-progress-track{background:#e4eee7;border-radius:20px;height:12px;overflow:hidden}.journey-progress-fill{background:linear-gradient(90deg,#a77b32,#17634b);border-radius:20px;height:100%;transition:width .5s}.journey-pages{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.journey-pages strong{color:#17634b;font-size:14px}.journey-pages span{color:#718579;font-size:12px}.journey-days{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.journey-day-item{background:#edf5f0;border:1px solid #e0ebe3;border-radius:13px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.journey-day-item strong{color:#17634b;font-size:23px}.journey-day-item span{color:#718579;font-size:12px}@media (width<=600px){.journey-card{border-radius:16px;padding:17px 13px}.journey-header h2{font-size:15px}.journey-percentage{font-size:23px}.journey-day-item{padding:12px 8px}}.plan-page{color:#244b3b;width:92%;max-width:850px;margin:35px auto}.plan-header{color:#fff;background:linear-gradient(120deg,#14533f,#267458);border-radius:18px;align-items:center;gap:16px;margin-bottom:30px;padding:25px;display:flex;box-shadow:0 8px 22px #164d3b20}.plan-symbol{color:#e8ca7b;border:1px solid #e8ca7b;border-radius:15px;flex-shrink:0;place-items:center;width:55px;height:55px;font-size:32px;display:grid}.plan-header h2{margin:0;font-size:22px}.plan-header p{color:#d4e2da;margin:5px 0 0;font-size:13px}.plan-section{background:#fff;border:1px solid #e7ede8;border-radius:17px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #173d2c08}.plan-section h3{color:#17513d;border-bottom:1px solid #edf1ed;margin:0 0 23px;padding-bottom:13px;font-size:17px}.plan-section label{color:#526b5e;margin:18px 0 8px;font-size:13px;font-weight:700;display:block}.plan-section input,.plan-section select{color:#244b3b;background:#fafcf9;border:1px solid #dfe8e0;border-radius:10px;outline:none;width:100%;min-height:47px;padding:10px 13px;font-family:inherit;font-size:14px;transition:all .2s}.plan-section input:focus,.plan-section select:focus{background:#fff;border-color:#267458;box-shadow:0 0 0 3px #26745815}.plan-actions{gap:12px;margin:25px 0 40px;display:flex}.save-plan,.cancel-plan{border:none;border-radius:11px;min-height:48px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.save-plan{color:#fff;background:#17543e;flex:1}.save-plan:hover{background:#236c50}.cancel-plan{color:#526b5e;background:#edf2ed}.cancel-plan:hover{background:#e0e9e1}@media (width<=600px){.plan-page{margin:20px auto}.plan-header{padding:18px}.plan-header h2{font-size:18px}.plan-section{padding:19px}.plan-actions{flex-direction:column}}