.notifications-page[data-v-c105e3ad]{min-height:100vh}.notifications-page .row[data-v-c105e3ad]{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a;display:flex;flex-wrap:wrap;margin:0;min-height:600px;overflow:hidden}.notifications-page .col-lg-4[data-v-c105e3ad],.notifications-page .col-md-5[data-v-c105e3ad],.notifications-page .col-xl-3[data-v-c105e3ad]{border-right:1px solid #e9ecef;flex:0 0 auto;padding:0}.notifications-page .col-lg-8[data-v-c105e3ad],.notifications-page .col-md-7[data-v-c105e3ad],.notifications-page .col-xl-9[data-v-c105e3ad]{background:transparent;flex:0 0 auto;padding:1.5rem}.notifications-page .col-xl-3[data-v-c105e3ad]{width:20%}.notifications-page .col-xl-9[data-v-c105e3ad]{width:80%}.notifications-page .col-lg-4[data-v-c105e3ad]{width:28%}.notifications-page .col-lg-8[data-v-c105e3ad]{width:72%}.notifications-page .col-md-5[data-v-c105e3ad]{width:35%}.notifications-page .col-md-7[data-v-c105e3ad]{width:65%}@media (max-width:767px){.notifications-page .row[data-v-c105e3ad]{border-radius:.75rem;flex-direction:column}.notifications-page .col-md-5[data-v-c105e3ad],.notifications-page .col-md-7[data-v-c105e3ad]{width:100%}.notifications-page .col-md-5[data-v-c105e3ad]{border-bottom:1px solid #e9ecef;border-right:none}.notifications-page .col-md-7[data-v-c105e3ad]{padding:1rem}}.page-header[data-v-c105e3ad]{margin-bottom:1.25rem}.page-title[data-v-c105e3ad]{color:#212529;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page-description[data-v-c105e3ad]{color:#6c757d;margin:0}.stats-grid[data-v-c105e3ad]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem}.stat-item[data-v-c105e3ad]{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.stat-item[data-v-c105e3ad]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon[data-v-c105e3ad]{align-items:center;border-radius:.375rem;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.stat-icon svg[data-v-c105e3ad]{display:block;height:1.25rem;width:1.25rem}.stat-icon.total[data-v-c105e3ad]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.unread[data-v-c105e3ad]{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.important[data-v-c105e3ad]{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.urgent[data-v-c105e3ad]{background:linear-gradient(135deg,#dc2626,#991b1b)}.stat-content h4[data-v-c105e3ad]{color:#212529;font-size:1.25rem;font-weight:700;margin-bottom:.125rem}.stat-content p[data-v-c105e3ad]{color:#6c757d;font-size:.8125rem;margin:0;white-space:nowrap}@media (max-width:768px){.stats-grid[data-v-c105e3ad]{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:.5rem;scrollbar-width:none}.stats-grid[data-v-c105e3ad]::-webkit-scrollbar{display:none}.stat-item[data-v-c105e3ad]{align-items:flex-start;flex:0 0 auto;flex-direction:column;gap:.75rem;min-width:140px;padding:1rem;width:auto}.stat-icon[data-v-c105e3ad]{height:36px;margin-bottom:.25rem;width:36px}.stat-content h4[data-v-c105e3ad]{font-size:1.125rem}}.action-buttons[data-v-c105e3ad]{display:flex;flex-wrap:wrap;gap:.5rem}.notifications-list[data-v-c105e3ad]{min-height:400px}.empty-state[data-v-c105e3ad],.loading-state[data-v-c105e3ad]{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.empty-icon[data-v-c105e3ad]{align-items:center;color:#dee2e6;display:inline-flex;flex-shrink:0;font-size:4rem;height:4rem;justify-content:center;margin-bottom:1rem;width:4rem}.empty-icon svg[data-v-c105e3ad]{display:block;height:4rem;width:4rem}.notifications-items[data-v-c105e3ad]{display:flex;flex-direction:column;gap:.75rem}.notification-item[data-v-c105e3ad]{align-items:flex-start;background:#fff;border-left:4px solid transparent;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:all .2s}.notification-item[data-v-c105e3ad]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.notification-item.unread[data-v-c105e3ad]{background:#f0f7ff;border-left-color:#3b82f6}.notification-item.important[data-v-c105e3ad]{border-left-color:#f59e0b}.notification-item.urgent[data-v-c105e3ad]{border-left-color:#dc2626}.notification-content[data-v-c105e3ad]{display:flex;flex:1;gap:1rem}.notification-icon[data-v-c105e3ad]{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.notification-icon.type-order[data-v-c105e3ad]{background:#dbeafe;color:#1e40af}.notification-icon.type-product[data-v-c105e3ad]{background:#fef3c7;color:#92400e}.notification-icon.type-system[data-v-c105e3ad]{background:#e5e7eb;color:#374151}.notification-icon.type-promotion[data-v-c105e3ad]{background:#fce7f3;color:#9f1239}.notification-icon.type-security[data-v-c105e3ad]{background:#dcfce7;color:#166534}.notification-icon.type-comment[data-v-c105e3ad],.notification-icon.type-review[data-v-c105e3ad]{background:#fef3c7;color:#92400e}.notification-body[data-v-c105e3ad]{flex:1}.notification-header[data-v-c105e3ad]{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.notification-title[data-v-c105e3ad]{color:#212529;font-size:1rem;font-weight:600;margin:0}.notification-meta[data-v-c105e3ad]{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.notification-time[data-v-c105e3ad]{color:#6c757d;font-size:.875rem}.notification-message[data-v-c105e3ad]{color:#495057;line-height:1.5;margin:0}.notification-data[data-v-c105e3ad]{background:transparent;border-radius:.25rem;margin-top:.5rem;padding:.5rem}.notification-actions[data-v-c105e3ad]{display:flex;flex-shrink:0;gap:.5rem}.notification-actions .btn[data-v-c105e3ad]{padding:.375rem .5rem}.load-more-container[data-v-c105e3ad]{border-top:1px solid #dee2e6;margin-top:3rem;padding-top:2rem;text-align:center}.breadcrumb-nav[data-v-c105e3ad]{margin-bottom:1rem;padding:1rem 0}.breadcrumb[data-v-c105e3ad]{align-items:center;background:transparent;display:flex;font-size:.8rem;list-style:none;margin:0;padding:0}.breadcrumb-item[data-v-c105e3ad]{align-items:center;display:inline-flex}.breadcrumb-link[data-v-c105e3ad]{color:var(--hover-color);text-decoration:none;transition:color .2s ease}.breadcrumb-link[data-v-c105e3ad]:hover{color:var(--active-color);text-decoration:underline}.breadcrumb-item+.breadcrumb-item[data-v-c105e3ad]:before{color:#6c757d;content:"/";font-weight:400;margin:0 .5rem}@media (max-width:768px){.breadcrumb[data-v-c105e3ad]{font-size:.75rem}.breadcrumb-item+.breadcrumb-item[data-v-c105e3ad]:before{margin:0 .25rem}.notification-item[data-v-c105e3ad]{flex-direction:column}.notification-actions[data-v-c105e3ad]{align-self:flex-end}}