.notification-dropdown[data-v-bfda7664]{position:relative}.notification-button[data-v-bfda7664]{background:#f3f4f6;border:none;border-radius:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:1.25rem;position:relative;transition:background .2s}.notification-button[data-v-bfda7664]:hover{background:#e5e7eb}.badge[data-v-bfda7664]{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:1rem;min-width:20px;text-align:center}.dropdown-menu[data-v-bfda7664]{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-height:500px;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.dropdown-header[data-v-bfda7664]{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.dropdown-header h3[data-v-bfda7664]{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.mark-all-btn[data-v-bfda7664]{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background .2s}.mark-all-btn[data-v-bfda7664]:hover{background:#dbeafe}.notifications-list[data-v-bfda7664]{overflow-y:auto;flex:1}.loading[data-v-bfda7664],.empty[data-v-bfda7664]{padding:2rem;text-align:center;color:#6b7280}.notification-item[data-v-bfda7664]{padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s;display:flex;align-items:flex-start;gap:.5rem}.notification-item[data-v-bfda7664]:hover{background:#f9fafb}.notification-item.unread[data-v-bfda7664]{background:#eff6ff}.notification-item.unread[data-v-bfda7664]:hover{background:#dbeafe}.notification-content[data-v-bfda7664]{flex:1;display:flex;gap:.75rem}.notification-icon[data-v-bfda7664]{font-size:1.5rem;flex-shrink:0}.notification-text[data-v-bfda7664]{flex:1}.message[data-v-bfda7664]{margin:0 0 .25rem;font-size:.875rem;color:#1f2937;font-weight:500}.note[data-v-bfda7664]{margin:.5rem 0 .25rem;font-size:.813rem;color:#6b7280;font-style:italic;background:#f9fafb;padding:.5rem;border-radius:.25rem}.time[data-v-bfda7664]{font-size:.75rem;color:#9ca3af}.delete-btn[data-v-bfda7664]{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;font-size:1rem;line-height:1}.delete-btn[data-v-bfda7664]:hover{background:#fee2e2;color:#dc2626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5}#app{min-height:100vh}.navbar{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none}.nav-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#374151;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:background .2s}.nav-link:hover{background:#f3f4f6}.nav-user{color:#6b7280;font-size:.875rem}.nav-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background .2s}.nav-btn:hover{background:#dc2626}.main-content{max-width:1400px;margin:0 auto;padding:2rem}.toast-notification{position:fixed;top:80px;right:20px;background:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:9999;max-width:400px;transform:translate(450px);transition:transform .3s ease-in-out;border-left:4px solid #2563eb}.toast-notification.show{transform:translate(0)}body{margin:0;padding:0}