.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #dce5ef;border-radius:12px;color:#18385b;background:#fff;text-decoration:none;flex-shrink:0}.notification-bell .icon{width:22px;height:22px}.notification-count{position:absolute;right:-5px;top:-6px;border:2px solid white;background:#b9343f;color:#fff;border-radius:15px;min-width:22px;padding:1px 4px;font-size:11px;font-weight:750;text-align:center}.notification-count[hidden]{display:none}.nc-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.nc-columns>.panel:only-child{grid-column:1/-1;max-width:1000px;width:100%}.nc-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nc-item{padding:18px 0;border-bottom:1px solid #e1e8ef;overflow-wrap:anywhere}.nc-item:last-child{border-bottom:0}.nc-item.nc-unread{border-left:3px solid #267d8b;padding-left:14px}.nc-item p{margin:8px 0}.nc-preview{white-space:pre-wrap;font-size:14px;line-height:1.6}.nc-dot{width:9px;height:9px;border-radius:50%;background:#267d8b;flex-shrink:0}.nc-overdue{color:#b02c3d;font-weight:650}.nc-subtitle{margin:22px 0 3px;color:#557187;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.nc-empty{padding:25px 0;color:#63778a;font-size:14px}.nc-pagination{margin-top:12px}.nc-todo[data-priority=urgent]{border-left:3px solid #b9343f;padding-left:14px}.nc-todo[data-priority=important]{border-left:3px solid #c08c27;padding-left:14px}.payment-review{margin:0;display:grid;gap:12px}.payment-review>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e3eaf0;padding-bottom:10px}.payment-review dt{color:#60758a}.payment-review dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.pay-invoice-button:disabled{background:#e7eef3;color:#52677b;border:1px solid #d5dfe8;opacity:1;cursor:default}.vendor-payment-fields{margin-top:14px}.nc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.nc-columns{grid-template-columns:1fr}.nc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:8px}}
@media(max-width:760px){.notification-bell{min-width:38px;min-height:38px;border-radius:10px}.nc-item{padding-top:15px;padding-bottom:15px}.nc-columns{gap:14px}.payment-review>div{display:block}.payment-review dd{text-align:left;margin-top:5px}.nc-filters{gap:6px}.nc-filters button{font-size:12px}.topbar .user-chip{gap:4px}.topbar .avatar{display:none}}
