@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-color:#faf8f5;--card-bg:#fff;--text-primary:#1c1917;--text-secondary:#6b5f55;--accent-color:#af6a3a;--accent-hover:#965328;--accent-bg:#af6a3a14;--accent-border:#af6a3a33;--border-color:#e7e3dc;--danger-color:#c2410c;--success-color:#15803d;--header-bg:#fff;--shadow-sm:0 2px 8px #2a24210a;--shadow-md:0 8px 24px #2a242112;--shadow-lg:0 16px 40px #2a24211a;--shadow-inset:inset 0 2px 4px #00000005;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px}[data-theme=dark]{--bg-color:#161413;--card-bg:#272320;--text-primary:#f5f5f4;--text-secondary:#a8a29e;--accent-color:#e09d6c;--accent-hover:#eab087;--accent-bg:#e09d6c1f;--accent-border:#e09d6c40;--border-color:#3b3531;--danger-color:#f87171;--success-color:#4ade80;--header-bg:#272320;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 20px 48px #00000073;--shadow-inset:inset 0 2px 4px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);font-size:16px;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;max-width:100vw;line-height:1.6;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}#root{flex-direction:column;flex:1;display:flex}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1),border-color .3s}input,textarea,select{font-family:var(--font-body);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-inset);padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .25s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-bg);outline:none}button{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-sm);background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-bg);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}button:hover,button:focus-visible{background-color:var(--accent-hover);box-shadow:0 6px 16px var(--accent-bg);transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}button.secondary{background-color:var(--card-bg);color:var(--accent-color);border:1px solid var(--accent-border);box-shadow:var(--shadow-sm)}button.secondary:hover{background-color:var(--accent-bg);border-color:var(--accent-color);color:var(--accent-hover)}.container,.page-container{margin:0;padding:2rem 1.5rem;width:100%!important;max-width:100%!important}@media (width>=768px){.container,.page-container{padding:2rem 3.5rem;width:100%!important;max-width:100%!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-weight:700}h1{font-size:2.25rem;font-weight:800}h2{font-size:1.85rem;font-weight:800}h3{font-size:1.45rem}.stat-card:hover,.res-card:hover,.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);transform:translateY(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-up{opacity:0;will-change:transform, opacity;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-scale{opacity:0;will-change:transform, opacity;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}@media (width<=480px){body{overscroll-behavior:none;font-size:15px;overflow-x:hidden}.glass-card,.polaroid-card,.postit-card{touch-action:manipulation}h1{font-size:1.75rem}h2{font-size:1.45rem}h3{font-size:1.25rem}.container{padding:1rem .75rem}.glass-card{border-radius:var(--radius-sm);padding:16px}button{padding:10px 18px;font-size:.95rem}input,textarea,select{padding:10px 14px;font-size:.9rem}}@media (width>=481px) and (width<=768px){body{overscroll-behavior:none;font-size:15px;overflow-x:hidden}.glass-card,.polaroid-card,.postit-card{touch-action:manipulation}.container{padding:1.25rem 1rem}}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.checkbox-row input[type=checkbox]{appearance:none;border:2px solid var(--border-color);background:var(--card-bg);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.checkbox-row input[type=checkbox]:hover{border-color:var(--accent-color)}.checkbox-row input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px 13px}.remind-btn{color:var(--accent-color);border:1px solid var(--accent-border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:8px 10px;font-weight:800;transition:all .18s;display:inline-flex}.remind-btn:hover{background:var(--accent-bg);color:var(--accent-hover);transform:translateY(-2px)}.confirm-btn{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.85rem 2rem;font-weight:700;transition:all .2s}.confirm-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.cancel-btn{background:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:.85rem 2rem;font-weight:700;transition:all .2s}.cancel-btn:hover{background:var(--border-color)}.loading-screen{height:100vh;color:var(--text-primary);background-color:var(--bg-color);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.loading-screen p{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;animation:1.8s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.spinner{border:3.5px solid var(--border-color);border-top-color:var(--accent-color);width:44px;height:44px;box-shadow:0 0 12px var(--accent-bg);border-radius:50%;animation:1s cubic-bezier(.5,.1,.5,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-wrapper{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;padding-bottom:100px;display:flex;overflow-x:hidden}.main-content-area{flex-direction:column;flex:1;width:100%;max-width:100%;display:flex}.theme-toggle.desktop-fixed{z-index:1001;width:2.75rem;height:2.75rem;position:fixed;top:1rem;right:1rem}.theme-toggle-icon{background:var(--card-bg);border:1px solid var(--border-color);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.theme-toggle-icon:hover{color:var(--accent-color);border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle.mobile-inline{border-radius:var(--radius-sm);background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.85rem 1rem;font-weight:700;display:flex;position:relative}.theme-toggle.mobile-inline:hover{color:var(--text-primary);border-color:var(--border-color);box-shadow:none;transform:none}.theme-toggle{cursor:pointer;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.desktop-nav{border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:1000;height:72px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);background-color:#ffffffd9;justify-content:space-around;align-items:center;transition:all .4s;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}[data-theme=dark] .desktop-nav{background-color:#272320d9}.desktop-nav a{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;height:100%;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.nav-icon-container{border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:center;align-items:center;padding:.35rem .75rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.desktop-nav a.active{color:var(--accent-color)}.desktop-nav a.active .nav-icon-container{background:var(--accent-bg);color:var(--accent-color);transform:translateY(-2px)}.desktop-only{display:block}@media (width<=767px){.desktop-only{display:none}}.mobile-header,.mobile-nav-overlay{display:none}@media (width>=768px){.app-wrapper{padding-top:120px;padding-bottom:0}.desktop-nav{gap:.25rem;width:auto;min-width:520px;height:72px;padding:0 .75rem;top:2rem;bottom:auto;left:50%;transform:translate(-50%)}.desktop-nav a.active .nav-icon-container{transform:translateY(2px)}.theme-toggle{top:1.5rem;right:2rem}}@media (width<=767px){.app-wrapper{padding-bottom:calc(76px + env(safe-area-inset-bottom));width:100%;max-width:100vw;padding-top:64px;overflow-x:hidden}.desktop-nav{display:none}.theme-toggle.desktop-fixed{display:none!important}.mobile-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:998;height:64px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .mobile-header{background-color:#272320e6}.mobile-nav-overlay,.mobile-nav-drawer{display:none}.more-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);touch-action:none;background:#00000059;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.more-popup{background:var(--card-bg);border-radius:var(--radius-lg);width:calc(100% - 24px);max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin-bottom:calc(76px + env(safe-area-inset-bottom));touch-action:none;padding:1.25rem;animation:.2s cubic-bezier(.34,1.56,.64,1) slideUp}.more-popup-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.more-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.more-close-btn:hover{background:var(--bg-color);color:var(--text-primary)}.more-popup-links{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.more-link-item{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.more-link-item:hover{background:var(--bg-color);color:var(--text-primary)}.more-link-item.active{background:var(--accent-bg);color:var(--accent-color)}.more-popup-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.more-profile-link{color:inherit;border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.25rem 0;text-decoration:none;transition:all .15s;display:flex}.more-profile-link:active{background:var(--bg-color)}.more-logout-btn{color:var(--danger-color);border-radius:var(--radius-sm);cursor:pointer;background:#ef444414;border:1px solid #ef444426;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.more-logout-btn:hover{background:#ef444426;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.notifications-toggle:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.notif-badge{background-color:var(--danger-color);color:#fff;border:2px solid var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;animation:2s infinite pulseBadge;display:flex;position:absolute;top:-2px;right:-2px}@keyframes pulseBadge{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.notif-popover{transform-origin:100% 0}.animate-scale-in{animation:.15s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notif-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--accent-color)!important}.notif-item:hover .notif-delete-btn{display:flex!important}@media (width<=767px){.notifications-toggle.desktop-fixed{display:none!important}}.mobile-bottom-nav{display:none}@media (width<=767px){.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;touch-action:none;background-color:#ffffffd9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000a}[data-theme=dark] .mobile-bottom-nav{background-color:#272320d9}.mobile-bottom-nav a,.mobile-bottom-nav button{color:var(--text-secondary);cursor:pointer;height:100%;box-shadow:none;touch-action:manipulation;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:44px;min-height:44px;padding:0;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mobile-bottom-nav button:hover,.mobile-bottom-nav button:focus-visible{box-shadow:none;color:var(--text-primary);background:0 0;transform:none}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--accent-color)!important}.mobile-bottom-nav a svg,.mobile-bottom-nav button svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mobile-bottom-nav a.active svg,.mobile-bottom-nav button.active svg{transform:scale(1.12)}.mobile-bottom-nav.keyboard-open{display:none!important}}