.notifications-page{max-width:1500px}.notification-head-badge{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #cfe1ef;border-radius:9px;color:#277ab7;background:#eff8ff;font-size:9px;font-weight:800}.notification-head-badge svg{width:15px}.notification-callout{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:15px 18px;border:1px solid #dce7f0;border-radius:11px;background:linear-gradient(100deg,#eef7ff,#f7f3ff)}.notification-callout>svg{width:31px;height:31px;padding:7px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#509ee3,#7b5ce0)}.notification-callout b{font-size:11px}.notification-callout p{margin:3px 0 0;color:#768b9a;font-size:9px}.notification-center{min-height:540px}.notification-tabs{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-card)}.notification-tabs>button:not(.primary){display:flex;align-items:center;gap:7px;min-height:37px;padding:0 12px;border:0;border-radius:7px;color:#6c8191;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.notification-tabs>button.active{color:#2677b8;background:#eaf4fc}.notification-tabs svg{width:14px}.notification-tabs b{padding:2px 6px;border-radius:999px;background:var(--surface-card)}.notification-tabs .primary{margin-left:auto}.notification-success{padding:10px 13px;border:1px solid #bce5d2;border-radius:8px;color:#247254;background:#effaf5;font-size:9px}.notification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.notification-grid>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface-card);box-shadow:0 5px 16px #315e7d08}.notification-kind{display:grid;place-items:center;width:44px;height:44px;border-radius:10px}.notification-kind svg{width:20px}.notification-kind.message{color:#277cc0;background:#eaf5ff}.notification-kind.excel{color:#218059;background:#eaf8f1}.notification-kind.pie{color:#7452c6;background:#f2edff}.notification-grid article small{color:#91a2af;font-size:7px;font-weight:850;letter-spacing:.1em}.notification-grid article h3{margin:5px 0 4px;font-size:12px}.notification-grid article p{overflow:hidden;margin:0 0 9px;color:#8496a4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.notification-grid article em{padding:4px 7px;border-radius:5px;color:#7a629f;background:#f4effc;font-size:7px;font-style:normal;font-weight:750}.notification-card-actions{display:flex;gap:3px}.notification-card-actions button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:6px;color:#7f94a3;background:#f4f7f9;cursor:pointer}.notification-card-actions button:disabled{opacity:.3}.notification-card-actions svg{width:12px}.notification-empty{grid-column:1/-1;display:grid;min-height:360px;place-items:center;align-content:center;border:1px dashed #cbd9e3;border-radius:11px;background:var(--surface-card);text-align:center}.notification-empty>svg{width:36px;height:36px;color:#9fbcd1}.notification-empty h2{margin:13px 0 4px;font-size:16px}.notification-empty p{margin:0 0 15px;color:#8799a6;font-size:9px}.notification-history{overflow:hidden;margin-top:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-card)}.notification-history>article{display:grid;grid-template-columns:8px 1fr auto 150px;align-items:center;gap:11px;padding:14px;border-bottom:1px solid #edf1f4}.notification-history>article>span{width:8px;height:8px;border-radius:50%}.notification-history .sent{background:#2db77e}.notification-history .failed{background:#df5b5b}.notification-history b,.notification-history small{display:block}.notification-history b{font-size:10px}.notification-history small,.notification-history time{margin-top:3px;color:#8b9ba7;font-size:8px}.notification-history em{padding:4px 7px;border-radius:5px;background:#f1f5f8;font-size:7px;font-style:normal}.notification-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#102b438c}.notification-modal>form{width:min(1080px,96vw);max-height:94vh;overflow:auto;border-radius:14px;background:#f8fafc;box-shadow:0 28px 90px #0005}.notification-modal form>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--surface-card)}.notification-modal h2{margin:3px 0 0;font-size:18px}.notification-modal header small{color:#509ee3;font-size:7px;font-weight:850;letter-spacing:.13em}.notification-modal header button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;color:#708696;background:#f1f5f8}.notification-modal header svg{width:15px}.notification-form-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:17px;padding:18px}.notification-fields{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface-card)}.notification-fields label{display:grid;gap:6px;color:#5d7384;font-size:8px;font-weight:800}.notification-fields input,.notification-fields select,.notification-fields textarea{width:100%;min-width:0;padding:9px;border:1px solid #dce5ec;border-radius:7px;color:#3d5668;background:var(--surface-card);font-size:9px;resize:vertical}.notification-fields input,.notification-fields select{height:38px}.notification-fields fieldset{margin:0;padding:0;border:0}.notification-fields legend{margin-bottom:7px;color:#5d7384;font-size:8px;font-weight:800}.delivery-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.delivery-types>button{display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:11px;border:1px solid var(--line);border-radius:9px;color:#607789;background:var(--surface-card);text-align:left;cursor:pointer}.delivery-types>button[aria-pressed=true]{border-color:#78b2df;box-shadow:0 0 0 2px #509ee326;background:#f4faff}.delivery-types svg{grid-row:span 2;width:18px;color:#509ee3}.delivery-types b{font-size:9px}.delivery-types small{font-size:7px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.variable-chips{display:flex;flex-wrap:wrap;gap:5px}.variable-chips button{padding:5px 7px;border:0;border-radius:5px;color:#7655bd;background:#f1ecfc;font-size:7px;cursor:pointer}.notification-fields .check{display:flex;align-items:center;gap:7px}.notification-fields .check input{width:15px;height:15px}.notification-preview{position:sticky;top:91px;align-self:start;padding:17px;border:1px solid #d7e2eb;border-radius:11px;background:linear-gradient(145deg,#10243a,#1d3c5b)}.notification-preview>small{color:#8ebee5;font-size:7px;font-weight:850;letter-spacing:.13em}.notification-preview>div{margin-top:12px;padding:17px;border-radius:10px;background:var(--surface-card)}.notification-preview b{font-size:12px}.notification-preview p{white-space:pre-wrap;color:#667c8c;font-size:9px;line-height:1.6}.notification-preview button{padding:7px 9px;border:0;border-radius:6px;color:white;background:#509ee3;font-size:8px;font-weight:800}.fake-pie{display:block;width:145px;height:145px;margin:20px auto;border-radius:50%;background:conic-gradient(#509ee3 0 40%,#7357d8 40% 68%,#25a77d 68% 86%,#f2a33b 86%)}.notification-modal form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:7px;padding:13px 22px;border-top:1px solid var(--line);background:var(--surface-card)}.notification-modal footer svg{width:13px}@media(max-width:1050px){.notification-grid{grid-template-columns:1fr 1fr}.notification-form-layout{grid-template-columns:1fr}.notification-preview{position:static}}@media(max-width:700px){.notification-grid{grid-template-columns:1fr}.notification-tabs{flex-wrap:wrap}.notification-tabs .primary{width:100%;margin:0}.delivery-types,.form-pair{grid-template-columns:1fr}.notification-history>article{grid-template-columns:8px 1fr auto}.notification-history time{display:none}}