@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--cream:#f8f5f0;--beige:#e8ddd0;--orange:#f4a261;--orange-hover:#e8923e;--orange-glow:#f4a26159;--pink:#d8a7b1;--pink-light:#d8a7b126;--brown:#5c4b43;--brown-light:#826e63;--red:#e63946;--green:#2a9d8f;--morning-sky:#a8dadc;--morning-yellow:#fee8a8;--morning-white:#fff;--evening-navy:#243447;--evening-deep:#1b2836;--evening-card:#2d3f52;--evening-purple:#6d597a;--evening-gray:#b8b8b8;--font-arabic:"Cairo", system-ui, -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--z-dropdown:50;--z-modal-backdrop:100;--z-modal:110;--z-toast:200;--z-nav:40}.theme-neutral,:root:not(.theme-morning):not(.theme-evening){--bg-app:var(--cream);--bg-gradient:linear-gradient(160deg, #f8f5f0 0%, #f5efeb 40%, #e8ddd0 100%);--bg-card:#ffffffb8;--bg-card-hover:#ffffffe0;--bg-card-solid:#fff;--text-main:var(--brown);--text-muted:#826e63;--text-accent:var(--orange);--border-ui:#5c4b431f;--border-ui-hover:#5c4b4340;--btn-text:#fff;--input-bg:#fffc;--shadow-sm:0 2px 8px #5c4b430f;--shadow-md:0 8px 24px #5c4b4314;--shadow-lg:0 16px 40px #5c4b431f;--shadow-glow:0 0 20px var(--orange-glow)}.theme-morning{--bg-app:#fcfaf6;--bg-gradient:linear-gradient(160deg, var(--morning-white) 0%, var(--morning-yellow) 40%, var(--morning-sky) 100%);--bg-card:#ffffffc7;--bg-card-hover:#ffffffeb;--bg-card-solid:#fff;--text-main:var(--brown);--text-muted:#6b5c56;--text-accent:var(--orange);--border-ui:#a8dadc4d;--border-ui-hover:#a8dadc8c;--btn-text:#fff;--input-bg:#ffffffd9;--shadow-sm:0 2px 8px #a8dadc1a;--shadow-md:0 8px 24px #a8dadc24;--shadow-lg:0 16px 40px #a8dadc33;--shadow-glow:0 0 20px #f4a26166}.theme-evening{--bg-app:var(--evening-navy);--bg-gradient:linear-gradient(160deg, var(--evening-navy) 0%, var(--evening-deep) 45%, var(--evening-purple) 100%);--bg-card:#2d3f52b3;--bg-card-hover:#2d3f52e0;--bg-card-solid:var(--evening-card);--text-main:var(--cream);--text-muted:var(--evening-gray);--text-accent:var(--orange);--border-ui:#b8b8b81f;--border-ui-hover:#b8b8b840;--btn-text:var(--evening-deep);--input-bg:#2d3f5299;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 16px 40px #0000005c;--shadow-glow:0 0 20px #f4a26140}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-arabic);background:var(--bg-app);color:var(--text-main);transition:background var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::selection{background:var(--orange);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-ui);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skip-link{top:-100%;right:var(--space-lg);background:var(--orange);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);z-index:999;transition:top var(--duration-fast);font-weight:600;position:absolute}.skip-link:focus{top:var(--space-lg)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.3}h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900}h2{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800}h3{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700}h4{font-size:1.05rem;font-weight:700}p{color:var(--text-muted);line-height:1.7}a{color:var(--orange);transition:opacity var(--duration-fast);text-decoration:none}a:hover{opacity:.8}:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:var(--radius-sm)}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(130%);border:1px solid var(--border-ui);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(120%);border:1px solid var(--border-ui);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-ui-hover);transform:translateY(-2px)}.card-solid{background:var(--bg-card-solid);border:1px solid var(--border-ui);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.card-featured{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--orange);box-shadow:var(--shadow-md), 0 0 0 1px var(--orange-glow);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;overflow:hidden}.card-featured:before{content:"";background:linear-gradient(90deg, var(--orange), var(--pink), var(--orange));height:3px;position:absolute;top:0;left:0;right:0}.card-dark{box-shadow:var(--shadow-md);border-radius:var(--radius-xl);padding:var(--space-xl);color:var(--cream);background:#1b2836d9;border:1px solid #b8b8b81a}.card-quote{background:var(--pink-light);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;border:1px solid #d8a7b140;position:relative}.card-quote:before{content:"“";top:var(--space-md);right:var(--space-xl);color:var(--pink);opacity:.4;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute}.btn-primary{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-hover) 100%);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-arabic);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--orange-glow);border:none;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(135deg,#0000 0%,#ffffff26 100%);position:absolute;inset:0}.btn-primary:hover{box-shadow:0 8px 20px var(--orange-glow);transform:translateY(-2px)}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border-ui);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-arabic);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--duration-normal) var(--ease-out);background:0 0;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-ui-hover);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-arabic);cursor:pointer;align-items:center;gap:var(--space-xs);transition:all var(--duration-fast);background:0 0;border:none;font-size:.85rem;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:var(--border-ui)}.btn-icon{border:1px solid var(--border-ui);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:all var(--duration-normal) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-card);border-color:var(--border-ui-hover);color:var(--text-main);transform:scale(1.05)}.input,input[type=text],input[type=time],input[type=search]{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-ui);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-main);font-family:var(--font-arabic);transition:all var(--duration-normal) var(--ease-out);direction:rtl;font-size:.95rem;font-weight:500}.input:focus,input[type=text]:focus,input[type=time]:focus,input[type=search]:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow);outline:none}.input::placeholder,input::placeholder{color:var(--text-muted);opacity:.6}.textarea,textarea{width:100%;padding:var(--space-lg);border:1px solid var(--border-ui);border-radius:var(--radius-lg);background:var(--input-bg);color:var(--text-main);font-family:var(--font-arabic);resize:vertical;min-height:100px;transition:all var(--duration-normal) var(--ease-out);direction:rtl;font-size:.95rem;font-weight:500;line-height:1.7}.textarea:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow);outline:none}.toggle{background:var(--border-ui);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--duration-normal) var(--ease-out);border:none;flex-shrink:0;padding:0;position:relative}.toggle[aria-checked=true]{background:var(--orange)}.toggle:after{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-spring);background:#fff;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #00000026}.toggle[aria-checked=true]:after{transform:translate(-20px)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);letter-spacing:.02em;font-size:.75rem;font-weight:700;display:inline-flex}.badge-orange{color:var(--orange);background:#f4a26126}.badge-pink{background:var(--pink-light);color:var(--pink)}.badge-green{color:var(--green);background:#2a9d8f1f}.tag{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-ui);color:var(--text-muted);transition:all var(--duration-normal) var(--ease-out);font-size:.82rem;font-weight:600;font-family:var(--font-arabic);white-space:nowrap;background:0 0;padding:6px 14px;display:inline-flex}.tag:hover{border-color:var(--orange);color:var(--orange)}.tag.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 2px 8px var(--orange-glow)}.checkbox-custom{align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.checkbox-custom:hover{background:var(--border-ui)}.checkbox-custom input{display:none}.checkbox-mark{border:2px solid var(--border-ui-hover);width:22px;height:22px;transition:all var(--duration-normal) var(--ease-spring);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-custom input:checked+.checkbox-mark{background:var(--orange);border-color:var(--orange);animation:checkPop .3s var(--ease-spring)}.checkbox-mark svg{opacity:0;transition:all var(--duration-normal) var(--ease-spring);color:#fff;transform:scale(0)}.checkbox-custom input:checked+.checkbox-mark svg{opacity:1;transform:scale(1)}.checkbox-label{color:var(--text-main);font-weight:500}.checkbox-label.checked{opacity:.5;text-decoration:line-through}.progress-bar{background:var(--border-ui);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orange), var(--pink));border-radius:var(--radius-full);height:100%;transition:width 1s var(--ease-out);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-lg);animation:fadeIn var(--duration-normal) var(--ease-out);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card-solid);border:1px solid var(--border-ui);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:85vh;padding:var(--space-2xl);z-index:var(--z-modal);animation:slideUp var(--duration-normal) var(--ease-spring);overflow-y:auto}.modal::-webkit-scrollbar{width:4px}.toast-container{top:var(--space-xl);z-index:var(--z-toast);gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--bg-card-solid);border:1px solid var(--border-ui);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-md);color:var(--text-main);pointer-events:auto;animation:slideDown var(--duration-normal) var(--ease-spring);min-width:280px;font-size:.9rem;font-weight:600;display:flex}.toast-success{border-right:4px solid var(--green)}.toast-error{border-right:4px solid var(--red)}.toast-info{border-right:4px solid var(--orange)}.navbar{top:var(--space-lg);z-index:var(--z-nav);margin:var(--space-lg);padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;display:flex;position:sticky}.nav-brand{color:var(--brown);transition:transform var(--duration-normal) var(--ease-spring);letter-spacing:-.02em;font-size:1.8rem;font-weight:900;text-decoration:none}.nav-brand:hover{opacity:1;transform:scale(1.05)}.nav-links{align-items:center;gap:var(--space-2xl);list-style:none;display:flex}.nav-link{align-items:center;gap:var(--space-sm);color:var(--text-muted);padding:var(--space-sm) 0;transition:all var(--duration-normal) var(--ease-out);border-bottom:3px solid #0000;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-main);opacity:1}.nav-link.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}.nav-actions{align-items:center;gap:var(--space-md);display:flex;position:relative}.nav-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--orange);width:38px;height:38px;transition:transform var(--duration-fast)}.nav-avatar:hover{transform:scale(1.08)}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.88rem;font-weight:600;overflow:hidden}.dropdown{left:0;top:calc(100% + var(--space-sm));min-width:260px;padding:var(--space-md);border-radius:var(--radius-lg);gap:var(--space-xs);animation:fadeSlideDown var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;position:absolute}.dropdown-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);font-size:.88rem;font-weight:500;font-family:var(--font-arabic);width:100%;transition:background var(--duration-fast);text-align:right;background:0 0;border:none;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--border-ui)}.dropdown-item.active{background:var(--border-ui);font-weight:700}.dropdown-item.danger{color:var(--red)}.dropdown-divider{background:var(--border-ui);height:1px;margin:var(--space-xs) 0}.mobile-nav{z-index:var(--z-nav);padding:var(--space-xs) var(--space-sm);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:var(--space-xs);-ms-overflow-style:none;scrollbar-width:none;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--duration-fast);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:60px;font-size:.65rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--orange);background:#f4a2611a}.mobile-nav-item.active svg{transform:scale(1.1)}.page-container{width:100%;max-width:1200px;padding:var(--space-lg);z-index:10;flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex;position:relative}.page-content{gap:var(--space-xl);flex-direction:column;width:100%;max-width:700px;display:flex}.page-content-wide{gap:var(--space-xl);flex-direction:column;width:100%;max-width:900px;display:flex}.page-header{text-align:right;gap:var(--space-sm);flex-direction:column;display:flex}.page-header h1{font-family:var(--font-arabic)}.page-header p{font-size:.95rem}.page-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.footer{text-align:center;width:100%;padding:var(--space-xl) var(--space-lg);color:var(--text-muted);opacity:.6;border-top:1px solid var(--border-ui);margin-top:auto;font-size:.78rem}.mood-selector{gap:var(--space-md);flex-wrap:wrap;display:flex}.mood-btn{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--border-ui);cursor:pointer;font-family:var(--font-arabic);color:var(--text-muted);transition:all var(--duration-normal) var(--ease-spring);background:0 0;flex-direction:column;min-width:90px;font-size:.85rem;font-weight:600;display:flex}.mood-btn:hover{border-color:var(--orange);transform:translateY(-2px)}.mood-btn.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 4px 16px var(--orange-glow);transform:scale(1.05)}.mood-emoji{font-size:1.6rem;line-height:1}.loader{border:3px solid var(--border-ui);border-bottom-color:var(--orange);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite rotation;display:inline-block}.loader-sm{border-width:2px;width:18px;height:18px}.page-loader{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:50vh;display:flex}.page-loader p{color:var(--text-muted);font-size:.9rem}.skeleton{background:linear-gradient(90deg, var(--border-ui) 25%, var(--bg-card) 50%, var(--border-ui) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .5s var(--ease-out) both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.animate-in-delay-5{animation-delay:.5s}.animate-fade{animation:fadeIn .4s var(--ease-out) both}.animate-scale{animation:scaleIn .4s var(--ease-spring) both}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-accent{color:var(--orange)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.1rem}.font-bold{font-weight:700}.font-black{font-weight:900}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}@media (width<=768px){.navbar{margin:var(--space-sm);padding:var(--space-md) var(--space-lg)}.nav-links,.nav-user-name{display:none}.mobile-nav{display:flex}.page-container{padding:var(--space-md);padding-bottom:80px}.page-grid{grid-template-columns:1fr}.page-content,.page-content-wide{gap:var(--space-lg)}h1{font-size:1.6rem}h2{font-size:1.3rem}.card,.card-solid,.card-featured,.card-dark,.card-quote{padding:var(--space-lg);border-radius:var(--radius-lg)}.mood-selector{justify-content:center}.mood-btn{min-width:80px;padding:var(--space-sm) var(--space-md);font-size:.8rem}.modal{margin:var(--space-md);max-height:90vh;padding:var(--space-xl)}.dropdown{min-width:220px;left:auto;right:0}.footer{padding-bottom:80px}}@media (width<=480px){.navbar{margin:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg)}.nav-brand{font-size:1.5rem}.page-container{padding:var(--space-sm);padding-bottom:80px}.card,.card-solid,.card-featured{padding:var(--space-lg)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-lg);font-size:.88rem}}@media (width>=769px){.mobile-nav{display:none!important}.nav-links{display:flex}}.weeks-grid{grid-template-columns:repeat(52,1fr);gap:2px;width:100%;max-width:100%;margin:0 auto;display:grid}.week-box{aspect-ratio:1;border-radius:2px;transition:transform .1s}.week-box:hover{z-index:10;transform:scale(1.5);box-shadow:0 0 4px #0000004d}.week-past{background-color:var(--brown);border:1px solid var(--brown-light)}.week-current{background-color:var(--orange);border:1px solid var(--orange-hover);box-shadow:0 0 8px var(--orange);z-index:5;animation:2s infinite pulseWeek}.week-future{border:1px solid var(--beige);background-color:#0000}@keyframes pulseWeek{0%{transform:scale(1);box-shadow:0 0 #f4a261b3}70%{transform:scale(1.3);box-shadow:0 0 0 6px #f4a26100}to{transform:scale(1);box-shadow:0 0 #f4a26100}}@media (width<=768px){.weeks-grid{gap:1px;min-width:640px}.week-box{border-radius:1px}.calendar-day-cell{padding:var(--space-xs)!important;font-size:.8rem!important}}.daily-timeline{gap:var(--space-xl);flex-direction:column;width:100%;padding-right:32px;display:flex;position:relative}.daily-timeline:before{content:"";background:var(--border-ui);z-index:0;width:2px;position:absolute;top:12px;bottom:12px;right:11px}.timeline-step{gap:var(--space-lg);z-index:1;display:flex;position:relative}.timeline-badge{border-radius:var(--radius-full);background:var(--bg-card-solid);border:2px solid var(--text-muted);width:24px;height:24px;color:var(--text-muted);z-index:2;transition:all var(--duration-normal) var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.8rem;font-weight:700;display:flex}.timeline-step.active .timeline-badge{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 0 0 4px var(--orange-glow);transform:scale(1.15)}.timeline-step.completed .timeline-badge{border-color:var(--green);background:var(--green);color:#fff}.timeline-content{gap:var(--space-xs);text-align:right;flex-direction:column;flex:1;display:flex}.timeline-content h4{color:var(--text-main);transition:color var(--duration-fast);margin-bottom:2px;font-size:1rem;font-weight:700}.timeline-step.active .timeline-content h4{color:var(--orange)}.timeline-content p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.timeline-summary{transition:all var(--duration-normal)}