body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--whatsapp-green:#25d366;--whatsapp-dark-green:#128c7e;--whatsapp-light-green:#dcf8c6;--whatsapp-bg:#ece5dd;--whatsapp-header:#075e54;--whatsapp-text:#303030;--whatsapp-gray:#f0f0f0;--whatsapp-border:#d1d1d1}body{background:linear-gradient(180deg,#128c7e 0,#ece5dd 20%);background:linear-gradient(to bottom,var(--whatsapp-dark-green) 0,var(--whatsapp-bg) 20%);background-attachment:fixed;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}#root{margin:0 auto;max-width:600px;padding:20px}.header-whatsapp{background:#075e54;background:var(--whatsapp-header);border-radius:10px 10px 0 0;box-shadow:0 2px 5px #0003;color:#fff;font-size:24px;font-weight:700;margin-bottom:15px;padding:20px;text-align:center}.search-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px}.search-container input{border:1px solid #d1d1d1;border:1px solid var(--whatsapp-border);border-radius:20px;font-size:15px;outline:none;padding:12px 15px;transition:all .3s;width:100%}.search-container input:focus{border-color:#25d366;border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a}.btn-add-contact{background:#25d366;background:var(--whatsapp-green);border:none;border-radius:8px;box-shadow:0 2px 5px #25d3664d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;padding:15px;transition:all .3s;width:100%}.btn-add-contact:hover{background:#128c7e;background:var(--whatsapp-dark-green);box-shadow:0 4px 8px #25d36666;transform:translateY(-2px)}.btn-add-contact:active{transform:translateY(0)}.tab-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:all .3s}.tab-button.active{background:#25d366;background:var(--whatsapp-green);color:#fff}.tab-button:not(.active){background:#f0f0f0;color:#666}.tab-button:hover:not(.active){background:#e0e0e0}.contact-card{background:#fff;border-left:4px solid #25d366;border-left:4px solid var(--whatsapp-green);border-radius:10px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .3s}.contact-card:hover{box-shadow:0 4px 12px #00000026;transform:translateX(-5px)}.contact-card img{border:3px solid #25d366;border:3px solid var(--whatsapp-green);box-shadow:0 2px 5px #0000001a}.contact-card h5{color:#303030;color:var(--whatsapp-text);font-size:18px;margin:0}.contact-details{animation:slideDown .3s ease-out;border-top:1px solid #d1d1d1;border-top:1px solid var(--whatsapp-border);margin-top:15px;padding-top:15px}.contact-details p{color:#666;font-size:14px;line-height:1.8}.contact-action-btn{align-items:center;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;font-size:14px;font-weight:700;gap:5px;justify-content:center;min-width:120px;padding:10px 15px;text-align:center;text-decoration:none;transition:all .3s}.contact-action-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.contact-action-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.icon-btn{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:5px;transition:all .2s;width:36px}.icon-btn:hover{background:#f0f0f0;background:var(--whatsapp-gray);transform:scale(1.1)}.icon-btn:active{transform:scale(.95)}.form-container{animation:slideDown .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:15px;padding:20px}.form-container label{color:#303030;color:var(--whatsapp-text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-container input{border:2px solid #d1d1d1;border:2px solid var(--whatsapp-border);border-radius:8px;font-size:15px;margin-bottom:15px;padding:12px;transition:all .3s;width:100%}.form-container input:focus{border-color:#25d366;border-color:var(--whatsapp-green);box-shadow:0 0 0 3px #25d3661a;outline:none}.form-container button[type=submit]{background:#25d366;background:var(--whatsapp-green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .3s;width:100%}.form-container button[type=submit]:hover{background:#128c7e;background:var(--whatsapp-dark-green);box-shadow:0 4px 8px #25d36666;transform:translateY(-2px)}.toast-whatsapp{animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid #25d366;border-left:4px solid var(--whatsapp-green);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#303030;color:var(--whatsapp-text);min-width:250px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:9999}.toast-whatsapp.danger{border-left-color:#dc3545}.toast-whatsapp.success{border-left-color:#25d366;border-left-color:var(--whatsapp-green)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state-icon{font-size:80px;margin-bottom:20px;opacity:.3}.empty-state h3{color:#666;font-size:20px;margin-bottom:10px}.empty-state p{color:#999;font-size:14px}@media (max-width:768px){#root{padding:10px}.contact-card{margin-bottom:8px}.header-whatsapp{font-size:20px;padding:15px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ece5dd;background:var(--whatsapp-bg)}::-webkit-scrollbar-thumb{background:#25d366;background:var(--whatsapp-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#128c7e;background:var(--whatsapp-dark-green)}
/*# sourceMappingURL=main.59e5e039.css.map*/