.notification-container[data-v-22816005]{position:relative}.notification-trigger[data-v-22816005]{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffbf;transition:color .2s ease,background-color .2s ease}.notification-trigger[data-v-22816005]:hover{color:#fff;background-color:#ffffff1f}.bell-icon[data-v-22816005]{width:20px;height:20px}.unread-badge[data-v-22816005]{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown[data-v-22816005]{position:absolute;top:100%;right:0;margin-top:8px;width:360px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:1000}.dropdown-header[data-v-22816005]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.dropdown-header h3[data-v-22816005]{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mark-all-read[data-v-22816005]{background:none;border:none;color:#5a896f;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.mark-all-read[data-v-22816005]:hover{background-color:#f3f4f6}.loading-state[data-v-22816005],.empty-state[data-v-22816005]{padding:32px;text-align:center;color:#6b7280}.notification-list[data-v-22816005]{max-height:400px;overflow-y:auto}.notification-item[data-v-22816005]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.notification-item[data-v-22816005]:hover{background-color:#f9fafb}.notification-item[data-v-22816005]:last-child{border-bottom:none}.notification-item.unread[data-v-22816005]{background-color:#f0fdf4}.notification-item.unread[data-v-22816005]:hover{background-color:#dcfce7}.notification-content[data-v-22816005]{flex:1;min-width:0}.notification-message[data-v-22816005]{margin:0;font-size:14px;color:#1f2937;line-height:1.4}.notification-time[data-v-22816005]{font-size:12px;color:#9ca3af;margin-top:4px;display:block}.unread-dot[data-v-22816005]{width:8px;height:8px;background:#5a896f;border-radius:50%;flex-shrink:0}.navbar[data-v-227670f9]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#5a896feb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;margin-bottom:20px;box-shadow:0 4px 20px #5a896f33;position:relative;z-index:10}.nav-brand[data-v-227670f9]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:transform .2s ease}.nav-brand[data-v-227670f9]:hover{transform:scale(1.02)}.nav-logo-leaf[data-v-227670f9]{height:32px;width:auto}.nav-logo-text[data-v-227670f9]{height:20px;width:auto}.nav-links[data-v-227670f9]{display:flex;gap:8px}.nav-links a[data-v-227670f9]{color:#ffffffbf;text-decoration:none;padding:8px 14px;border-radius:8px;font-weight:500;transition:color .2s ease,background-color .2s ease,transform .15s ease}.nav-links a[data-v-227670f9]:hover{color:#fff;background-color:#ffffff1f;transform:translateY(-1px)}.nav-links a.active[data-v-227670f9]{color:#fff;background-color:#ffffff2e}.landing-nav[data-v-cedc7f4f]{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--mint-soft)}.nav-container[data-v-cedc7f4f]{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo img[data-v-cedc7f4f]{height:36px;width:auto}.nav-links[data-v-cedc7f4f]{display:flex;align-items:center;gap:32px}.nav-link[data-v-cedc7f4f]{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s ease}.nav-link[data-v-cedc7f4f]:hover,.login-link[data-v-cedc7f4f]{color:var(--sage-green)}.signup-btn[data-v-cedc7f4f]{font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:10px 20px;background:var(--sage-green);color:#fff;border:none;border-radius:8px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.signup-btn[data-v-cedc7f4f]:hover{background:var(--sage-dark);transform:translateY(-1px)}.mobile-menu-btn[data-v-cedc7f4f]{display:none;background:none;border:none;padding:8px;cursor:pointer}.hamburger[data-v-cedc7f4f]{display:block;width:24px;height:2px;background:var(--text-primary);position:relative;transition:background .2s ease}.hamburger[data-v-cedc7f4f]:before,.hamburger[data-v-cedc7f4f]:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);left:0;transition:transform .2s ease}.hamburger[data-v-cedc7f4f]:before{top:-7px}.hamburger[data-v-cedc7f4f]:after{top:7px}.hamburger.open[data-v-cedc7f4f]{background:transparent}.hamburger.open[data-v-cedc7f4f]:before{transform:rotate(45deg) translate(5px,5px)}.hamburger.open[data-v-cedc7f4f]:after{transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.mobile-menu-btn[data-v-cedc7f4f]{display:block}.nav-links[data-v-cedc7f4f]{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid var(--mint-soft);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.nav-links.open[data-v-cedc7f4f]{transform:translateY(0);opacity:1;visibility:visible}.signup-btn[data-v-cedc7f4f]{width:100%;text-align:center}}.floating-leaves[data-v-4926f9f8]{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-leaf[data-v-4926f9f8]{position:absolute;width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.08;animation:float-4926f9f8 6s ease-in-out infinite}.leaf-1[data-v-4926f9f8]{top:8%;left:5%;animation-delay:0s}.leaf-2[data-v-4926f9f8]{top:12%;right:8%;animation-delay:2s;width:25px;height:25px}.leaf-3[data-v-4926f9f8]{bottom:15%;left:8%;animation-delay:3s;width:22px;height:22px}.leaf-4[data-v-4926f9f8]{bottom:10%;right:5%;animation-delay:4s;width:28px;height:28px}@keyframes float-4926f9f8{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.floating-leaf[data-v-4926f9f8]{animation:none}}.container[data-v-47af05d0]{width:100%;margin:0;padding:20px;min-height:100vh;background:linear-gradient(135deg,var(--warm-white) 0%,#e8f0e8 50%,var(--warm-white) 100%)}.landing-wrapper[data-v-47af05d0]{width:100%;margin:0;padding:0}:root{--font-display: "Fraunces", "Georgia", serif;--font-heading: "Quicksand", system-ui, sans-serif;--font-body: "Sora", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;font-family:var(--font-body);line-height:1.5;font-weight:400;color:#2d3e3b;background-color:#f5f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sage-green: #5A896F;--sage-dark: #4A7460;--sage-light: #7B9E87;--olive-sage: #8B9D7B;--mint-soft: #B8CDC0;--warm-white: #F5F7F5;--text-primary: #2D3E3B;--text-secondary: #556B5E;--delete-red: #c62828;--error-bg: #ffebee;--paper-cream: #FDFBF7;--paper-warm: #F9F6F0;--ink-dark: #1E2D29;--botanical-accent: #8B7355;--moss-deep: #3D5A4C;--fern-light: #A8C4B0;--shadow-botanical: rgba(45, 62, 59, .12);--shadow-deep: rgba(30, 45, 41, .18);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%}a{color:var(--sage-green);text-decoration:none}a:hover{color:var(--sage-dark)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}