.noti-container{background:var(--white);min-height:100vh;font-family:var(--font);color:var(--text);flex-direction:column;max-width:480px;margin:0 auto;padding-bottom:70px;display:flex}.noti-header{background:var(--white);z-index:100;border-bottom:1px solid var(--border);align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.noti-header .back-btn{color:var(--primary);margin-right:12px;font-size:24px;text-decoration:none}.noti-header h1{color:var(--title);font-size:18px;font-family:var(--font_m);text-align:center;flex:1}.noti-header-actions{align-items:center;gap:16px;display:flex}.noti-header-actions .icon-btn{color:var(--text);font-size:22px;position:relative}.noti-badge{background:var(--red);color:var(--white);font-size:10px;font-family:var(--font_b);border-radius:10px;padding:2px 5px;position:absolute;top:0;right:-5px}.noti-section-title{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.noti-section-title h2{font-size:14px;font-family:var(--font_m);color:var(--title)}.noti-tabs-wrapper{white-space:nowrap;border-bottom:1px solid var(--border);padding:3px 8px 0;display:flex;overflow-x:auto}.noti-tabs-wrapper::-webkit-scrollbar{display:none}.noti-tab{cursor:pointer;color:var(--text-sub);flex-direction:column;align-items:center;gap:6px;padding:5px 7px;display:flex;position:relative}.noti-tab-icon{font-size:16px}.noti-tab-text{white-space:normal;text-align:center;height:24px;font-size:12px;line-height:1.3}.noti-tab.active{color:var(--primary);font-family:var(--font_b)}.noti-tab.active:after{content:"";background:var(--primary);width:50%;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.noti-list{flex-direction:column;display:flex}.noti-item{border-bottom:1px solid var(--border);background:var(--white);gap:12px;padding:16px;text-decoration:none;display:flex}.noti-item.unread{background:#fdf5f5}.noti-item-img{object-fit:cover;border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:48px;height:48px}.noti-item-content{flex:1}.noti-item-title{font-size:13px;font-family:var(--font_m);color:var(--title);margin-bottom:4px;line-height:1.4}.noti-item-desc{color:var(--text);margin-bottom:6px;font-size:12px;line-height:1.7}.noti-item-time{color:var(--text-sub);font-size:11px}@media (min-width:992px){.noti-container{width:100%;max-width:none;margin:0}.noti-desktop-page{background:radial-gradient(circle at 8% 16%,#18b2c614,#0000 25%),#f6f8fb;min-height:100vh}.noti-desktop-main{width:min(1360px,100% - 64px);margin:0 auto;padding:52px 0 70px}.noti-desktop-hero{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.noti-desktop-eyebrow{color:var(--primary);font-family:var(--font_b);letter-spacing:1.4px;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:inline-flex}.noti-desktop-hero h1{color:var(--title);letter-spacing:-.8px;margin-bottom:9px;font-size:28px}.noti-desktop-hero p{color:#698095;font-size:14px}.noti-mark-read{color:#496277;font-family:var(--font_m);background:#fff;border:1px solid #d7e2ec;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;transition:all .18s;display:inline-flex}.noti-mark-read:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 8px 22px #2b78d41a}.noti-desktop-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px;display:grid}.noti-desktop-summary>div{background:#ffffffd6;border:1px solid #e2e9f0;border-radius:14px;align-items:center;gap:13px;padding:16px 18px;display:flex}.noti-desktop-summary>div>i{width:38px;height:38px;color:var(--primary);background:#edf5ff;border-radius:11px;justify-content:center;align-items:center;font-size:16px;display:flex}.noti-desktop-summary>div:nth-child(2)>i{color:#e55c68;background:#fff0f1;font-size:8px}.noti-desktop-summary>div:nth-child(3)>i{color:#159b78;background:#eaf9f4}.noti-desktop-summary span{color:#7a8da0;flex-direction:column;gap:2px;font-size:10.5px;display:flex}.noti-desktop-summary strong{color:#233f56;font-size:18px}.noti-desktop-layout{grid-template-columns:230px minmax(500px,1fr) 235px;align-items:start;gap:24px;display:grid}.noti-desktop-sidebar,.noti-desktop-feed,.noti-aside-card{background:#fffffff0;border:1px solid #e1e8ef;border-radius:16px;box-shadow:0 12px 35px #1e3a6c0b}.noti-desktop-sidebar{padding:17px 9px 9px;position:sticky;top:24px}.noti-sidebar-label{color:#8496a6;font-family:var(--font_b);letter-spacing:1.2px;padding:0 11px 11px;font-size:9px}.noti-desktop-sidebar nav{flex-direction:column;gap:3px;display:flex}.noti-desktop-sidebar nav button{color:#587085;text-align:left;border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;width:100%;padding:10px;transition:all .16s;display:grid}.noti-desktop-sidebar nav button>i{color:#7790a5;text-align:center;font-size:15px}.noti-desktop-sidebar nav button span{flex-direction:column;gap:2px;display:flex}.noti-desktop-sidebar nav button strong{font-size:12.5px}.noti-desktop-sidebar nav button small{color:#91a0ae;font-size:9.5px}.noti-desktop-sidebar nav button b{color:#fff;background:#e85b68;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:flex}.noti-desktop-sidebar nav button:hover,.noti-desktop-sidebar nav button.active{background:var(--primary-bg);color:var(--primary-dark)}.noti-desktop-sidebar nav button.active>i{color:var(--primary)}.noti-preference-link{color:#657d91;border-top:1px solid #edf1f5;align-items:center;gap:8px;margin-top:8px;padding:14px 10px 8px;font-size:11.5px;display:flex}.noti-desktop-feed{overflow:hidden}.noti-desktop-feed>header{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 25px 19px;display:flex}.noti-desktop-feed>header span,.noti-aside-card>span{color:var(--primary);font-family:var(--font_b);letter-spacing:1.2px;margin-bottom:5px;font-size:9px;display:block}.noti-desktop-feed>header h2{font-size:21px}.noti-desktop-feed>header p{color:#8a9aa8;font-size:10.5px}.noti-desktop-list{flex-direction:column;display:flex}.noti-desktop-item{background:#fff;border-bottom:1px solid #edf1f4;grid-template-columns:48px 1fr 16px;gap:14px;padding:21px 24px;transition:background .16s;display:grid;position:relative}.noti-desktop-item:last-child{border-bottom:0}.noti-desktop-item:hover{background:#fafcff}.noti-desktop-item.unread{background:linear-gradient(90deg,#2b78d411,#ffffff4d)}.noti-desktop-item.unread:before{content:"";background:var(--primary);width:3px;position:absolute;top:0;bottom:0;left:0;right:auto}.noti-desktop-icon{color:#dc5968;background:#fff0f1;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.noti-desktop-icon.blue{color:#367fd4;background:#edf5ff}.noti-desktop-icon.purple{color:#8262d0;background:#f3efff}.noti-desktop-icon.green{color:#17966a;background:#eaf9f2}.noti-desktop-icon.amber{color:#c58a16;background:#fff7df}.noti-desktop-icon.cyan{color:#169e9b;background:#eaf9f8}.noti-item-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.noti-item-topline span{color:var(--primary);font-family:var(--font_b);letter-spacing:.7px;text-transform:uppercase;font-size:9px}.noti-item-topline time{color:#96a4b1;font-size:9.5px}.noti-desktop-copy h3{color:#243e55;margin-bottom:6px;font-size:14px;line-height:1.4}.noti-desktop-copy p{color:#697f91;font-size:11.5px;line-height:1.6}.noti-item-end{color:#9aabba;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 0;font-size:10px;display:flex}.noti-item-end>i{background:#e85b68;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #fdecef}.noti-desktop-aside{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.noti-aside-card{padding:21px}.noti-aside-icon{color:#8ee9df;background:#ffffff21;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;font-size:18px;display:flex}.noti-aside-card h3{margin:7px 0 8px;font-size:15px;line-height:1.4}.noti-aside-card p{color:#74889a;font-size:11.5px;line-height:1.6}.noti-digest-card{background:linear-gradient(145deg,#153f59,#176e76);border-color:#0000}.noti-digest-card>span{color:#79e5dd}.noti-digest-card h3{color:#fff}.noti-digest-card p{color:#ffffffad}.noti-digest-card a{color:#8dece4;font-family:var(--font_m);align-items:center;gap:7px;margin-top:14px;font-size:11px;display:inline-flex}.noti-desktop-empty{color:#8496a5;text-align:center;padding:80px 30px}.noti-desktop-empty>i{color:#bdc9d3;margin-bottom:14px;font-size:34px;display:block}.noti-desktop-empty h3{margin-bottom:6px;font-size:15px}.noti-desktop-empty p{font-size:11.5px}}@media (min-width:992px) and (max-width:1180px){.noti-desktop-layout{grid-template-columns:220px minmax(500px,1fr)}.noti-desktop-aside{display:none}}