.notification{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;padding:16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;position:relative;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:420px;min-width:320px}.notification.show{transform:translate(0);opacity:1}.notification.exit{transform:translate(100%);opacity:0}.notification-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification.success .notification-icon{color:#10b981}.notification.error .notification-icon{color:#ef4444}.notification.warning .notification-icon{color:#f59e0b}.notification.info .notification-icon{color:#3b82f6}.notification.loading .notification-icon{color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-close{position:absolute;top:8px;right:8px;color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;font-size:16px;line-height:1}.notification-close:hover{color:#6b7280;background-color:#f3f4f6}.notification.success{border-left:4px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.notification.error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.notification.warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.notification.info,.notification.loading{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.notification .flex-1{flex:1;min-width:0}.notification .font-medium{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.notification .text-sm{font-size:13px;color:#6b7280;line-height:1.4}.notification.success-animation{animation:successSlideIn .6s cubic-bezier(.34,1.56,.64,1)}.notification.error-animation{animation:errorShake .6s ease-in-out}@keyframes successSlideIn{0%{transform:translate(100%) scale(.95);opacity:0}60%{transform:translate(-8px) scale(1.02);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@media (max-width: 640px){.notification{max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);margin-left:16px;margin-right:16px}#notification-container{left:0;right:0;top:16px;max-width:none}}.notification.success .success-details{margin-top:12px;padding-top:12px;border-top:1px solid #d1fae5;font-size:12px;color:#065f46;display:flex;justify-content:space-between;align-items:center}.notification.success .success-timestamp{font-weight:500;color:#047857}.notification.success .success-company{font-weight:600;color:#059669}