.flash-message{animation:slideInDown .4s ease;border:none;border-radius:12px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#success-alert{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;box-shadow:0 4px 20px rgba(16,185,129,.25);color:#065f46}#error-alert,#validation-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;box-shadow:0 4px 20px rgba(239,68,68,.25);color:#991b1b}#warning-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;box-shadow:0 4px 20px rgba(245,158,11,.25);color:#92400e}#info-alert{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.25);color:#1e40af}.message-body{flex:1;width:calc(100% - 80px)}.timer-badge{background:hsla(0,0%,100%,.3);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.timer-bar{background:conic-gradient(transparent 0deg,transparent var(--progress,0deg),#10b981 var(--progress,0deg),#10b981 1turn);border-radius:50%;height:100%;left:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);-webkit-mask-composite:source-in;mask-composite:intersect;position:absolute;top:0;transform:rotate(-90deg);width:100%}#error-alert .timer-bar,#validation-alert .timer-bar,.alert-danger .timer-bar{background:conic-gradient(transparent 0deg,transparent var(--progress,0deg),#ef4444 var(--progress,0deg),#ef4444 1turn)}#warning-alert .timer-bar,.alert-warning .timer-bar{background:conic-gradient(transparent 0deg,transparent var(--progress,0deg),#f59e0b var(--progress,0deg),#f59e0b 1turn)}#info-alert .timer-bar,.alert-info .timer-bar{background:conic-gradient(transparent 0deg,transparent var(--progress,0deg),#3b82f6 var(--progress,0deg),#3b82f6 1turn)}.timer-text{color:inherit;font-size:11px;font-weight:700;z-index:2}.flash-message.fade-out{animation:slideOutUp .4s ease forwards}@keyframes slideOutUp{to{margin:0;max-height:0;opacity:0;padding:0;transform:translateY(-20px)}}