:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;direction:rtl}#root{min-height:100vh}a{text-decoration:none}button{font-family:inherit}.navbar{position:sticky;top:0;z-index:1000;background-color:#34495e;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .3s;display:flex;align-items:center}.navbar-logo:hover{opacity:.8}.logo-image{height:50px;width:auto;max-width:150px;object-fit:contain}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.navbar-menu li a{color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500;padding:.625rem 1.25rem;border-radius:6px;transition:all .3s ease;position:relative;letter-spacing:.3px}.navbar-menu li a:after{content:"";position:absolute;bottom:.25rem;right:1.25rem;width:0;height:2px;background-color:#fff;transition:width .3s ease}@media(min-width:769px){.navbar-menu li a:hover{color:#fff;background-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.navbar-menu li a:hover:after{width:calc(100% - 2.5rem)}.navbar-menu li a.active{color:#fff;background-color:#fff3;font-weight:600}.navbar-menu li a.active:after{width:calc(100% - 2.5rem)}}.navbar-overlay{display:none}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:5px;z-index:1001;position:relative;width:30px;height:30px;justify-content:center;align-items:center}.navbar-toggle span{width:25px;height:3px;background-color:#fff;transition:all .3s ease;border-radius:2px;display:block;position:absolute}.navbar-toggle span:nth-child(1){top:6px}.navbar-toggle span:nth-child(2){top:13px}.navbar-toggle span:nth-child(3){top:20px}.navbar-toggle.active span:nth-child(1){top:13px;transform:rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){top:13px;transform:rotate(-45deg)}@media(max-width:768px){.navbar{padding:.75rem 0}.navbar-container{padding:0 1rem}.navbar-toggle{display:flex}.logo-image{height:40px;max-width:120px}.navbar-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:1;transition:opacity .3s ease}.navbar-menu{position:fixed;top:0;left:0;width:280px;max-width:85%;height:100vh;background-color:#34495e;flex-direction:column;padding:4rem 0 1rem;gap:0;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000004d;z-index:1000;overflow-y:auto}.navbar-menu.active{transform:translate(0)}.navbar-menu li{width:100%;margin:0}.navbar-menu li a{display:block;padding:1.125rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.125rem;font-weight:500;text-align:right;color:#fff;transition:all .3s ease;letter-spacing:.3px}.navbar-menu li a:hover{transform:translate(-5px);background-color:#ffffff26;padding-right:1.75rem}.navbar-menu li a.active{background-color:#fff3;font-weight:600}.navbar-menu li:last-child a{border-bottom:none}}.home{min-height:calc(100vh - 82px);background-image:url(/%D7%A8%D7%A7%D7%A2%20%D7%A2%D7%9E%D7%95%D7%93%20%D7%91%D7%99%D7%AA.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.home:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,rgba(52,73,94,.5) 0%,rgba(52,73,94,.3) 30%,rgba(52,73,94,.15) 60%,transparent 100%);z-index:0;pointer-events:none}.home-overlay{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;z-index:1}.home-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#0000004d,#0006);border-radius:16px;z-index:-1}.welcome-content{text-align:center;padding:4rem 3rem;position:relative;z-index:2}.welcome-title{color:#fff;font-size:3rem;margin:0;font-weight:700;line-height:1.4;text-shadow:2px 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5),0 0 40px rgba(0,0,0,.3);letter-spacing:.5px;animation:fadeInUp 1s ease-out}@media(max-width:768px){.home{padding:3rem 1.5rem;background-attachment:scroll;min-height:calc(100vh - 64px)}.welcome-content{padding:3rem 2rem}.welcome-title{font-size:2rem;line-height:1.3}}@media(max-width:480px){.home{padding:2rem 1rem}.welcome-content{padding:2rem 1.5rem}.welcome-title{font-size:1.5rem;line-height:1.2}}.business-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid #e0e0e0}.business-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.business-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.business-name{margin:0;font-size:1.1rem;color:#2c3e50;font-weight:600}.business-field-emphasized{color:#3498db;font-size:.9rem;font-weight:700}.business-card-body{display:flex;flex-direction:column;gap:.75rem}.business-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.info-label{font-weight:600;color:#7f8c8d;font-size:.9rem}.phone-actions{display:flex;gap:.75rem;align-items:center}.phone-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;text-decoration:none;transition:all .2s;cursor:pointer}.phone-icon svg{width:18px;height:18px}.phone-call{background-color:#3498db;color:#fff}.phone-call:hover{background-color:#2980b9;transform:scale(1.1)}.whatsapp{background-color:#25d366;color:#fff}.whatsapp:hover{background-color:#20ba5a;transform:scale(1.1)}.business-city{color:#2c3e50;font-size:.9rem}.business-notes{margin-top:.5rem}.business-notes p{margin:.5rem 0 0;color:#555;line-height:1.5;font-size:.85rem}@media(max-width:768px){.business-card{padding:1rem}.business-card-header{flex-direction:column;align-items:flex-start}.business-name{font-size:1.1rem}}.loader{display:flex;justify-content:center;align-items:center}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loader-small .spinner{width:16px;height:16px;border-width:2px}.loader-medium .spinner{width:40px;height:40px;border-width:3px}.loader-large .spinner{width:60px;height:60px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.city-autocomplete-wrapper,.city-autocomplete-input-wrapper{position:relative;width:100%}.city-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box;direction:rtl}.city-input:focus{outline:none;border-color:#3498db}.city-input.error{border-color:#e74c3c}.loading-indicator{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.city-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin:0;padding:0;list-style:none;direction:rtl}.city-name{font-weight:500;color:#2c3e50}.city-district{font-size:.875rem;color:#7f8c8d;margin-right:.5rem}.city-suggestions::-webkit-scrollbar{width:8px}.city-suggestions::-webkit-scrollbar-track{background:#f1f1f1}.city-suggestions::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.city-suggestions::-webkit-scrollbar-thumb:hover{background:#555}.field-autocomplete-wrapper,.field-autocomplete-input-wrapper{position:relative;width:100%}.field-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box;direction:rtl}.field-input:focus{outline:none;border-color:#3498db}.field-input.error{border-color:#e74c3c}.field-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin:0;padding:0;list-style:none;direction:rtl}.suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:#f8f9fa}.field-name{font-weight:500;color:#2c3e50}.no-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;padding:.75rem;color:#7f8c8d;text-align:center;z-index:1000;direction:rtl}.field-suggestions::-webkit-scrollbar{width:8px}.field-suggestions::-webkit-scrollbar-track{background:#f1f1f1}.field-suggestions::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.field-suggestions::-webkit-scrollbar-thumb:hover{background:#555}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;color:#7f8c8d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#2c3e50}.business-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea,.form-group .field-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group .field-input:focus{outline:none;border-color:#3498db}.form-group input.error,.form-group textarea.error,.form-group .field-input.error{border-color:#e74c3c}.business-form-error-message{display:block;color:#e74c3c;font-size:.875rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-primary:disabled{background-color:#95a5a6;cursor:not-allowed}@media(max-width:768px){.modal-content{max-width:100%}.modal-header,.business-form{padding:1rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.search-filter{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-group{flex:1;min-width:200px}.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s;box-sizing:border-box;direction:rtl}.search-input:focus{outline:none;border-color:#3498db}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:#2c3e50;font-weight:500;white-space:nowrap}.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s;min-width:150px;direction:rtl}.filter-select:focus{outline:none;border-color:#3498db}.searchable-select-wrapper{position:relative;min-width:150px}.filter-select-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.filter-select-input{width:100%;padding:.75rem .75rem .75rem 2rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;cursor:text;transition:border-color .2s;direction:rtl;text-align:right;box-sizing:border-box}.filter-select-input:hover{border-color:#3498db}.filter-select-input:focus{outline:none;border-color:#3498db}.dropdown-arrow{position:absolute;left:.75rem;font-size:.75rem;color:#666;pointer-events:none}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:1000;direction:rtl;max-height:300px;display:flex;flex-direction:column}.select-options{max-height:300px;overflow-y:auto;direction:rtl}.select-option{width:100%;padding:.75rem;border:none;background-color:#fff;text-align:right;cursor:pointer;font-size:1rem;transition:background-color .2s;direction:rtl}.select-option:hover{background-color:#f5f5f5}.select-option.highlighted,.select-option.highlighted:hover{background-color:#e8f4f8}.select-option.selected{background-color:#3498db;color:#fff}.select-option.selected:hover{background-color:#2980b9}.select-option.selected.highlighted{background-color:#2980b9;color:#fff}.select-no-results{padding:.75rem;text-align:center;color:#999;font-size:.9rem;direction:rtl}@media(max-width:768px){.search-filter{flex-direction:column}.search-group,.filter-group{width:100%}.filter-group{flex-direction:column;align-items:flex-start}.filter-select,.searchable-select-wrapper{width:100%}.select-dropdown{left:0;right:0}}.businesses-page{min-height:calc(100vh - 80px);background-color:#f5f7fa;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.businesses-header{text-align:center;margin-bottom:2rem}.businesses-header h1{color:#2c3e50;font-size:2.5rem;margin:0 0 .5rem}.subtitle{color:#7f8c8d;font-size:1.1rem;margin:0}.actions-bar{display:flex;justify-content:center;margin-bottom:2rem}.add-business-btn{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-business-btn:hover{background-color:#2980b9}.businesses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.no-results{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}.loading,.error-message{text-align:center;padding:3rem;font-size:1.1rem}.loading{color:#3498db}.error-message{color:#e74c3c}@media(min-width:769px)and (max-width:1024px){.businesses-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.businesses-page{padding:1rem 0}.businesses-header h1{font-size:2rem}.subtitle{font-size:1rem}.businesses-grid{grid-template-columns:repeat(2,1fr)}.add-business-btn{width:100%;padding:.875rem 1.5rem}}@media(max-width:580px){.businesses-grid{grid-template-columns:1fr;gap:1rem}}.admin{min-height:calc(100vh - 80px);background-color:#f5f7fa;padding:2rem 0}.admin-container{max-width:1200px;margin:0 auto;padding:0 1rem}.login-card{max-width:400px;margin:4rem auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.login-card h2{margin:0 0 1.5rem;color:#2c3e50;text-align:center}.login-card form{display:flex;flex-direction:column;gap:1.5rem}.login-card .form-group{display:flex;flex-direction:column;gap:.5rem}.login-card label{color:#2c3e50;font-weight:500}.login-card input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.login-card input:focus{outline:none;border-color:#3498db}.login-error-message{color:#e74c3c;font-size:.875rem;text-align:center}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-header h1{color:#2c3e50;margin:0}.admin-actions{display:flex;gap:1rem}.admin-search-container{margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;direction:rtl}.admin-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.businesses-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.businesses-table{width:100%;border-collapse:collapse}.businesses-table thead{background-color:#2c3e50;color:#fff}.businesses-table th{padding:1rem;text-align:right;font-weight:600;white-space:nowrap}.businesses-table td{padding:1rem;border-bottom:1px solid #e0e0e0;text-align:right}.businesses-table tbody tr:hover{background-color:#f8f9fa}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-edit,.btn-delete{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.btn-edit{background-color:#3498db;color:#fff}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b}.no-data{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:500}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#ecf0f1;color:#2c3e50}.btn-secondary:hover{background-color:#bdc3c7}@media(max-width:768px){.admin{padding:1rem 0}.admin-header{flex-direction:column;align-items:stretch}.admin-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.businesses-table-container{overflow-x:auto}.businesses-table{min-width:600px}.action-buttons{flex-direction:column}.btn-edit,.btn-delete{width:100%}}.not-found{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.not-found:before{content:"";position:absolute;inset:0;background:url(/%D7%A8%D7%A7%D7%A2%20%D7%A2%D7%9E%D7%95%D7%93%20%D7%91%D7%99%D7%AA.jpg) center/cover;opacity:.3;z-index:0}.not-found-content{text-align:center;position:relative;z-index:1;background:#fffffff2;padding:4rem 3rem;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;animation:fadeInUp .6s ease-out}.not-found-title{font-size:8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.not-found-subtitle{font-size:2.5rem;color:#2c3e50;margin:0 0 1rem;font-weight:600}.not-found-message{font-size:1.2rem;color:#5a6c7d;margin:0 0 2.5rem;line-height:1.6}.not-found-link{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #667eea66}.not-found-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.not-found-link:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.not-found{padding:3rem 1.5rem;min-height:calc(100vh - 64px)}.not-found-content{padding:3rem 2rem}.not-found-title{font-size:6rem}.not-found-subtitle{font-size:2rem}.not-found-message{font-size:1.1rem}}@media(max-width:480px){.not-found{padding:2rem 1rem}.not-found-content{padding:2.5rem 1.5rem}.not-found-title{font-size:4.5rem}.not-found-subtitle{font-size:1.5rem}.not-found-message{font-size:1rem;margin-bottom:2rem}.not-found-link{padding:.875rem 2rem;font-size:1rem}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}