.czors-notifications{width:100%;max-width:1050px;margin:0 auto}.czors-notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;border:1px solid var(--czors-border);border-radius:28px;background:radial-gradient(circle at top right,rgba(242,140,40,.14),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.czors-eyebrow{display:block;margin-bottom:9px;color:var(--czors-primary);font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.czors-notification-header h1{margin:0;color:var(--czors-text);font-size:42px;font-weight:900;line-height:1.08}.czors-notification-header p{max-width:600px;margin:10px 0 0;color:var(--czors-muted);font-size:15px;line-height:1.6}.czors-unread-badge{min-width:64px;height:64px;padding:0 14px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--czors-primary);color:#fff;font-size:26px;font-weight:900;box-shadow:0 14px 34px rgba(242,140,40,.22)}.czors-notification-list{display:grid;gap:14px}.czors-notification-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:18px 20px;border:1px solid var(--czors-border);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:transform .2s ease,border-color .2s ease,background .2s ease}.czors-notification-card:hover{transform:translateY(-2px);border-color:rgba(242,140,40,.35)}.czors-notification-card.unread{border-color:rgba(242,140,40,.28);background:linear-gradient(180deg,rgba(242,140,40,.10),rgba(255,255,255,.03))}.czors-notification-card.unread::before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:4px;border-radius:0 999px 999px 0;background:var(--czors-primary)}.czors-notification-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:var(--czors-primary)}.czors-notification-icon svg{width:24px;height:24px}.czors-notification-card:has(.czors-notification-icon [data-lucide="calendar-check"]) .czors-notification-icon{background:rgba(34,197,94,.14);color:#4ade80}.czors-notification-card:has(.czors-notification-icon [data-lucide="heart"]) .czors-notification-icon{background:rgba(244,114,182,.14);color:#f472b6}.czors-notification-card:has(.czors-notification-icon [data-lucide="badge-percent"]) .czors-notification-icon{background:rgba(242,140,40,.14);color:var(--czors-primary)}.czors-notification-card:has(.czors-notification-icon [data-lucide="bell"]) .czors-notification-icon{background:rgba(96,165,250,.14);color:#60a5fa}.czors-notification-content{min-width:0}.czors-notification-content h3{margin:0;color:var(--czors-text);font-size:18px;font-weight:900;line-height:1.3}.czors-notification-content p{margin:7px 0 0;color:var(--czors-muted);font-size:14px;line-height:1.55}.czors-notification-content>span{display:inline-block;margin-top:11px;color:var(--czors-muted);font-size:12px;font-weight:700}.czors-notification-card.unread .czors-notification-content h3{color:#fff}.czors-notification-empty{padding:54px 24px;border:1px solid var(--czors-border);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));text-align:center}.czors-notification-empty>svg{width:42px;height:42px;color:var(--czors-primary)}.czors-notification-empty h2{margin:15px 0 7px;color:var(--czors-text);font-size:24px;font-weight:900}.czors-notification-empty p{margin:0;color:var(--czors-muted);font-size:14px;line-height:1.6}@media (max-width:900px){.czors-notifications{width:100%;max-width:100%;padding:18px;padding-bottom:105px}.czors-notification-header{padding:21px;border-radius:24px;align-items:center}.czors-notification-header h1{font-size:31px}.czors-notification-header p{font-size:14px}.czors-unread-badge{min-width:52px;height:52px;border-radius:18px;font-size:22px}.czors-notification-card{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:16px;border-radius:20px}.czors-notification-icon{width:46px;height:46px;border-radius:15px}.czors-notification-icon svg{width:21px;height:21px}.czors-notification-content h3{font-size:16px}.czors-notification-content p{font-size:13px}.czors-notification-content>span{font-size:11px}}@media (max-width:420px){.czors-notification-header{align-items:flex-start}.czors-unread-badge{min-width:46px;height:46px;padding:0 10px;font-size:19px}.czors-notification-card{grid-template-columns:42px minmax(0,1fr);padding:15px}.czors-notification-icon{width:42px;height:42px}}.czors-notification-card{cursor:pointer}.czors-notification-card.loading{opacity:.65;pointer-events:none}.czors-notification-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.czors-notification-card{cursor:pointer}.czors-notification-card.loading{opacity:.65;pointer-events:none}@media (max-width:420px){.czors-notifications{padding:14px;padding-bottom:105px}.czors-notification-header{padding:18px}.czors-notification-header h1{font-size:29px}.czors-unread-badge{width:46px;min-width:46px;height:46px;border-radius:15px;font-size:19px}.czors-notification-card{grid-template-columns:42px minmax(0,1fr);padding:15px}.czors-notification-icon{width:42px;height:42px}}.czors-notification-link,.czors-notification-nav-link{position:relative}.czors-notification-badge{position:absolute;top:-6px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #111;border-radius:999px;background:#ff4d4f;color:#fff;font-size:10px;font-weight:700;line-height:1;box-sizing:border-box;z-index:20;transform-origin:center;animation:czorsNotificationBadgeIn 0.25s ease}.czors-notification-badge.is-hidden{display:none}.czors-notification-link{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.czors-notification-link .czors-notification-badge{position:absolute;top:-7px;right:-9px;z-index:999}@keyframes czorsNotificationBadgeIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.czors-notification-card{position:relative;transition:opacity 0.22s ease,transform 0.22s ease}.czors-notification-card.deleting{opacity:0;transform:translateX(16px);pointer-events:none}.czors-notification-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.czors-mark-all-read,.czors-clear-read{width:230px;height:54px;padding:0 20px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;font-family:inherit;font-size:15px;font-weight:800;line-height:1;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.2s ease}.czors-mark-all-read span,.czors-clear-read span{display:inline-block;color:inherit;line-height:1}.czors-mark-all-read svg,.czors-clear-read svg{width:20px;height:20px;min-width:20px;flex:0 0 20px;stroke-width:2.2}.czors-mark-all-read svg{color:var(--czors-primary);stroke:var(--czors-primary)}.czors-clear-read svg{color:#fff;stroke:#fff}.czors-mark-all-read:hover,.czors-mark-all-read:focus-visible,.czors-clear-read:hover,.czors-clear-read:focus-visible{background:var(--czors-primary);border-color:var(--czors-primary);color:#fff;transform:translateY(-1px);outline:none}.czors-mark-all-read:hover span,.czors-mark-all-read:focus-visible span,.czors-clear-read:hover span,.czors-clear-read:focus-visible span{color:#fff}.czors-mark-all-read:hover svg,.czors-mark-all-read:focus-visible svg,.czors-clear-read:hover svg,.czors-clear-read:focus-visible svg{color:#fff;stroke:#fff}.czors-mark-all-read:disabled{opacity:.45;cursor:not-allowed;transform:none}.czors-mark-all-read:disabled:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.55);color:#fff}.czors-mark-all-read:disabled:hover svg{color:var(--czors-primary);stroke:var(--czors-primary)}.czors-notification-card{position:relative;grid-template-columns:54px minmax(0,1fr) 48px;align-items:center}.czors-notification-content{min-width:0}.czors-notification-delete{width:48px;height:48px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:end;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.035);color:#fff;opacity:1;visibility:visible;cursor:pointer;appearance:none;-webkit-appearance:none;z-index:3;transition:background-color 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.czors-notification-delete svg{width:21px;height:21px;display:block;color:#ffffff!important;stroke:#ffffff!important;opacity:1!important;visibility:visible!important;stroke-width:2.3;pointer-events:none}.czors-notification-delete:hover,.czors-notification-delete:focus-visible{background:var(--czors-primary);border-color:var(--czors-primary);transform:scale(1.05);outline:none}.czors-notification-delete:hover svg,.czors-notification-delete:focus-visible svg{color:#ffffff!important;stroke:#ffffff!important}.czors-notification-card.deleting{opacity:0;transform:translateX(16px);pointer-events:none}@media (max-width:1100px){.czors-notification-header{flex-direction:column}.czors-notification-header-actions{width:100%;justify-content:flex-start}.czors-mark-all-read,.czors-clear-read{width:210px}}@media (max-width:767px){.czors-notification-header{display:block}.czors-notification-header-actions{width:100%;margin-top:18px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.czors-mark-all-read,.czors-clear-read{width:100%;min-width:0;height:46px;padding:0 10px;gap:7px;border-radius:11px;font-size:11px;letter-spacing:.7px}.czors-mark-all-read svg,.czors-clear-read svg{width:17px;height:17px;min-width:17px;flex-basis:17px}.czors-notification-card{grid-template-columns:46px minmax(0,1fr) 42px;gap:12px}.czors-notification-delete{width:42px;height:42px}.czors-notification-delete svg{width:19px;height:19px}}@media (max-width:520px){.czors-notification-header-actions{grid-template-columns:1fr 1fr}.czors-unread-badge{grid-column:1 / -1;justify-self:end}.czors-notification-card{grid-template-columns:42px minmax(0,1fr) 38px;gap:10px}.czors-notification-delete{width:38px;height:38px}.czors-notification-delete svg{width:18px;height:18px}}