.notification-management{display:grid;gap:16px;position:relative}.notification-page-actions{position:absolute;right:0;top:-74px}.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #dfe4ec;border-radius:15px;overflow:hidden}.notification-summary article{display:grid;gap:5px;min-height:112px;padding:21px 25px;border-right:1px solid #e5e9ef}.notification-summary article:last-child{border-right:0}.notification-summary small{color:#748198;font-size:12px;font-weight:800;letter-spacing:.06em}.notification-summary strong{color:#10203d;font-size:25px}.notification-summary span{color:#718097;font-size:12px}.notification-tabs{display:flex;width:max-content;max-width:100%;padding:5px;background:#e9edf5;border-radius:12px;overflow:auto}.notification-tabs button{border:0;background:transparent;border-radius:9px;padding:11px 17px;color:#253651;font-weight:750;white-space:nowrap}.notification-tabs button.active{background:#fff;color:#df1262;box-shadow:0 2px 7px #15213a17}.notification-panel{background:#fff;border:1px solid #dfe4ec;border-radius:15px;overflow:hidden}.notification-panel>header{padding:20px 24px;border-bottom:1px solid #e5e9ef}.notification-panel h2{margin:0;color:#14233e;font-size:17px}.notification-panel header p{margin:4px 0 0;color:#718097;font-size:12px}.notification-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.notification-channel-grid article{display:grid;align-content:start;min-height:255px;padding:23px;border-right:1px solid #e5e9ef}.notification-channel-grid article:last-child{border-right:0}.notification-channel-grid h3{margin:17px 0 6px;font-size:18px}.notification-channel-grid p{min-height:43px;margin:0 0 12px;color:#66758d;font-size:13px;line-height:1.5}.notification-channel-grid small{color:#53627a;font-size:12px}.notification-channel-grid button{margin-top:18px}.notification-badge{justify-self:start;border-radius:99px;padding:4px 8px;background:#eef1f6;color:#68758b;font-size:10px;font-weight:850}.notification-badge.on{background:#e3f6ed;color:#107751}.notification-rule{display:grid;grid-template-columns:1.3fr 1fr auto auto;gap:18px;align-items:center;padding:17px 23px;border-bottom:1px solid #e8ebf0}.notification-rule:last-child{border-bottom:0}.notification-rule strong,.notification-rule small{display:block}.notification-rule strong{font-size:13px}.notification-rule small{margin-top:3px;color:#77849a;font-size:11px}.notification-rule>span{color:#53627a;font-size:12px}.notification-rule label{display:flex;align-items:center;gap:7px;color:#40506a;font-size:12px;font-weight:700}.notification-rule input,.notification-enabled input,.notification-form .check input{accent-color:#dd1765}.notification-template-select{padding:18px 23px 0}.notification-template-select select{width:min(480px,100%)}.notification-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 23px}.notification-form label,.notification-test label{display:grid;gap:6px;color:#526078;font-size:12px;font-weight:750}.notification-form input,.notification-form textarea,.notification-form select,.notification-test input,.notification-template-select select{width:100%;border:1px solid #d6dde8;border-radius:9px;padding:11px 12px;background:#fff;color:#26344c;font-size:13px;outline:0}.notification-form input:focus,.notification-form textarea:focus,.notification-form select:focus,.notification-test input:focus{border-color:#dd4f88;box-shadow:0 0 0 3px #dd176513}.notification-form .wide{grid-column:1/-1}.notification-form .check{display:flex;align-items:center}.notification-form .check input{width:auto}.notification-form .form-actions{display:flex;justify-content:flex-end}.notification-table{width:100%;min-width:900px;border-collapse:collapse}.notification-table th,.notification-table td{padding:12px 15px;border-bottom:1px solid #e8ebf0;text-align:left}.notification-table th{background:#fafbfc;color:#69758a;font-size:11px}.notification-table td{font-size:12px}.notification-loading,.notification-error{background:#fff;border:1px solid #dfe4ec;border-radius:13px;padding:28px;color:#64728a;text-align:center}.notification-error{background:#fff4f6;border-color:#efc7d0;color:#b52d48}.notification-dialog-backdrop{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:16px;background:#111c3199;backdrop-filter:blur(3px)}.notification-dialog{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 80px #0e182f55}.notification-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 22px;border-bottom:1px solid #e5e9ef}.notification-dialog>header small{color:#bd1858;font-size:10px;font-weight:850;letter-spacing:.08em}.notification-dialog>header h2{margin:5px 0 0;font-size:21px}.notification-dialog>header button{border:1px solid #d9e0e9;border-radius:9px;background:#fff;width:36px;height:36px;font-size:22px}.notification-enabled{display:flex;align-items:center;gap:8px;margin:0 23px 16px;color:#34435b;font-size:13px;font-weight:750}.notification-test{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:0 23px 20px;padding:15px;background:#f5f7fa;border:1px solid #dfe5ed;border-radius:11px}.notification-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #e5e9ef;background:#fafbfc}@media(max-width:900px){.notification-page-actions{position:static;display:flex;justify-content:flex-end}.notification-summary,.notification-channel-grid{grid-template-columns:1fr}.notification-summary article,.notification-channel-grid article{border-right:0;border-bottom:1px solid #e5e9ef}.notification-rule{grid-template-columns:1fr}.notification-form{grid-template-columns:1fr}.notification-form .wide{grid-column:auto}.notification-test{grid-template-columns:1fr}.notification-dialog-backdrop{padding:8px}.notification-dialog{max-height:96vh;border-radius:15px}}