{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///home/micro/Documents/Cursor/AI%20Model/app/dashboard/notifications/notifications.module.css"],"sourcesContent":[".container {\n    padding: 2rem;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.header {\n    margin-bottom: 2rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n}\n\n.title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--text-main);\n    margin-bottom: 0.5rem;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n}\n\n.subtitle {\n    color: var(--text-secondary);\n    font-size: 1rem;\n}\n\n.badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 0.5rem;\n    background: var(--error);\n    color: white;\n    border-radius: 12px;\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n.markAllBtn {\n    padding: 0.5rem 1rem;\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-md);\n    color: var(--primary);\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    font-size: 0.9rem;\n    box-shadow: var(--shadow-sm);\n}\n\n.markAllBtn:hover {\n    background: var(--primary-light);\n    border-color: var(--primary);\n}\n\n.notificationsList {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.notificationItem {\n    display: flex;\n    align-items: flex-start;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    background: var(--bg-surface);\n    border: 1px solid var(--border-subtle);\n    border-radius: var(--radius-lg);\n    transition: all 0.2s ease;\n    box-shadow: var(--shadow-sm);\n}\n\n.notificationItem:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-light);\n}\n\n.notificationItem.read {\n    background: var(--bg-app);\n    opacity: 0.8;\n    box-shadow: none;\n    border-color: transparent;\n}\n\n.notificationIcon {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.notificationContent {\n    flex: 1;\n    min-width: 0;\n}\n\n.notificationHeader {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 1rem;\n    margin-bottom: 0.25rem;\n}\n\n.notificationTitle {\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--text-main);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.unreadDot {\n    width: 8px;\n    height: 8px;\n    background: var(--primary);\n    border-radius: 50%;\n}\n\n.notificationTime {\n    color: var(--text-tertiary);\n    font-size: 0.75rem;\n    white-space: nowrap;\n}\n\n.notificationMessage {\n    color: var(--text-secondary);\n    line-height: 1.5;\n    font-size: 0.95rem;\n}\n\n.notificationActions {\n    display: flex;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n\n.actionBtn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: var(--radius-md);\n    color: var(--text-tertiary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.actionBtn:hover {\n    background: var(--bg-subtle);\n    color: var(--primary);\n    border-color: var(--border-subtle);\n}\n\n.emptyState {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 4rem 2rem;\n    color: var(--text-tertiary);\n    text-align: center;\n    background: var(--bg-subtle);\n    border-radius: var(--radius-lg);\n}\n\n.emptyState p {\n    margin-top: 1rem;\n    font-style: italic;\n    font-weight: 500;\n}\n\n@media (max-width: 768px) {\n    .container {\n        padding: 16px;\n    }\n\n    .header {\n        flex-direction: column;\n        gap: 1rem;\n    }\n\n    .title {\n        font-size: 1.5rem;\n    }\n\n    .markAllBtn {\n        width: 100%;\n        text-align: center;\n    }\n\n    .notificationItem {\n        padding: 1rem;\n        gap: 1rem;\n    }\n\n    .notificationHeader {\n        flex-direction: column;\n        gap: 0.25rem;\n    }\n\n    .notificationTime {\n        align-self: flex-start;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;;;;;;AAcA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;;;;;;AAcA;;;;;;AAMA;;;;;;;;;;;;AAYA;;;;;;AAMA;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;;EAKA"}}]
}