.notification-main{max-width:1100px;margin:0 auto;padding:28px}.notification-main>header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.notification-main .brand{margin-right:auto}.notification-main .brand img{width:190px;height:auto}.notification-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.notification-bell{display:inline-flex;background:#fff0b5;color:#986200;border-radius:11px;padding:7px;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center}.notification-bell svg{width:23px;height:23px}.notification-nav .route-button{display:inline-flex;align-items:center;gap:8px}.notification-settings{padding:28px;border:1px solid #d8e4f5;border-radius:24px;background:linear-gradient(120deg,#eff7ff,#ecfbf6);display:flex;align-items:flex-start;gap:20px;margin-bottom:32px}.notification-settings p{line-height:1.6}.notification-large-icon{background:#fff0b5;color:#986200;padding:14px;border-radius:18px;flex:0 0 62px}.notification-large-icon svg{width:34px;height:34px}.notification-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.notification-status{color:#255ec6}.notification-item{display:flex;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid #dce5f5;border-radius:18px;margin:12px 0;text-decoration:none;color:#24365e}.notification-item.unread{border-left:5px solid #3974ff;background:#f3f7ff}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item p{margin:8px 0;line-height:1.5;overflow-wrap:anywhere}.notification-item small{color:#647697}.notification-item strong{overflow-wrap:anywhere}.notification-empty{padding:28px;border:1px dashed #a8bfdf;border-radius:18px;line-height:1.6}.notification-error{color:#ab2739}.notification-command{display:block;white-space:normal;overflow-wrap:anywhere;padding:16px;background:#fff;border-radius:12px}.notification-main button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.notification-main{padding:18px}.notification-main>header .brand{width:100%}.notification-settings{padding:20px;flex-direction:column}.notification-item{padding:16px;gap:10px}.notification-main h1{font-size:30px}.notification-main h2{font-size:23px}.notification-main .heading{gap:12px}}