.cp-notify-bell{position:fixed;right:22px;top:18px;z-index:1200;width:46px;height:46px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;box-shadow:0 10px 30px #1118271a;font-size:20px;cursor:pointer;display:grid;place-items:center}.cp-notify-bell b{position:absolute;right:-4px;top:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font:700 11px/21px system-ui;border:2px solid #fff}.cp-side-notify-count{float:right;min-width:20px;text-align:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;padding:1px 6px}.cp-notify-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.cp-notify-head h2{margin:0 0 5px}.cp-notify-head p{margin:0;color:#6b7280}.cp-notify-actions{display:flex;gap:10px}.cp-notify-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.cp-notify-tabs button{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;font-weight:700;color:#4b5563}.cp-notify-tabs button.active{background:#6d3df5;color:#fff;border-color:#6d3df5}.cp-notification-list{display:grid;gap:10px}.cp-notification{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 18px #1118270a}.cp-notification.unread{border-color:#c4b5fd;background:linear-gradient(90deg,#f5f3ff,#fff)}.cp-notify-icon{width:44px;height:44px;border-radius:14px;background:#ede9fe;display:grid;place-items:center;font-size:20px}.cp-notify-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-notify-copy h3{margin:0;font-size:15px}.cp-notify-copy time{white-space:nowrap;color:#9ca3af;font-size:12px}.cp-notify-copy p{margin:5px 0 0;color:#4b5563}.cp-notify-copy small{display:block;margin-top:7px;color:#6b7280}.cp-notify-row-actions{display:flex;gap:6px}.cp-notify-row-actions button{border:0;background:#f3f4f6;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700;color:#4b5563}.cp-notify-row-actions button[data-open]{background:#6d3df5;color:#fff}.cp-notify-empty{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #d1d5db;border-radius:18px;color:#6b7280}.cp-notify-empty span{font-size:38px}.cp-notify-empty h3{color:#111827;margin:12px 0 4px}@media(max-width:760px){.cp-notify-bell{right:12px;top:12px;width:42px;height:42px}.cp-notify-head{align-items:flex-start;flex-direction:column}.cp-notify-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.cp-notification{grid-template-columns:42px 1fr}.cp-notify-row-actions{grid-column:1/-1;justify-content:flex-end}.cp-notify-copy>div{align-items:flex-start;flex-direction:column;gap:3px}}