.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 30px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #eee;margin-bottom:20px}.modal-header h3{margin:0;color:#2c3e50;font-size:18px;font-weight:600}.modal-header .close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-header .close-btn:hover{background:#f0f0f0}.modal-body{padding:0 20px 20px}.modal-body p{margin:0 0 10px;color:#333;font-size:14px;line-height:1.5}.warning-text{color:#e74c3c;font-weight:500;font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 20px}.modal-footer button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}@media (max-width: 480px){.modal-content{margin:20px;max-width:none}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}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-root{display:block;margin:0;padding:0;height:100%}