@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=DM+Sans:wght@300;400;500&display=swap";.notification-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;gap:.75rem;width:max-content;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.notification{background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;padding:1rem 1rem 1rem 3.5rem;display:flex;align-items:flex-start;gap:.75rem;position:relative;pointer-events:auto;animation:slideUp .3s ease-out;border-left:4px solid;min-width:320px}@keyframes slideUp{0%{opacity:0;transform:translateY(80%)}to{opacity:1;transform:translateY(0)}}.notification-icon{position:absolute;left:1rem;top:1rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.notification-success{border-left-color:#48bb78}.notification-success .notification-icon{background:#48bb78}.notification-error{border-left-color:#f56565}.notification-error .notification-icon{background:#f56565}.notification-warning{border-left-color:#ed8936}.notification-warning .notification-icon{background:#ed8936}.notification-info{border-left-color:#4299e1}.notification-info .notification-icon{background:#4299e1}.notification-content{flex:1}.notification-content h4{font-size:.875rem;font-weight:600;color:#1a202c;margin:0 0 .25rem}.notification-content p{font-size:.875rem;color:#4a5568;margin:0;line-height:1.4}.notification-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.25rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notification-close:hover{background:#0000000d;color:#4a5568}@media (max-width: 640px){.notification-container{left:1rem;right:1rem;max-width:none;transform:none}.notification{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}