*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.app{width:100%}.app-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;min-height:600px;overflow:hidden;width:100%}.app-content{padding:30px}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.add-contact-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-contact-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.add-contact-btn:active{transform:translateY(0)}@media (max-width:768px){.app{padding:10px}.app-container{border-radius:15px}.app-content{padding:20px}.search-section{align-items:stretch;flex-direction:column}.add-contact-btn{width:100%}}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:24px;position:relative;transition:all .3s ease}.contact-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.contact-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.contact-avatar{border-radius:50%;box-shadow:0 4px 8px #0000001a;flex-shrink:0;height:60px;overflow:hidden;width:60px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-info{flex:1 1;min-width:0}.contact-name{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 12px}.contact-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-button svg{height:18px;width:18px}.email-button{background:#f3f4f6;color:#374151}.email-button:hover{background:#e5e7eb;transform:scale(1.05)}.phone-button{background:#f0f9ff;color:#0369a1}.phone-button:hover{background:#e0f2fe;transform:scale(1.05)}.delete-button{background:#fef2f2;color:#dc2626}.delete-button:hover{background:#fee2e2;transform:scale(1.05)}.contact-details{display:flex;flex-direction:column;gap:12px}.contact-detail{align-items:center;display:flex;gap:12px;padding:8px 0}.detail-icon{color:#6b7280;flex-shrink:0;height:20px;width:20px}.detail-text{color:#374151;font-size:.95rem;word-break:break-all}.delete-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:400px;padding:24px;width:90%}.delete-confirm-modal h4{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 12px}.delete-confirm-modal p{color:#6b7280;line-height:1.5;margin:0 0 20px}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-delete-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-button:hover{background:#e5e7eb}.confirm-delete-button{background:#dc2626;color:#fff}.confirm-delete-button:hover{background:#b91c1c}@media (max-width:768px){.contact-card{padding:20px}.contact-card-header{gap:12px}.contact-avatar{height:50px;width:50px}.contact-name{font-size:1.1rem}.action-button{height:32px;width:32px}.action-button svg{height:16px;width:16px}}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{height:50px;margin-bottom:20px;position:relative;width:50px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#667eea;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#764ba2}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#667eea}.spinner-ring:nth-child(4){border-top-color:#764ba2}.loading-text{animation:pulse 2s ease-in-out infinite;font-size:1rem;font-weight:500;margin:0}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.contact-list{margin-top:20px}.contact-list-header{margin-bottom:20px}.contact-list-title{color:#374151;font-size:1.5rem;font-weight:600;margin:0}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state-icon{color:#d1d5db;height:80px;margin:0 auto 20px;width:80px}.empty-state-icon svg{height:100%;width:100%}.empty-state-title{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.contact-grid{gap:15px;grid-template-columns:1fr}.contact-list-title{font-size:1.25rem}.empty-state{padding:40px 20px}.empty-state-icon{height:60px;width:60px}}.search-bar{flex:1 1;min-width:250px}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;outline:none;padding:12px 16px 12px 45px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#9ca3af}.search-icon{height:20px;left:15px;width:20px;z-index:1}.clear-button,.search-icon{color:#9ca3af;position:absolute}.clear-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;right:12px;transition:all .2s ease}.clear-button:hover{background:#f3f4f6;color:#6b7280}.clear-button svg{height:16px;width:16px}@media (max-width:768px){.search-bar{min-width:100%}.search-input{font-size:16px}}.add-contact-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-contact-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-contact-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.add-contact-header h3{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.close-button svg{height:20px;width:20px}.add-contact-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#dc2626}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.error-message{color:#dc2626;display:block;font-size:.875rem;margin-top:4px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-button,.submit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover:not(:disabled){background:#e5e7eb}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.add-contact-overlay{padding:10px}.add-contact-modal{border-radius:12px}.add-contact-form,.add-contact-header{padding-left:20px;padding-right:20px}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.header-content{margin:0 auto;max-width:600px}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.header-subtitle{font-size:1.1rem;font-weight:400;opacity:.9}@media (max-width:768px){.header{padding:25px 20px}.header-title{font-size:2rem}.header-subtitle{font-size:1rem}}
/*# sourceMappingURL=main.a5a85cac.css.map*/