.notifications-module{overflow:hidden}.notification-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.notification-hero h2{font-size:29px;letter-spacing:-.05em;margin:0}.notification-subtitle{color:var(--muted);font-size:14px;margin:7px 0 0}.notification-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:24px -24px 18px;padding:0 24px}.notification-tabs button{background:transparent;border-bottom:3px solid transparent;color:var(--muted);font-weight:800;padding:11px 12px}.notification-tabs button.active{border-bottom-color:var(--accent);color:var(--ink)}.notification-count{background:var(--accent);border-radius:20px;color:var(--dark);font-size:11px;margin-left:4px;padding:2px 7px}.notification-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.notification-search{background:var(--white);border:1px solid var(--line);border-radius:10px;outline:0;padding:11px 13px;width:min(440px,100%)}.notification-search:focus{border-color:#82b394;box-shadow:0 0 0 3px #d7f36b55}.notification-check{color:var(--muted);font-size:13px}.notification-list{display:grid;gap:10px}.notification-item{align-items:flex-start;border:1px solid var(--line);border-radius:13px;display:flex;gap:13px;padding:15px}.notification-item.unread{background:#fbfff4;border-color:#dcebbd}.notification-icon{align-items:center;background:#eef4f0;border-radius:11px;color:#4f8a68;display:grid;flex:0 0 36px;font-weight:900;height:36px;place-items:center}.notification-icon.approval{background:#fff1dc;color:#a46a25}.notification-icon.reminder{background:#fff1ed;color:#b74e43}.notification-icon.success{background:#e7f7db}.notification-icon.announcement{background:#eaf7ff;color:#36749a}.notification-item-body{min-width:0;flex:1}.notification-item-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.notification-item h3{font-size:14px;margin:0}.notification-item p{color:var(--muted);font-size:13px;line-height:1.5;margin:5px 0}.notification-item small{color:#8a968f;font-size:11px}.notification-dot{background:var(--accent);border-radius:50%;height:8px;width:8px}.notification-audit code{font-size:11px}.badge.warning{background:#fff1dc;color:#a46a25}.badge.success{background:#e7f7db;color:#467259}@media(max-width:650px){.notification-hero{align-items:flex-start;flex-direction:column}.notification-hero .btn{width:100%}.notification-tabs{margin-left:-15px;margin-right:-15px;overflow:auto;padding:0 15px}.notification-toolbar{align-items:stretch;flex-direction:column}.notification-search{width:100%}.notification-audit{min-width:650px}}