body{font-family:sans-serif;background:#f0f2f5;margin:0;padding:0;color:#333;line-height:1.6}.notif-main{max-width:560px;margin:0 auto;padding:16px 14px 48px;box-sizing:border-box}.notif-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px}.notif-toolbar button{font-size:13px;padding:8px 14px;border-radius:10px;border:1px solid rgba(25,118,210,.35);background:#fff;color:#1565c0;cursor:pointer}.notif-toolbar button:disabled{opacity:.5;cursor:not-allowed}.notif-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;border:1px solid rgba(25,118,210,.12)}.notif-row{display:block;width:100%;text-align:left;padding:14px 16px;border:none;border-bottom:1px solid rgba(25,118,210,.1);background:#fff;cursor:pointer;font-size:14px;color:#1a3a52;box-sizing:border-box;text-decoration:none;-webkit-tap-highlight-color:transparent}.notif-row:last-child{border-bottom:none}.notif-row.unread{background:#1976d20f}.notif-row:hover{background:#fffffff2}.notif-row-title{font-weight:700;font-size:14px;margin-bottom:4px;color:#0d47a1}.notif-row-body{font-size:13px;color:#37474f;line-height:1.45;word-break:break-word}.notif-row-time{font-size:11px;color:#90a4ae;margin-top:6px}.notif-row-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;flex-wrap:wrap}.notif-read-label{font-size:11px;font-weight:600;color:#90a4ae}.notif-read-label.unread{color:#1565c0}.notif-status-expired{font-size:11px;font-weight:600;color:#c62828;margin-left:6px}.notif-status-active{font-size:11px;font-weight:600;color:#2e7d32;margin-left:6px}.notif-status-joined{font-size:11px;font-weight:600;color:#1565c0;margin-left:6px}.notif-status-declined{font-size:11px;font-weight:600;color:#9c27b0;margin-left:6px}.notif-group{border-bottom:1px solid rgba(25,118,210,.1);background:#fafcff}.notif-group:last-child{border-bottom:none}.notif-group-summary{list-style:none;cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;color:#0d47a1;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.notif-group-summary::-webkit-details-marker{display:none}.notif-group-line{flex:1;min-width:0}.notif-group-count{color:#546e7a;font-weight:700}.notif-group-body{padding:0 0 8px;background:#fff}.notif-group-body .notif-row{border-left:3px solid rgba(25,118,210,.2);margin:0 8px 4px;border-radius:8px;border-bottom:1px solid rgba(25,118,210,.08)}.notif-empty,.notif-guest{text-align:center;padding:32px 16px;color:#64748b;font-size:14px}.notif-loading{text-align:center;padding:24px;color:#78909c;font-size:14px}.app-confirm-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:105;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.app-confirm-overlay.visible{display:flex}.app-confirm-panel{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:340px;box-shadow:0 8px 32px #0003;box-sizing:border-box}.app-confirm-title{margin:0 0 12px;font-size:18px;color:#333;text-align:center;font-weight:700}.app-confirm-title[hidden]{display:none!important}.app-confirm-message{margin:0 0 20px;font-size:15px;color:#555;line-height:1.55;white-space:pre-line}.app-confirm-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:stretch}.app-confirm-btn{flex:1;min-width:0;padding:12px 14px;font-size:15px;font-weight:700;border-radius:10px;cursor:pointer;font-family:inherit}.app-confirm-btn.primary{border:none;background:#007bff;color:#fff}.app-confirm-btn.secondary{border:1px solid #c9d2df;background:#f1f5f9;color:#334155}