.notifications-page{background:#f4f7fb}.notifications-content{padding-top:24px;padding-bottom:36px}.notifications-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 14px;color:#8090a5;font-size:9px;font-weight:750}.notifications-breadcrumb a{color:#1762d5}.notifications-breadcrumb strong{color:#18304f}.customer-nav a em{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#fff;color:#1765e7;font-size:8px;font-style:normal;font-weight:900}.customer-notification.is-current{background:#f0f6ff;border-color:#cbdcf2;color:#1763df}
.notifications-hero{min-height:150px;border-radius:18px;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:center;background:radial-gradient(circle at 82% -25%,rgba(70,145,244,.27),transparent 45%),linear-gradient(132deg,#082752 0%,#0a3a7b 56%,#0b5bbb 100%);box-shadow:0 15px 34px rgba(12,67,143,.12);color:#fff;overflow:hidden;position:relative}.notifications-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:95px;top:-190px;box-shadow:0 0 0 52px rgba(255,255,255,.018)}.notifications-hero-copy{position:relative;z-index:1}.notifications-kicker,.notifications-section-kicker{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.15em;font-weight:850}.notifications-kicker{color:#c9def8}.notifications-kicker i,.notifications-section-kicker i{width:6px;height:6px;border-radius:50%;background:#39d99d;box-shadow:0 0 0 4px rgba(57,217,157,.11)}.notifications-section-kicker{color:#5f7694}.notifications-section-kicker i{background:#1767e7;box-shadow:0 0 0 4px rgba(23,103,231,.08)}.notifications-hero h1{font-size:27px;line-height:1.12;margin:10px 0 7px;letter-spacing:-.035em}.notifications-hero-copy p{max-width:680px;margin:0;color:#bdd3ec;font-size:10px;line-height:1.65}.notifications-hero-card{position:relative;z-index:2;display:grid;grid-template-columns:48px 1fr;column-gap:12px;row-gap:10px;align-items:center;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:15px;box-shadow:0 12px 30px rgba(0,25,59,.13);color:#16304e}.notifications-unread-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#1765e7}.notifications-unread-icon svg{width:21px!important;height:21px!important;stroke-width:2!important}.notifications-unread-copy small{display:block;color:#7c8b9c;font-size:7px;letter-spacing:.12em;font-weight:850}.notifications-unread-copy b{display:block;margin-top:2px;font-size:12px;color:#0a2850}.notifications-unread-copy b span{font-size:18px;color:#1766e7;margin-right:3px}.notifications-unread-copy p{margin:2px 0 0;color:#8b98a8;font-size:7.5px}.notifications-read-all{grid-column:1/-1;height:37px;border:0;border-radius:9px;background:linear-gradient(135deg,#1768e8,#0b4db6);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(13,79,183,.18);transition:.18s ease}.notifications-read-all:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,79,183,.24)}.notifications-read-all svg{width:13px!important;height:13px!important;stroke-width:2.4!important}
.notifications-toolbar{margin-top:16px;background:#fff;border:1px solid #dfe7f0;border-radius:14px;min-height:61px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 7px 21px rgba(17,44,78,.025)}.notifications-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.notifications-filter-group button{height:34px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:#60738c;font-size:8.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.18s ease}.notifications-filter-group button:hover{background:#f4f8fd;color:#174a86}.notifications-filter-group button.is-active{background:#eaf2ff;border-color:#d5e4fa;color:#1763df}.notifications-filter-group button span{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#fff;border:1px solid #dfe7f0;display:grid;place-items:center;font-size:7px}.notifications-filter-group button.is-active span{background:#1765e7;border-color:#1765e7;color:#fff}.notifications-clear-read{height:34px;padding:0 12px;border:1px solid #e1e8f0;border-radius:8px;background:#fff;color:#69798c;font-size:8px;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;transition:.18s ease}.notifications-clear-read:hover{background:#fff7f7;border-color:#f1d4d6;color:#d74b55}.notifications-clear-read svg{width:13px!important;height:13px!important}
.notifications-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.58fr);gap:17px;align-items:start;margin-top:16px}.notifications-list-card,.notification-side-card{background:#fff;border:1px solid #dfe7f0;border-radius:15px;box-shadow:0 8px 24px rgba(17,44,78,.035)}.notifications-list-card{overflow:hidden}.notifications-list-head{min-height:70px;padding:17px 20px 14px;border-bottom:1px solid #edf1f5;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.notifications-list-head h2{font-size:17px;letter-spacing:-.02em;margin:6px 0 0;color:#0b2445}.notifications-list-note{color:#8b98aa;font-size:8px;padding-bottom:2px}.notifications-list{position:relative}.notification-item{min-height:115px;padding:18px 20px;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:14px;border-bottom:1px solid #edf1f5;position:relative;transition:background .18s ease,opacity .18s ease}.notification-item:last-of-type{border-bottom:0}.notification-item:hover{background:#fbfdff}.notification-item.is-unread{background:linear-gradient(90deg,#f6faff 0%,#fff 58%)}.notification-item.is-unread:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 99px 99px 0;background:#1767e7}.notification-item.is-hidden{display:none}.notification-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#edf3fb;color:#315e91;align-self:start}.notification-icon svg{width:19px!important;height:19px!important;stroke-width:1.9!important}.notification-icon.is-report{background:#f0eaff;color:#7049df}.notification-icon.is-order{background:#e9f8f0;color:#129358}.notification-icon.is-media{background:#fff0f6;color:#d94e86}.notification-icon.is-order-soft{background:#eaf2ff;color:#1765e7}.notification-icon.is-operation{background:#ecf4ff;color:#356fab}.notification-icon.is-payment{background:#fff4dc;color:#c9890b}.notification-icon.is-support{background:#eaf5ff;color:#1580b4}.notification-heading{display:flex;align-items:center;gap:10px;margin-top:1px}.notification-type{font-size:7px;letter-spacing:.11em;font-weight:900;color:#1764df}.notification-heading time{color:#96a2b1;font-size:7.5px}.notification-copy h3{font-size:12px;line-height:1.3;margin:6px 0 5px;color:#0c2849}.notification-copy p{font-size:8.5px;line-height:1.55;color:#748399;margin:0;max-width:760px}.notification-copy p b{color:#25496d}.notification-copy a{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#125ac8;font-size:8.5px;font-weight:850}.notification-copy a:hover span{transform:translateX(2px)}.notification-copy a span{transition:.18s ease}.notification-read-toggle{width:28px;height:28px;border-radius:8px;border:1px solid #dfe7f0;background:#fff;display:grid;place-items:center;cursor:pointer;align-self:start;transition:.18s ease}.notification-read-toggle span{width:8px;height:8px;border-radius:50%;background:#c4cfda;transition:.18s ease}.notification-item.is-unread .notification-read-toggle{border-color:#cfe0f7;background:#f1f7ff}.notification-item.is-unread .notification-read-toggle span{background:#1767e7;box-shadow:0 0 0 4px rgba(23,103,231,.09)}.notification-read-toggle:hover{border-color:#aac4e5}.notifications-date-separator{height:33px;display:flex;align-items:center;gap:12px;background:#fbfcfe;border-bottom:1px solid #edf1f5;padding:0 20px}.notifications-date-separator:after{content:"";height:1px;background:#e8eef5;flex:1}.notifications-date-separator span{font-size:7.5px;font-weight:850;color:#7b8da3;text-transform:uppercase;letter-spacing:.1em}.notifications-date-separator.is-hidden{display:none}.notifications-empty{padding:60px 20px;text-align:center}.notifications-empty>span{width:48px;height:48px;border-radius:50%;background:#eaf8f1;color:#11a361;display:grid;place-items:center;margin:0 auto 10px}.notifications-empty>span svg{width:21px!important;height:21px!important;stroke-width:2.4!important}.notifications-empty h3{font-size:13px;margin:0 0 5px}.notifications-empty p{font-size:8.5px;color:#8693a4;margin:0}
.notifications-side{display:flex;flex-direction:column;gap:13px}.notification-side-card{padding:19px}.notification-side-card h3{font-size:13px;letter-spacing:-.015em;margin:8px 0 6px;color:#0b2648}.notification-side-intro,.notification-side-card p{font-size:8.5px;line-height:1.55;color:#7b899b;margin:0}.notification-summary-card{padding-bottom:12px}.notification-summary-row{min-height:40px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8.5px}.notification-summary-row:first-of-type{margin-top:13px}.notification-summary-row>span{display:flex;align-items:center;gap:8px;color:#60728b}.notification-summary-row>b{color:#0f9159;font-size:8px;background:#ecf9f2;border-radius:99px;padding:4px 7px}.summary-dot{width:7px;height:7px;border-radius:50%;display:block}.summary-dot.is-blue{background:#1767e7}.summary-dot.is-violet{background:#7548df}.summary-dot.is-green{background:#17a664}.summary-dot.is-amber{background:#e4a31f}.notification-status-card{display:grid;grid-template-columns:43px 1fr;gap:13px}.notification-side-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#eaf2ff;color:#1765e7}.notification-side-icon svg{width:19px!important;height:19px!important}.notification-status-card h3{margin-top:6px}.notification-help-card{display:grid;grid-template-columns:43px 1fr;gap:13px;background:linear-gradient(145deg,#0a3674,#082b5c);border-color:#123e78;color:#fff}.notification-help-card h3{color:#fff;margin-top:1px}.notification-help-card p{color:#a8c2df}.notification-help-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#d7e8fb}.notification-help-icon svg{width:19px!important;height:19px!important}.notification-help-card a{display:inline-flex;gap:5px;align-items:center;margin-top:10px;color:#fff;font-size:8.5px;font-weight:850}.notifications-toast{position:fixed;right:23px;bottom:23px;z-index:160;max-width:360px;padding:12px 14px;border-radius:11px;background:#082c60;color:#fff;box-shadow:0 15px 38px rgba(4,27,59,.24);font-size:9px;font-weight:800;transform:translateY(16px);opacity:0;pointer-events:none;transition:.22s ease}.notifications-toast.is-visible{transform:translateY(0);opacity:1}
@media(max-width:1120px){.notifications-hero{grid-template-columns:minmax(0,1fr) 340px}.notifications-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.62fr)}}
@media(max-width:920px){.notifications-hero{grid-template-columns:1fr}.notifications-hero-card{max-width:480px}.notifications-layout{grid-template-columns:1fr}.notifications-side{display:grid;grid-template-columns:1fr 1fr}.notification-summary-card{grid-row:span 2}}
@media(max-width:820px){.notifications-content{padding-top:18px}.notifications-toolbar{align-items:flex-start;flex-direction:column}.notifications-filter-group{width:100%}.notifications-clear-read{align-self:flex-end}}
@media(max-width:620px){.notifications-content{padding-top:12px}.notifications-breadcrumb{margin-bottom:10px}.notifications-hero{padding:19px;border-radius:15px;gap:18px}.notifications-hero h1{font-size:23px}.notifications-hero-card{grid-template-columns:42px 1fr;padding:13px}.notifications-unread-icon{width:42px;height:42px}.notifications-toolbar{padding:9px}.notifications-filter-group{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.notifications-filter-group button{white-space:nowrap}.notifications-clear-read{width:100%;justify-content:center}.notifications-list-head{align-items:flex-start;flex-direction:column;padding:16px}.notifications-list-note{display:none}.notification-item{grid-template-columns:40px minmax(0,1fr) 25px;gap:10px;padding:15px}.notification-icon{width:40px;height:40px}.notification-copy h3{font-size:11px}.notification-copy p{font-size:8px}.notifications-side{grid-template-columns:1fr}.notification-summary-card{grid-row:auto}.notification-side-card{padding:16px}.notifications-toast{left:14px;right:14px;bottom:14px;max-width:none}}