.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>.brand{flex-shrink:0}.tablewrap{max-height:65vh;overflow:auto;scrollbar-gutter:stable}.tablewrap th{position:sticky;top:0;z-index:1}dialog{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.notification-detail{max-height:45vh;overflow-y:auto}.notification-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.notification-metrics>div{display:flex;gap:15px;align-items:center;padding:19px 22px;border:1px solid #e0e6f1;border-radius:10px;background:#fff}.notification-metrics>div>.icon{width:24px;height:24px;color:#1854e8}.notification-metrics span{font-size:11px;color:#7584a0}.notification-metrics strong{display:block;font-size:24px;color:#172440;font-weight:600;margin-top:6px}.notice-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 23px;border-bottom:1px solid #e7edf6;align-items:end}.notice-filters label{margin:0;min-width:0;font-size:11px}.notice-filters .notice-search{grid-column:span 2}.notice-filters input,.notice-filters select{font-size:12px;padding:10px}.notice-filters>.btn{height:37px}.notice-result-summary{padding:13px 23px;display:flex;justify-content:space-between;gap:14px;background:#fafbff;color:#61769a;font-size:11px}.notice-result-summary>span{white-space:nowrap}.notification-scroll{max-height:min(62vh,620px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.notification-scroll:focus-visible{outline:2px solid #1854e8;outline-offset:-2px}.notification-scroll .tablewrap{max-height:none;overflow:visible;scrollbar-gutter:auto}.notification-scroll table{min-width:820px}.notification-scroll td:first-child{min-width:220px;max-width:330px}.delivery-preview{display:block;color:#7584a0;font-size:10px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.notice-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e7edf6;padding:15px 23px;font-size:11px;color:#7584a0}.notice-pagination .actions{gap:13px}.notice-pagination button:disabled{cursor:default}.notice-compose-footer{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}#notify textarea{min-height:160px;max-height:40vh}.delivery-details{display:grid;grid-template-columns:110px 1fr;gap:12px 16px;font-size:12px;line-height:1.6;margin:20px 0}.delivery-details dt{color:#7584a0}.delivery-details dd{margin:0;overflow-wrap:anywhere}.delivery-details code{word-break:break-all}.notification-scroll::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:7px;height:7px}.notification-scroll::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#9aaed366;border-radius:9px}.notification-scroll .empty{padding:60px 25px}html[data-theme=dark] .notification-metrics>div{background:#131e32;border-color:#293750}html[data-theme=dark] .notification-metrics strong{color:#dce6fb}html[data-theme=dark] .notification-metrics span,html[data-theme=dark] .delivery-preview,html[data-theme=dark] .notice-pagination,html[data-theme=dark] .delivery-details dt{color:#9baccb}html[data-theme=dark] .notification-metrics>div>.icon{color:#8fb2ff}html[data-theme=dark] .notice-filters,html[data-theme=dark] .notice-pagination{border-color:#293750}html[data-theme=dark] .notice-result-summary{background:#18243a;color:#a6b6d3}@media(max-width:1000px){.notice-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.sidebar{overflow-y:visible}.notice-filters{padding:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice-pagination{padding:15px;flex-wrap:wrap}.notification-metrics{gap:9px}.notification-metrics>div{padding:14px 11px;gap:9px}.notification-metrics>div>.icon{width:18px;height:18px}.notification-metrics strong{font-size:21px}.notification-scroll{max-height:60dvh}.notice-result-summary{padding:12px 17px}.delivery-details{grid-template-columns:1fr;gap:4px}.delivery-details dd{margin-bottom:10px}}@media(max-width:400px){.notification-metrics>div>.icon{display:none}.notice-pagination .actions{gap:8px}.notice-pagination{font-size:10px}}