.company-card,.empty-state{box-shadow:0 5px 15px var(--shadow)}.filter-container select,.search-container input,.view-details{font-family:Tajawal,sans-serif;transition:var(--transition)}.close-modal,.company-card,.filter-container select,.search-container button,.search-container input,.view-details,.website-link{transition:var(--transition)}.companies-directory{padding:80px 0;background-color:var(--gray);min-height:80vh}.search-container input{width:100%;padding:15px 50px 15px 20px;border:2px solid #ddd;border-radius:var(--radius);font-size:1.1rem;background:var(--background);color:var(--text)}.filter-container select:focus,.search-container input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 4px rgba(244,80,24,.2)}.search-container button{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer}.company-meta-item i,.company-name,.search-container button:hover{color:var(--primary)}.companies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.company-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(244,80,24,.1);display:flex;flex-direction:column}.company-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.company-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:15px}.company-logo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light)}.company-name{font-size:1.4rem;font-weight:700;margin:0}.company-body{padding:20px;flex-grow:1}.company-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.company-meta-item{display:flex;align-items:center;gap:5px;font-size:.9rem;color:var(--text-light)}.company-description{color:var(--text);margin-bottom:20px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.company-footer{padding:15px 20px;background:rgba(244,80,24,.05);display:flex;justify-content:space-between;align-items:center}.view-details{background:var(--primary);color:#fff;border:none;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:.9rem}.empty-state,.modal-content{border-radius:var(--radius-lg)}.view-details:hover{background:var(--primary-dark);transform:translateY(-2px)}.website-link{color:var(--primary);text-decoration:none;font-size:.9rem}.website-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);margin-top:30px}.empty-content{max-width:500px;margin:0 auto}.empty-state i{font-size:4rem;color:var(--primary);margin-bottom:20px;opacity:.7}.empty-state h3{font-size:1.8rem;margin-bottom:15px;color:var(--primary)}.empty-state p{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;overflow-y:auto;backdrop-filter:blur(5px)}.modal-content{background:var(--background);margin:50px auto;max-width:800px;width:90%;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden;position:relative;animation:.3s modalFadeIn}@keyframes modalFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-modal{position:absolute;top:15px;left:15px;font-size:2rem;color:var(--text-light);background:0 0;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.filter-container,.search-container{position:relative}.company-info,.modal-header{border-bottom:1px solid rgba(0,0,0,.05)}.close-modal:hover{color:var(--primary);background:rgba(244,80,24,.1)}.modal-header{padding:30px;text-align:center;background:linear-gradient(135deg,rgba(244,80,24,.1) 0,rgba(255,255,255,0) 100%)}.modal-header img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-bottom:20px}.modal-header h2{font-size:2rem;color:var(--primary);margin:0}.modal-body{padding:30px}.company-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;padding-bottom:20px}.info-item{display:flex;align-items:center;gap:10px;font-size:1.1rem}.info-item i{color:var(--primary);font-size:1.3rem}.company-description h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary)}.company-description p{line-height:1.8;color:var(--text);font-size:1.1rem}@media (max-width:768px){.directory-controls{flex-direction:column;align-items:stretch}.filter-container,.filter-container select,.search-container{width:100%}.companies-list,.company-info{grid-template-columns:1fr}.modal-content{margin:20px auto}.modal-body,.modal-header{padding:20px}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.fade-in.appear{opacity:1;transform:translateY(0)}.directory-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.filter-group{display:flex;gap:15px}.filter-container select{padding:15px 20px;border:2px solid #ddd;border-radius:var(--radius);font-size:1.1rem;background:var(--background);color:var(--text);min-width:200px}@media (max-width:768px){.directory-controls{flex-direction:column;align-items:stretch}.filter-container,.filter-container select,.filter-group,.search-container{width:100%}.filter-group{flex-direction:column;gap:15px}}