.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;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:slideIn .3s ease-out;border-left:4px solid;min-width:320px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(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;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease;font-size:1rem;flex-shrink:0}.notification-close:hover{background:#f7fafc;color:#2d3748}@media (max-width: 480px){.notification-container{left:1rem;right:1rem;max-width:none}.notification{min-width:auto}}.confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;padding:2rem;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirm-icon{font-size:3rem;margin-bottom:1rem}.confirm-dialog h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .75rem}.confirm-dialog p{color:#4a5568;margin:0 0 1.5rem;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.confirm-actions button{flex:1;max-width:150px}.btn-danger{background:linear-gradient(135deg,#f56565,#c53030)}.btn-danger:hover:not(:disabled){box-shadow:0 10px 25px #f5656566}@media (max-width: 480px){.confirm-dialog{padding:1.5rem}.confirm-icon{font-size:2.5rem}.confirm-dialog h3{font-size:1.25rem}.confirm-actions{flex-direction:column}.confirm-actions button{max-width:none}}*{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}