.notification-item[data-v-e0844afd]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e5e7eb;position:relative}.notification-item[data-v-e0844afd]:last-child{border-bottom:none}.notification-item[data-v-e0844afd]:hover{background-color:#f9fafb}.notification-item.unread[data-v-e0844afd]{background-color:#fefce8}.notification-item.unread[data-v-e0844afd]:hover{background-color:#fef9c3}.notification-indicator[data-v-e0844afd]{flex-shrink:0;width:.75rem;height:.75rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.unread-dot[data-v-e0844afd]{width:.5rem;height:.5rem;border-radius:50%;background-color:#fbbf24}.notification-content[data-v-e0844afd]{flex:1;min-width:0}.notification-header[data-v-e0844afd]{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.notification-title[data-v-e0844afd]{font-weight:600;font-size:.875rem;color:#1f2937}.notification-item.unread .notification-title[data-v-e0844afd]{color:#111827}.notification-time[data-v-e0844afd]{flex-shrink:0;font-size:.75rem;color:#9ca3af}.notification-message[data-v-e0844afd]{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.notification-action[data-v-e0844afd]{margin-top:.5rem}.action-link[data-v-e0844afd]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#3b82f6;transition:color .2s}.action-link[data-v-e0844afd]:hover{color:#2563eb}.arrow-icon[data-v-e0844afd]{width:.875rem;height:.875rem}.dismiss-btn[data-v-e0844afd]{flex-shrink:0;padding:.25rem;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:.25rem;transition:all .2s;opacity:0}.notification-item:hover .dismiss-btn[data-v-e0844afd]{opacity:1}.dismiss-btn[data-v-e0844afd]:hover{color:#ef4444;background-color:#fee2e2}.dismiss-btn svg[data-v-e0844afd]{width:1rem;height:1rem}.notification-dropdown[data-v-bb61acc9]{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-height:480px;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.dropdown-header[data-v-bb61acc9]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fafafa}.dropdown-header h3[data-v-bb61acc9]{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.mark-all-btn[data-v-bb61acc9]{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#3b82f6;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:all .2s}.mark-all-btn[data-v-bb61acc9]:hover{background:#eff6ff;color:#2563eb}.dropdown-content[data-v-bb61acc9]{flex:1;overflow-y:auto;max-height:400px}.loading-state[data-v-bb61acc9],.empty-state[data-v-bb61acc9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280}.spinner[data-v-bb61acc9]{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-bb61acc9 .8s linear infinite;margin-bottom:.75rem}@keyframes spin-bb61acc9{to{transform:rotate(360deg)}}.empty-icon[data-v-bb61acc9]{font-size:2.5rem;margin-bottom:.75rem}.empty-title[data-v-bb61acc9]{font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-description[data-v-bb61acc9]{font-size:.875rem;color:#6b7280;margin:0;max-width:250px}.notifications-list[data-v-bb61acc9]{display:flex;flex-direction:column}.load-more[data-v-bb61acc9]{padding:.75rem;text-align:center;border-top:1px solid #e5e7eb}.load-more-btn[data-v-bb61acc9]{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#3b82f6;background:none;border:1px solid #3b82f6;border-radius:.375rem;cursor:pointer;transition:all .2s}.load-more-btn[data-v-bb61acc9]:hover:not(:disabled){background:#3b82f6;color:#fff}.load-more-btn[data-v-bb61acc9]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.notification-dropdown[data-v-bb61acc9]{position:fixed;top:60px;right:.5rem;left:.5rem;width:auto;max-height:calc(100vh - 80px)}}.notification-bell-wrapper[data-v-ab32a03b]{position:relative}.notification-bell[data-v-ab32a03b]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;color:#4b5563;transition:all .2s}.notification-bell[data-v-ab32a03b]:hover{background-color:#f3f4f6;color:#1f2937}.notification-bell[data-v-ab32a03b]:focus{outline:none;box-shadow:0 0 0 2px #fbbf24}.bell-icon[data-v-ab32a03b]{width:22px;height:22px}.badge[data-v-ab32a03b]{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;color:#1f2937;background-color:#fbbf24;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:pulse-ab32a03b 2s ease-in-out infinite}@keyframes pulse-ab32a03b{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.navbar[data-v-84fd0620]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.nav-brand h1[data-v-84fd0620]{margin:0;color:#1f2937;text-decoration:none}.nav-brand a[data-v-84fd0620]{text-decoration:none}.nav-links[data-v-84fd0620]{display:flex;gap:2rem;align-items:center}.nav-links a[data-v-84fd0620]{text-decoration:none;color:#4b5563;font-weight:500;transition:color .2s}.nav-links a[data-v-84fd0620]:hover,.nav-links a.router-link-active[data-v-84fd0620]{color:#3b82f6}.logout-btn[data-v-84fd0620]{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background-color .2s}.logout-btn[data-v-84fd0620]{display:flex;align-items:center;gap:.5rem}.logout-btn[data-v-84fd0620]:hover{background:#dc2626}.logout-icon[data-v-84fd0620]{width:16px;height:16px}.nav-user[data-v-84fd0620]{display:flex;align-items:center;gap:1rem}.user-info[data-v-84fd0620]{display:flex;align-items:center;gap:.75rem}.avatar[data-v-84fd0620]{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-84fd0620]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-details[data-v-84fd0620]{display:flex;flex-direction:column;align-items:flex-start}.user-name[data-v-84fd0620]{font-weight:600;color:#1f2937;font-size:.875rem;line-height:1.2}.user-email[data-v-84fd0620]{font-size:.75rem;color:#6b7280;line-height:1.2}main[data-v-84fd0620]{min-height:100vh}main.with-nav[data-v-84fd0620]{min-height:calc(100vh - 73px)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-background: #ffffff;--color-background-soft: #f8fafc;--color-background-mute: #f1f5f9;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-heading: #1e293b;--color-text: #475569;--color-primary: #1a1a1a;--color-primary-dark: #000000;--color-secondary: #333333;--color-accent: #ffd700;--color-accent-dark: #e6c200;--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: #1e1e1e;--color-background-soft: #262626;--color-background-mute: #2d2d2d;--color-border: #404040;--color-border-hover: #525252;--color-heading: #f8fafc;--color-text: #e2e8f0}}#app{margin:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media(hover:hover){a:hover{background-color:#00bd7e33}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#1a1a1a,#333);border:2px solid #ffd700;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,gold,#e6c200);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 25px 50px -12px #ffd70066}.btn-secondary{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.card{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:1rem;margin:1rem 0}