.alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;border:1px solid;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;box-shadow:0 4px 6px rgba(0,0,0,.05);position:relative;overflow:hidden}.alert,.alert:before{transition:all .3s ease}.alert:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.alert__content{flex:1;min-width:0}.alert__message{margin:0;font-weight:500;word-wrap:break-word}.alert__close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:-2px;margin-right:-4px}.alert__close:hover{background-color:rgba(0,0,0,.1)}.alert--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.alert--error:before{background:linear-gradient(180deg,#dc2626,#ef4444)}.alert--error .alert__close:hover{background-color:rgba(220,38,38,.1)}.alert--success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#16a34a}.alert--success:before{background:linear-gradient(180deg,#16a34a,#22c55e)}.alert--success .alert__close:hover{background-color:rgba(22,163,74,.1)}.alert--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fed7aa;color:#d97706}.alert--warning:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.alert--warning .alert__close:hover{background-color:rgba(217,119,6,.1)}.alert--info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#2563eb}.alert--info:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.alert--info .alert__close:hover{background-color:rgba(37,99,235,.1)}.alert--visible{opacity:1;transform:translateY(0);animation:alertSlideIn .3s ease-out}.alert--hidden{opacity:0;transform:translateY(-10px);animation:alertSlideOut .3s ease-in}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes alertSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.alert{padding:14px 16px;font-size:13px;gap:10px}.alert__icon svg{width:18px;height:18px}.alert__close svg{width:14px;height:14px}}.alert--fixed{right:20px;max-width:400px}.alert--fixed,.alert--fixed-center{position:fixed;top:20px;z-index:1000;min-width:300px}.alert--fixed-center{left:50%;transform:translateX(-50%);max-width:500px}.alert--fixed-top{position:fixed;left:0;right:0;z-index:1000;max-width:none;min-width:auto}.alert--fixed-top,.alert--sticky{top:0;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.alert--sticky{position:sticky;z-index:100;width:100%}.alert--floating{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000;max-width:600px;min-width:300px;box-shadow:0 10px 25px rgba(0,0,0,.15)}@media (max-width:480px){.alert--fixed,.alert--fixed-center,.alert--floating{left:16px;right:16px;max-width:none;min-width:auto;transform:none}.alert--fixed-top,.alert--sticky{left:0;right:0;margin:0}}