.notifications-page{box-sizing:border-box;color:#17273d;background:#eef2f6;min-height:100vh;padding:28px 32px 56px}.notifications-header,.notifications-error,.notifications-overview,.notifications-surface,.notifications-footer{width:min(1180px,100%);margin-left:auto;margin-right:auto}.notifications-header{justify-content:space-between;align-items:center;gap:24px;min-height:78px;margin-bottom:18px;display:flex}.notifications-identity{align-items:center;gap:15px;min-width:0;display:flex}.notifications-brand{background:0 0;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.notifications-brand picture,.notifications-brand img{width:100%;height:100%;display:block}.notifications-brand img{object-fit:contain}.notifications-eyebrow{color:#93a0af;letter-spacing:.13em;font-size:10px;font-weight:800;display:block}.notifications-header h1{color:#182b45;letter-spacing:-.03em;margin:5px 0 4px;font-size:22px;line-height:1.05}.notifications-header p{color:#728197;margin:0;font-size:12px;line-height:1.45}.notifications-actions{align-items:center;gap:7px;display:flex}.notifications-action{min-height:39px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:730;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.notifications-action:disabled{cursor:not-allowed;opacity:.55}.notifications-action svg{width:16px;height:16px}.notifications-action.secondary:hover{background:#f9fbfd;border-color:#cbd6e1}.notifications-action.primary{color:#fff;background:#2f68bb;border:1px solid #2f68bb}.notifications-action.primary:hover{background:#2a5eab;border-color:#2a5eab}.notifications-error{box-sizing:border-box;color:#a24c56;background:#fff7f8;border:1px solid #ead0d3;border-radius:10px;align-items:center;gap:9px;min-height:44px;margin-bottom:13px;padding:10px 13px;font-size:11px;display:flex}.notifications-error svg{flex:0 0 17px;width:17px;height:17px}.notifications-overview{background:#fff;border:1px solid #dce4ec;border-radius:12px;grid-template-columns:205px minmax(0,1fr);margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 4px 16px #182a4107}.notifications-overview-copy{border-right:1px solid #e8edf2;flex-direction:column;justify-content:center;padding:16px 15px;display:flex}.notifications-overview-copy span{color:#96a2b0;letter-spacing:.13em;font-size:9px;font-weight:800}.notifications-overview-copy strong{color:#2e425b;margin-top:6px;font-size:15px}.notifications-overview-copy small{color:#8b98a7;margin-top:4px;font-size:10px;line-height:1.45}.notifications-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.notifications-stat{border-right:1px solid #edf1f5;grid-template-rows:auto auto;grid-template-columns:31px minmax(0,1fr);align-content:center;column-gap:8px;min-width:0;padding:14px 12px;display:grid}.notifications-stat:last-child{border-right:0}.notifications-stat-icon{color:#52729a;background:#f0f4f8;border-radius:50%;grid-row:1/span 2;place-items:center;width:29px;height:29px;display:grid}.notifications-stat-icon svg{width:16px;height:16px}.notifications-stat-value{color:#243850;letter-spacing:-.025em;font-size:20px;font-weight:770;line-height:1}.notifications-stat-copy{min-width:0;margin-top:5px}.notifications-stat-copy strong{color:#65758b;letter-spacing:.08em;font-size:8px;display:block}.notifications-stat-copy span{color:#98a4b2;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;line-height:1.3;display:block;overflow:hidden}.notifications-stat.failed .notifications-stat-icon{color:#ae5c64;background:#fbf0f1}.notifications-stat.sent .notifications-stat-icon{color:#3b8062;background:#edf7f1}.notifications-stat.processing .notifications-stat-icon{color:#6b699c;background:#f1f0f8}.notifications-surface{background:#fff;border:1px solid #dce4ec;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #182a4107}.notifications-surface-head{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:flex-end;gap:18px;padding:18px 18px 15px;display:flex}.notifications-surface-head>div:first-child{min-width:0}.notifications-surface-head>div:first-child>span{color:#95a1af;letter-spacing:.13em;font-size:9px;font-weight:800}.notifications-surface-head h2{color:#243850;letter-spacing:-.02em;margin:5px 0 3px;font-size:17px;line-height:1.15}.notifications-surface-head p{color:#8b98a7;margin:0;font-size:10px;line-height:1.45}.notifications-search{box-sizing:border-box;background:#f9fbfd;border:1px solid #dde5ed;border-radius:9px;align-items:center;gap:8px;width:min(290px,100%);height:38px;padding:0 11px;display:flex}.notifications-search>svg{color:#93a0af;flex:0 0 16px;width:16px;height:16px}.notifications-search input{color:#2d4058;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:11px}.notifications-search input::placeholder{color:#9ca8b6}.notifications-search button{color:#8c99a8;cursor:pointer;background:0 0;border:0;border-radius:50%;width:25px;height:25px;font-size:18px;line-height:1}.notifications-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.notifications-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:980px}.notifications-table th,.notifications-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:12px 13px}.notifications-table th{color:#8f9baa;letter-spacing:.1em;text-transform:uppercase;background:#fbfcfe;font-size:8px;font-weight:800}.notifications-table td{color:#53647a;font-size:10px}.notifications-table tbody tr:hover{background:#fbfcfe}.notifications-table td strong{text-overflow:ellipsis;color:#34475f;max-width:190px;font-size:10px;font-weight:720;display:block;overflow:hidden}.notifications-table td small{color:#98a3b0;margin-top:3px;font-size:8px;display:block}.notifications-channel{color:#5f7086;font-weight:660}.notifications-recipient{text-overflow:ellipsis;max-width:220px;overflow:hidden}.notifications-status{color:#68788c;background:#f7f9fb;border:1px solid #dde5ed;border-radius:999px;align-items:center;gap:5px;min-height:23px;padding:0 7px;font-size:8px;font-weight:780;display:inline-flex}.notifications-status i{background:#9ca8b5;border-radius:50%;width:6px;height:6px}.notifications-status.pending{color:#7a6a36;background:#fffdf4;border-color:#e7dfbd}.notifications-status.pending i{background:#b79a39}.notifications-status.processing{color:#605b8b;background:#f8f7fd;border-color:#dddaf0}.notifications-status.processing i{background:#7772a8}.notifications-status.sent{color:#3e785e;background:#f2faf5;border-color:#cfe6d9}.notifications-status.sent i{background:#4e956f}.notifications-status.failed{color:#a14c55;background:#fff6f7;border-color:#edd1d4}.notifications-status.failed i{background:#be5c65}.notifications-status.canceled{color:#7b8795;background:#fafbfc;border-color:#dfe4e9}.notifications-error-text{white-space:normal;color:#7d8998;max-width:250px;line-height:1.4;display:block}.notifications-empty{box-sizing:border-box;text-align:center;align-content:center;place-items:center;gap:8px;min-height:230px;padding:35px 20px;display:grid}.notifications-empty-icon{color:#66809f;background:#f0f4f8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.notifications-empty-icon svg{width:20px;height:20px}.notifications-empty strong{color:#34475f;font-size:13px}.notifications-empty span{color:#909cab;font-size:10px}.notifications-footer{color:#99a4b1;justify-content:space-between;align-items:center;gap:15px;min-height:44px;padding-top:14px;font-size:9px;display:flex}@media (max-width:1000px){.notifications-page{padding:22px 20px 48px}.notifications-overview{grid-template-columns:1fr}.notifications-overview-copy{border-bottom:1px solid #e8edf2;border-right:0}.notifications-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notifications-stat:nth-child(3){border-right:0}.notifications-stat:nth-child(n+4){border-top:1px solid #edf1f5}}@media (max-width:700px){.notifications-page{padding:12px 10px 36px}.notifications-header{flex-direction:column;align-items:flex-start;gap:12px;min-height:70px}.notifications-actions{width:100%}.notifications-action{flex:1}.notifications-header h1{font-size:19px}.notifications-header p{font-size:10px}.notifications-surface-head{flex-direction:column;align-items:stretch;padding:15px 13px 13px}.notifications-search{width:100%}.notifications-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notifications-stat:nth-child(3){border-right:1px solid #edf1f5}.notifications-stat:nth-child(2n){border-right:0}.notifications-stat:nth-child(n+3){border-top:1px solid #edf1f5}.notifications-stat:last-child{border-right:0}.notifications-footer{font-size:8px}}@media (max-width:440px){.notifications-overview-copy{padding:14px 12px}.notifications-stat{grid-template-columns:28px minmax(0,1fr);padding:12px 10px}.notifications-stat-icon{width:26px;height:26px}.notifications-stat-value{font-size:18px}.notifications-stat-copy span{white-space:normal}.notifications-action{min-height:37px;padding:0 9px;font-size:10px}.notifications-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.notifications-action{transition:none}}.notifications-sms-provider{box-sizing:border-box;background:#fff;border:1px solid #dce4ec;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100%);margin:0 auto 14px;padding:14px 16px;display:flex}.notifications-sms-provider>div{min-width:0}.notifications-sms-eyebrow{color:#95a1af;letter-spacing:.13em;font-size:9px;font-weight:800;display:block}.notifications-sms-provider strong{color:#243850;margin-top:5px;font-size:13px;display:block}.notifications-sms-provider p{color:#718096;margin:4px 0 0;font-size:11px;line-height:1.5}.notifications-sms-state{letter-spacing:.06em;border-radius:6px;flex:none;padding:6px 9px;font-size:9px;font-weight:800}.notifications-sms-state.ready{color:#28684d;background:#edf7f1}.notifications-sms-state.disabled{color:#8b642d;background:#fbf4e8}@media (max-width:700px){.notifications-sms-provider{flex-direction:column;align-items:flex-start;gap:10px}}.notifications-bulk-surface,.notifications-campaigns-surface{margin:0 auto 18px}.notifications-bulk-form{gap:15px;padding:18px;display:grid}.notifications-bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.notifications-bulk-form label{color:#42546b;gap:7px;font-size:11px;font-weight:750;display:grid}.notifications-bulk-form input:not([type=checkbox]),.notifications-bulk-form select,.notifications-bulk-form textarea{box-sizing:border-box;color:#233750;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce4ec;border-radius:9px;outline:none;padding:11px 12px;font-size:12px;font-weight:450}.notifications-bulk-form textarea{resize:vertical;min-height:78px;line-height:1.55}.notifications-bulk-form input:focus,.notifications-bulk-form select:focus,.notifications-bulk-form textarea:focus{border-color:#7198cf;box-shadow:0 0 0 3px #2f68bb17}.notifications-bulk-wide{min-width:0}.notifications-bulk-form small{color:#8492a3;font-size:10px;font-weight:450;line-height:1.5}.notifications-bulk-confirm{background:#f8fafc;border:1px solid #e2e8ef;border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:start;padding:12px;line-height:1.5;gap:9px!important;font-weight:500!important;display:flex!important}.notifications-bulk-confirm input{accent-color:#2f68bb;width:16px;height:16px;margin:1px 0 0}.notifications-bulk-submit{justify-content:space-between;align-items:center;gap:18px;display:flex}.notifications-bulk-submit>span{color:#8492a3;max-width:600px;font-size:10px;line-height:1.55}.notifications-bulk-submit .notifications-action{flex:none}.notifications-bulk-success{color:#28704b;background:#f2faf5;border:1px solid #cfe5d8;border-radius:9px;padding:11px 13px;font-size:11px;line-height:1.5}@media (max-width:760px){.notifications-bulk-fields{grid-template-columns:1fr}.notifications-bulk-submit{flex-direction:column;align-items:stretch}.notifications-bulk-submit .notifications-action{width:100%}.notifications-bulk-form{padding:14px}}.notifications-table-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.notifications-action.secondary{color:#174ea6;background:#fff;border:1px solid #cbd8e8}.notifications-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 0 16px;display:flex}.notifications-filter-row>label{color:#64748b;flex-direction:column;gap:6px;min-width:145px;font-size:11px;font-weight:750;display:flex}.notifications-filter-row select{color:#1e293b;min-height:38px;font:inherit;background:#fff;border:1px solid #d7e0ea;border-radius:8px;padding:8px 10px;font-weight:500}.notifications-filter-count{color:#64748b;margin-left:auto;padding-bottom:10px;font-size:11px}@media (max-width:640px){.notifications-table-actions{justify-content:stretch;width:100%}.notifications-table-actions .notifications-search{flex:1;width:auto}.notifications-table-actions>.notifications-action{white-space:nowrap}.notifications-filter-row>label{flex:1;min-width:120px}.notifications-filter-count{width:100%;margin-left:0;padding-bottom:0}}
