body{align-items:flex-start;background:linear-gradient(135deg,#93eeee,#ffe6fa);color:#222;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.app,body{display:flex;justify-content:center}.app{align-items:center;padding:60px 20px;width:100%}.contacts-page{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffaa;border-radius:18px;box-shadow:0 8px 25px #0000001a;max-width:700px;padding:2.5rem;text-align:center;transition:transform .3s ease;width:100%}.contacts-page:hover{transform:scale(1.01)}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.8rem}.header h1{color:#333;font-size:1.8rem;font-weight:600;letter-spacing:.5px}.add-btn{background:linear-gradient(135deg,#89c2d9,#61a5c2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .25s ease}.add-btn:hover{background:linear-gradient(135deg,#61a5c2,#468faf);box-shadow:0 4px 10px #61a5c24d;transform:translateY(-1px)}.search-bar{border:1px solid #ddd;border-radius:10px;font-size:1rem;margin-bottom:25px;padding:12px;transition:box-shadow .2s;width:100%}.search-bar:focus{border-color:#61a5c2;box-shadow:0 0 5px #61a5c266;outline:none}.contact-list{display:flex;flex-direction:column;gap:15px}.contact-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 12px #0000000d;display:flex;justify-content:space-between;padding:15px 18px;text-align:left;transition:all .2s ease}.contact-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.contact-card h3{color:#333;font-weight:600;margin:0 0 6px}.contact-card p{color:#555;font-size:.95rem;margin:3px 0}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffbf;border-radius:16px;box-shadow:0 8px 30px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-content h2{color:#333;font-weight:600;margin-bottom:1.2rem}.add-contact-form{display:flex;flex-direction:column;gap:12px}.add-contact-form input{border:1px solid #ccc;border-radius:10px;font-size:.95rem;padding:10px;transition:border .2s,box-shadow .2s}.add-contact-form input:focus{border-color:#61a5c2;box-shadow:0 0 5px #61a5c24d;outline:none}.add-contact-form button{background:linear-gradient(135deg,#89c2d9,#61a5c2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background .2s,transform .2s}.add-contact-form button:hover{background:linear-gradient(135deg,#61a5c2,#468faf);transform:translateY(-1px)}.cancel-btn{background:#f1f1f1;border:none;border-radius:10px;color:#333;font-weight:500;margin-top:10px;padding:10px;transition:background .2s;width:100%}.cancel-btn:hover{background:#e0e0e0}.delete-btn{background:#f8d7da;border:none;border-radius:8px;color:#721c24;cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s ease}.delete-btn:hover{background:#f5c6cb;transform:scale(1.05)}.details-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:18px;box-shadow:0 8px 30px #00000026;max-width:400px;padding:2rem;position:relative;text-align:left;width:90%}.details-modal h2{color:#333;font-weight:600;margin-bottom:1rem;text-align:center}.contact-detail-info p{color:#444;font-size:1rem;line-height:1.5;margin:8px 0}.contact-detail-info strong{color:#000}.close-btn{background:#0000;border:none;color:#555;cursor:pointer;font-size:1.4rem;position:absolute;right:14px;top:10px;transition:color .2s ease}.close-btn:hover{color:#000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contacts-page h1{color:#333;text-align:center}.loading{animation:fadeIn .8s ease;color:#666;font-size:1.2rem;margin-top:3rem;text-align:center}
/*# sourceMappingURL=main.3a5da5e7.css.map*/