.notification-center[data-v-9a95ee44]{position:relative}.notification-trigger[data-v-9a95ee44]{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;display:flex;justify-content:center;padding:var(--space-3);position:relative;transition:all .2s ease}.notification-trigger[data-v-9a95ee44]:hover{background-color:var(--surface-2);color:var(--text-1)}.notification-trigger.has-notifications[data-v-9a95ee44]{color:var(--brand-500)}.notification-badge[data-v-9a95ee44]{background-color:var(--red-500);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:8px;text-align:center;top:8px}.notification-panel[data-v-9a95ee44]{animation:slideIn-9a95ee44 .2s ease-out;background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:var(--space-2);max-height:600px;overflow:hidden;position:absolute;right:0;top:100%;width:420px;z-index:1000}@keyframes slideIn-9a95ee44{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header[data-v-9a95ee44]{align-items:center;background-color:var(--surface-2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-5)}.notification-header h3[data-v-9a95ee44]{color:var(--text-1);font-size:var(--font-size-4);font-weight:600;margin:0}.header-actions[data-v-9a95ee44]{align-items:center;display:flex;gap:var(--space-3)}.btn-link[data-v-9a95ee44]{background:none;border:none;color:var(--brand-500);cursor:pointer;font-size:var(--font-size-2);text-decoration:underline;transition:color .2s ease}.btn-link[data-v-9a95ee44]:hover{color:var(--brand-600)}.btn-close[data-v-9a95ee44]{background:none;border:none;border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;padding:var(--space-2);transition:all .2s ease}.btn-close[data-v-9a95ee44]:hover{background-color:var(--surface-3);color:var(--text-2)}.notification-list[data-v-9a95ee44]{max-height:400px;overflow-y:auto}.empty-state[data-v-9a95ee44],.loading-state[data-v-9a95ee44]{color:var(--text-3);padding:var(--space-8);text-align:center}.empty-state .material-icons-outlined[data-v-9a95ee44]{font-size:48px;margin-bottom:var(--space-3)}.notifications[data-v-9a95ee44]{padding:var(--space-2)}.notification-item[data-v-9a95ee44]{align-items:flex-start;border-bottom:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease}.notification-item[data-v-9a95ee44]:last-child{border-bottom:none}.notification-item[data-v-9a95ee44]:hover{background-color:var(--surface-2)}.notification-item.unread[data-v-9a95ee44]{background-color:var(--brand-50);border-left:3px solid var(--brand-500)}.notification-icon[data-v-9a95ee44]{align-items:center;background-color:var(--surface-3);border-radius:50%;color:var(--text-2);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon .material-icons-outlined[data-v-9a95ee44]{font-size:20px}.icon-sale[data-v-9a95ee44]{color:var(--green-500)}.icon-user[data-v-9a95ee44]{color:var(--blue-500)}.icon-complaint[data-v-9a95ee44]{color:var(--red-500)}.icon-refund[data-v-9a95ee44]{color:var(--orange-500)}.icon-product[data-v-9a95ee44]{color:var(--purple-500)}.icon-system[data-v-9a95ee44]{color:var(--gray-500)}.notification-content[data-v-9a95ee44]{flex:1;min-width:0}.notification-title[data-v-9a95ee44]{color:var(--text-1);font-size:var(--font-size-3);font-weight:600;margin-bottom:var(--space-1)}.notification-message[data-v-9a95ee44]{color:var(--text-2);font-size:var(--font-size-2);line-height:1.4;margin-bottom:var(--space-2)}.notification-time[data-v-9a95ee44]{color:var(--text-3);font-size:var(--font-size-1)}.notification-actions[data-v-9a95ee44]{flex-shrink:0}.btn-mark-read[data-v-9a95ee44]{background:none;border:none;border-radius:var(--radius-md);color:var(--text-3);cursor:pointer;padding:var(--space-2);transition:all .2s ease}.btn-mark-read[data-v-9a95ee44]:hover{background-color:var(--green-100);color:var(--green-600)}.notification-footer[data-v-9a95ee44]{border-top:1px solid var(--border);padding:var(--space-4);text-align:center}.view-all-link[data-v-9a95ee44]{color:var(--brand-500);font-weight:500;text-decoration:none;transition:color .2s ease}.view-all-link[data-v-9a95ee44]:hover{color:var(--brand-600);text-decoration:underline}.notification-list[data-v-9a95ee44]::-webkit-scrollbar{width:6px}.notification-list[data-v-9a95ee44]::-webkit-scrollbar-track{background:var(--surface-2)}.notification-list[data-v-9a95ee44]::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.notification-list[data-v-9a95ee44]::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@media (max-width:768px){.notification-panel[data-v-9a95ee44]{right:-80px;width:320px}.notification-header h3[data-v-9a95ee44]{font-size:var(--font-size-3)}.notification-item[data-v-9a95ee44]{padding:var(--space-3)}}