.search-container{max-width:600px;margin:40px auto;padding:20px;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;direction:rtl;box-sizing:border-box}.search-container input{width:100%;padding:10px 14px;border:1.5px solid #dcdcdc;border-radius:8px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.search-container input:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff4d}.search-container ul{list-style:none;margin:15px 0 0;padding:0;max-height:180px;overflow-y:auto;border-top:1px solid #eee}.search-container li{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease;font-size:14px;line-height:1.4;display:flex;justify-content:space-between;align-items:center}.search-container li:hover{background-color:#f8f9fa}.search-container .tag{font-size:11px;background:#e8f0ff;color:#0366d6;padding:3px 7px;border-radius:6px;text-transform:capitalize}.search-container li p{margin:0;font-size:13px;color:#666}.search-container ul::-webkit-scrollbar{width:6px}.search-container ul::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.search-container ul::-webkit-scrollbar-thumb:hover{background:#aaa}.login-wrapper{max-width:350px;margin:80px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 0 12px #0000001a;text-align:center;direction:rtl;font-family:Arial,sans-serif}.login-wrapper h2{margin-bottom:20px;font-size:22px;color:#333}.login-wrapper form{display:flex;flex-direction:column;gap:12px}.login-wrapper input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:15px;outline:none;transition:.2s}.login-wrapper input:focus{border-color:#666}.login-wrapper button{padding:12px;background:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:.2s}.login-wrapper button:hover{background:#357ac8}.login-wrapper p{margin-bottom:10px;font-size:14px}.logout-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;background:#4a4df1;color:#fff;transition:.2s}.logout-btn:hover{background:#d84333}.card-wrapper{max-width:1100px;margin:40px auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 35px #00000014;direction:rtl}.card-title{font-size:28px;font-weight:800;margin-bottom:18px;color:#1e293b}.more-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;position:relative}.action-btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-size:14px;transition:.2s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb4d}.action-btn.danger{background:#dc2626}.actions1{margin-top:20px;display:flex;gap:12px}.dropdown{position:absolute;top:48px;right:0;background:#fff;border-radius:12px;box-shadow:0 12px 28px #00000026;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:220px;z-index:40}.apartments-list{background:#f9fafb;padding:16px;border-radius:14px;margin-bottom:24px}.apartment-btn{background:#e5e7eb;border:none;border-radius:8px;padding:6px 12px;margin:4px;cursor:pointer}.apartment-btn.active{background:#2563eb;color:#fff}.apartment-tenants{margin-top:14px;padding:10px;background:#eef2ff;border-radius:10px}.card-wrapper>p,.card-wrapper>div>p{font-size:14px;margin:6px 0;color:#334155}.card-wrapper a{color:#2563eb;text-decoration:none;font-weight:600}.card-wrapper a:hover{text-decoration:underline}.tabs{display:flex;gap:8px;margin-top:24px;border-bottom:1px solid #e5e7eb}.tab{padding:10px 16px;border:none;background:none;cursor:pointer;font-weight:700;color:#64748b}.tab.active{color:#2563eb;border-bottom:3px solid #2563eb}.tab-content{margin-top:18px;background:#f9fafb;padding:16px;border-radius:14px}.list-item{background:#fff;padding:10px 12px;border-radius:10px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 2px 6px #0000000d}.delete-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:12px}.modal{position:fixed!important;inset:0!important;width:100vw;height:100vh;background:#000000a6;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important}.modal-content{background:#fff;padding:26px;border-radius:18px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important}.apartment-modal{max-width:700px}.modal-content h2{margin-bottom:16px}.modal-content label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px}.modal-content input{padding:8px 10px;border-radius:8px;border:1px solid #cbd5f5}.modal-actions{margin-top:14px;display:flex;gap:10px}.modal-actions button{flex:1;border:none;border-radius:10px;padding:10px;cursor:pointer;font-weight:700}.modal-actions button:first-child{background:#22c55e;color:#fff}.modal-actions button:last-child{background:#e5e7eb}.switch{position:relative;display:inline-block;width:52px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:26px;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;right:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(-26px)}.charges-table{width:100%;border-collapse:collapse;margin-top:16px;font-family:Arial,sans-serif;background:#fff;box-shadow:0 4px 10px #00000014;border-radius:10px;overflow:hidden}.charges-table thead{background:#2c3e50;color:#fff}.charges-table th,.charges-table td{padding:12px 10px;text-align:center;border-bottom:1px solid #eee}.charges-table th{font-weight:600;font-size:14px}.charges-table tbody tr:nth-child(2n){background:#f8f9fa}.charges-table tbody tr:hover{background:#eef3ff;transition:.2s}.delete-btn{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px;transition:.2s}.delete-btn:hover{background:#c0392b;transform:scale(1.05)}.building-info-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000014}.building-info-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;font-size:14px}.building-info-table tr:last-child td{border-bottom:none}.building-info-table td:first-child{background:#f1f5f9;font-weight:700;color:#1e293b;width:35%}.building-info-table td:last-child{background:#fff;color:#334155}.error-text{color:#e63946;font-size:.9rem;margin-top:-8px;margin-bottom:8px;text-align:right}.upload-container{max-width:600px;margin:50px auto;background:#f8f9fa;padding:20px;border-radius:15px;box-shadow:0 0 10px #ccc;text-align:right}.upload-container h2{margin-bottom:20px;color:#333}.upload-form label{display:block;margin-bottom:15px;font-weight:700}.upload-form input,.upload-form textarea{width:100%;margin-top:5px;padding:8px;border-radius:6px;border:1px solid #ccc}.upload-form button{margin-top:15px;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;background-color:#007bff;color:#fff;font-weight:700}.upload-form button:hover{background-color:#0056b3}.service-page{direction:rtl;max-width:1000px;margin:40px auto;padding:20px;font-family:Assistant,sans-serif}h2{text-align:center;color:#222;margin-bottom:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toolbar input{flex:1;margin-left:10px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px}.open-modal-btn{background:#007bff;color:#fff;border:none;border-radius:6px;padding:10px 16px;cursor:pointer;transition:.2s}.open-modal-btn:hover{background:#0056b3}.service-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.service-table th{background:#007bff;color:#fff;padding:10px}.service-table td{text-align:center;padding:8px;border-bottom:1px solid #eee}.service-table tr:hover{background:#f7f9ff}.edit,.delete{border:none;background:none;cursor:pointer;font-size:18px;transition:.2s}.edit:hover{color:#007bff}.delete:hover{color:#dc3545}.no-calls{text-align:center;color:#666;font-size:16px;background:#f5f5f5;padding:20px;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:#fff;width:600px;max-width:90%;max-height:85vh;border-radius:12px;padding:30px 30px 20px;box-shadow:0 6px 15px #00000040;overflow-y:auto;animation:fadeIn .3s ease;position:relative;display:flex;flex-direction:column;align-items:center}.modal h3{text-align:center;font-size:22px;font-weight:600;color:#222;margin-bottom:20px;border-bottom:2px solid #007bff;padding-bottom:8px;width:100%}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;width:100%}.modal label{font-weight:500;color:#333;font-size:14px}.modal input,.modal select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border .2s;width:100%}.modal input:focus,.modal select:focus{border-color:#007bff;outline:none}.modal-buttons{grid-column:span 2;display:flex;justify-content:center;margin-top:25px;gap:12px}.save-btn{background:#007bff;color:#fff;border:none;border-radius:6px;padding:10px 18px;cursor:pointer;transition:background .2s}.save-btn:hover{background:#0056b3}.cancel-btn{background:#ccc;color:#333;border:none;border-radius:6px;padding:10px 18px;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:#bbb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem}.form-title{font-size:1.6rem;margin-bottom:1rem;color:#1e293b}.form-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 2px 10px #00000014;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem}.form-message{font-size:.85rem;margin-top:4px}.form-message.error{color:#dc2626}.form-message.success{color:#16a34a}.submit-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:.8rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}body{background:#f8fafc;font-family:Heebo,sans-serif}.form-wrapper{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem}.form-title{font-size:1.8rem;margin-bottom:1.5rem;color:#1e293b;text-align:center}.form-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 2px 12px #00000014;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.3rem;color:#334155;font-weight:500}.form-input{padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.submit-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:.9rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb40}.cancel-btn{background:#f1f5f9;color:#1e293b;padding:.9rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:#e2e8f0}
