.notif-container{color:#fff;background-color:#121316;flex-direction:column;min-height:100vh;padding:16px;font-family:Inter,sans-serif;display:flex}.notif-header{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding-top:8px;display:flex}.notif-back-btn{color:#fff;background:#1e2025;border:1px solid #2e3038;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.notif-back-btn:hover{background:#2e3038}.notif-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.notif-main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:600px;margin:0 auto;display:flex}.notif-section-title{text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.notif-card{background:#1a1b20;border:1px solid #2a2c34;border-radius:16px;gap:14px;padding:16px;transition:all .2s;display:flex}.notif-card:hover{border-color:#3e424e;transform:translateY(-1px)}.notif-card.pending{background:linear-gradient(90deg,#f59e0b14 0%,#1a1b20 100%);border-left:4px solid #f59e0b}.notif-card.success{background:linear-gradient(90deg,#22c55e14 0%,#1a1b20 100%);border-left:4px solid #22c55e}.notif-card.rejected{background:linear-gradient(90deg,#ef444414 0%,#1a1b20 100%);border-left:4px solid #ef4444}.notif-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notif-icon-box.pending{color:#f59e0b;background:#f59e0b26}.notif-icon-box.success{color:#22c55e;background:#22c55e26}.notif-icon-box.rejected{color:#ef4444;background:#ef444426}.notif-content{flex-direction:column;flex:1;gap:4px;display:flex}.notif-top-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notif-item-title{color:#fff;margin:0;font-size:15px;font-weight:700}.notif-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}.notif-badge.pending{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.notif-badge.success{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.notif-badge.rejected{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.notif-message{color:#d4d4d8;margin:0;font-size:13px;line-height:1.4}.notif-time{color:#71717a;margin-top:4px;font-size:11px}