.prorank-notifications-feed{display:flex;flex-direction:column;gap:20px}.prorank-notifications-filters{background:#fff;border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.prorank-notifications-filters .components-flex{gap:12px!important}.prorank-notifications-filters .components-select-control__input{min-width:150px;height:38px;font-size:13px;border-radius:8px;border:1px solid var(--pr-gray-300, #d4d4d8);background:var(--pr-gray-50, #fafafa);transition:all .15s ease}.prorank-notifications-filters .components-select-control__input:hover{border-color:var(--pr-primary, #2563eb);background:#fff}.prorank-notifications-filters .components-select-control__input:focus{border-color:var(--pr-primary, #2563eb);box-shadow:0 0 0 2px #4338ca26;background:#fff;outline:none}.prorank-notifications-filters .components-button.is-tertiary{height:38px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--pr-gray-600, #52525b);background:transparent;border:1px solid var(--pr-gray-200, #e4e4e7);transition:all .15s ease}.prorank-notifications-filters .components-button.is-tertiary:hover{background:var(--pr-gray-50, #fafafa);border-color:var(--pr-gray-300, #d4d4d8);color:var(--pr-gray-900, #18181b)}.prorank-notifications-filters .components-button.is-secondary{height:38px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:500;background:var(--pr-primary, #2563eb);color:#fff;border:none;transition:all .15s ease}.prorank-notifications-filters .components-button.is-secondary:hover{background:var(--pr-primary-dark, #1d4ed8)}.prorank-notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;background:#fff;border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:12px}.prorank-notifications-loading p{margin:0;color:var(--pr-gray-600, #52525b);font-size:14px}.prorank-notifications-skeleton{display:flex;flex-direction:column;gap:12px}.prorank-notification-skeleton{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:12px;animation:prorank-skeleton-pulse 1.5s ease-in-out infinite}.prorank-skeleton-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:prorank-skeleton-shimmer 1.5s infinite;flex-shrink:0}.prorank-skeleton-content{flex:1;display:flex;flex-direction:column;gap:10px}.prorank-skeleton-title{width:45%;height:18px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:prorank-skeleton-shimmer 1.5s infinite}.prorank-skeleton-message{width:80%;height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:prorank-skeleton-shimmer 1.5s infinite}@keyframes prorank-skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes prorank-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prorank-notifications-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px;background:#fff;border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:12px}.prorank-notifications-error svg{color:var(--pr-accent-red, #ef4444);width:48px;height:48px}.prorank-notifications-error p{margin:0;color:var(--pr-gray-700, #3f3f46);font-size:15px;max-width:300px}.prorank-notifications-empty{text-align:center;padding:80px 40px;background:linear-gradient(180deg,#fafbfc,#fff);border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:16px}.prorank-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;margin-bottom:24px;border-radius:50%;background:linear-gradient(135deg,#10b9811f,#10b9810f);box-shadow:0 8px 24px #10b9811f}.prorank-empty-icon svg{color:var(--pr-accent-green, #10b981);width:40px;height:40px}.prorank-notifications-empty h3{margin:0 0 12px;font-size:22px;font-weight:600;color:var(--pr-gray-900, #18181b);letter-spacing:-.02em}.prorank-notifications-empty p{font-size:15px;line-height:1.7;color:var(--pr-gray-500, #71717a);max-width:360px;margin:0 auto 28px}.prorank-empty-refresh.components-button{height:44px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:500;background:var(--pr-primary, #2563eb);color:#fff;border:none;transition:all .2s ease;box-shadow:0 4px 12px #4338ca40}.prorank-empty-refresh.components-button:hover{background:var(--pr-primary-dark, #1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #4338ca4d}.prorank-notifications-list{display:flex;flex-direction:column;gap:12px}.prorank-notification{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid var(--pr-gray-200, #e4e4e7);border-radius:12px;transition:all .2s ease}.prorank-notification:hover{border-color:var(--pr-gray-300, #d4d4d8);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.prorank-notification--info{border-left:4px solid var(--pr-accent-blue, #3b82f6)}.prorank-notification--warning{border-left:4px solid var(--pr-accent-orange, #f59e0b)}.prorank-notification--error{border-left:4px solid var(--pr-accent-red, #ef4444)}.prorank-notification--success{border-left:4px solid var(--pr-accent-green, #10b981)}.prorank-notification--tip{border-left:4px solid var(--pr-accent-purple, #3b82f6)}.prorank-notification--update{border-left:4px solid var(--pr-primary, #2563eb)}.prorank-notification--promo{border-left:4px solid var(--pr-primary-light, #3b82f6);background:linear-gradient(135deg,rgba(99,102,241,.03) 0%,transparent 100%)}.prorank-notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--pr-gray-50, #fafafa)}.prorank-notification--info .prorank-notification-icon{background:#3b82f61a;color:var(--pr-accent-blue, #3b82f6)}.prorank-notification--warning .prorank-notification-icon{background:#f59e0b1a;color:var(--pr-accent-orange, #f59e0b)}.prorank-notification--error .prorank-notification-icon{background:#ef44441a;color:var(--pr-accent-red, #ef4444)}.prorank-notification--success .prorank-notification-icon{background:#10b9811a;color:var(--pr-accent-green, #10b981)}.prorank-notification--tip .prorank-notification-icon{background:#8b5cf61a;color:var(--pr-accent-purple, #3b82f6)}.prorank-notification--update .prorank-notification-icon{background:#4338ca1a;color:var(--pr-primary, #2563eb)}.prorank-notification-content{flex:1;min-width:0}.prorank-notification-header h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--pr-gray-900, #18181b);line-height:1.4}.prorank-notification-message{display:block;margin:0 0 14px;font-size:14px;color:var(--pr-gray-600, #52525b);line-height:1.6}.prorank-notification-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--pr-gray-100, #f4f4f5)}.prorank-notification-time{font-size:12px;color:var(--pr-gray-400, #a1a1aa);font-weight:500}.prorank-priority-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;line-height:1.2}.prorank-priority--critical{background:#ef44441a;color:var(--pr-accent-red, #ef4444)}.prorank-priority--high{background:#f59e0b1a;color:var(--pr-accent-orange, #f59e0b)}.prorank-priority--medium{background:#3b82f61a;color:var(--pr-accent-blue, #3b82f6)}.prorank-priority--low{background:var(--pr-gray-100, #f4f4f5);color:var(--pr-gray-500, #71717a)}.prorank-notification-footer .components-button{height:32px;padding:0 14px;font-size:13px;font-weight:500;border-radius:8px}.prorank-notification-footer .components-button.is-primary{background:var(--pr-primary, #2563eb);border:none;box-shadow:0 2px 6px #4338ca33}.prorank-notification-footer .components-button.is-primary:hover{background:var(--pr-primary-dark, #1d4ed8)}.prorank-notification-footer .components-button.is-secondary{background:transparent;color:var(--pr-primary, #2563eb);border:1px solid var(--pr-gray-200, #e4e4e7)}.prorank-notification-footer .components-button.is-secondary:hover{background:var(--pr-gray-50, #fafafa);border-color:var(--pr-primary, #2563eb)}.prorank-notification-header .components-button.prorank-dismiss-btn{opacity:.6;padding:6px;border-radius:6px;transition:all .15s ease}.prorank-notification-header .components-button.prorank-dismiss-btn:hover,.prorank-notification-header .components-button.prorank-dismiss-btn:focus{opacity:1;background:var(--pr-gray-100, #f4f4f5)}@media(max-width:782px){.prorank-notifications-filters{padding:14px 16px}.prorank-notifications-filters .components-flex{flex-direction:column;align-items:stretch!important;gap:12px!important}.prorank-notifications-filters .components-flex .components-flex-item{width:100%}.prorank-notifications-filters .components-flex .components-flex-item .components-flex{flex-wrap:wrap}.prorank-notifications-filters .components-select-control__input{width:100%}}@media(max-width:600px){.prorank-notifications-empty{padding:50px 24px}.prorank-empty-icon{width:72px;height:72px}.prorank-empty-icon svg{width:32px;height:32px}.prorank-notifications-empty h3{font-size:18px}.prorank-notifications-empty p{font-size:14px}.prorank-notification{padding:16px}.prorank-notification-icon{display:none}.prorank-notification-footer .components-flex{flex-direction:column;align-items:stretch!important;gap:10px!important}.prorank-notification-footer .components-button{width:100%;justify-content:center}}