.dashboard-header{background:#fff;padding:15px 25px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:20px}.back-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.page-title{margin:0;font-size:22px;font-weight:700;color:#1f2937}.building-name{font-size:16px;color:#6b7280;font-weight:500}.header-actions{display:flex;align-items:center;gap:15px}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.header-user{text-align:right}.user-display{font-size:14px;color:#6b7280}.search-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:10px;width:100%;max-width:100%}.search-container input{flex:1;padding:10px 15px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s}.search-container input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-container button{background:#ef4444;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.search-container button:hover{background:#dc2626}.clear-filters-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;margin-left:10px}.clear-filters-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.results-counter{font-size:14px;color:#6b7280;white-space:nowrap}.tabs-container{background:#fff;padding:15px 20px;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;flex-wrap:wrap}.tab-btn{background:#f3f4f6;color:#6b7280;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{background:#e5e7eb}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tab-btn .badge{background:#fff3;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.tab-btn.active .badge{background:#ffffff4d}.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 350px)}.directory-table{width:100%;border-collapse:collapse;display:table;background:#fff;table-layout:fixed}.directory-table thead{display:table-header-group;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #CBD5E1;position:sticky;top:0;z-index:10}.directory-table th{display:table-cell;padding:14px 12px;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;border-right:1px solid #E2E8F0;vertical-align:middle;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.directory-table th:last-child{border-right:none}.directory-table tbody{display:table-row-group}.directory-table tbody tr{display:table-row;border-bottom:1px solid #F1F5F9;transition:all .2s ease;cursor:pointer}.directory-table tbody tr:hover{background:#f8fafc}.directory-table td{display:table-cell;padding:12px;font-size:.875rem;color:#374151;border-right:1px solid #F1F5F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.directory-table td:last-child{border-right:none}.directory-row.highlight-new{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background:transparent}50%{background:#fef3c7}}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-committee{background:#ede9fe;color:#5b21b6;border:1px solid #8B5CF6}.badge-building{background:#ccfbf1;color:#115e59;border:1px solid #14B8A6}.badge-plumbing{background:#dbeafe;color:#1e40af;border:1px solid #3B82F6}.badge-electrical{background:#fef3c7;color:#92400e;border:1px solid #F59E0B}.badge-hvac{background:#e0e7ff;color:#3730a3;border:1px solid #818CF8}.badge-carpentry{background:#fed7aa;color:#92400e;border:1px solid #FB923C}.badge-painting{background:#fce7f3;color:#9f1239;border:1px solid #F472B6}.badge-cleaning{background:#d1fae5;color:#065f46;border:1px solid #10B981}.badge-appliances{background:#e9d5ff;color:#6b21a8;border:1px solid #A855F7}.badge-general{background:#f3f4f6;color:#374151;border:1px solid #9CA3AF}.badge-other{background:#f3f4f6;color:#374151}.badge-approved{background:#d1fae5;color:#065f46;border:1px solid #10B981}.badge-rejected{background:#fee2e2;color:#dc2626;border:1px solid #EF4444}.lot-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-weight:500;color:#333;white-space:nowrap}.lot-badge-assistance{background-color:pink}.lot-badge-medical{background-color:#b0e0e6}.lot-badge-split{background:linear-gradient(90deg,pink 50%,#b0e0e6 50%)}.lot-badge-pet{background-color:#ffd4a3}.lot-badge-assistance-animal{background-color:#c3e6cb}.lot-badge-empty{padding:0;width:16px;height:16px;border-radius:50%;min-width:16px;vertical-align:middle}.status-indicators{display:inline-block;margin-left:20px}.status-label{margin-right:8px;color:#666;font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-right:8px;border-radius:12px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap}.status-badge .badge-text{font-weight:700}.status-badge .badge-count{font-weight:500;opacity:.8}.badge-assistance{background-color:pink}.badge-medical{background-color:#b0e0e6}.badge-pet{background-color:#ffd4a3}.badge-assistance-animal{background-color:#c3e6cb}.status-badge:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.status-badge-active{box-shadow:0 0 0 3px #0003;transform:scale(1.15);font-weight:700}.modal-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99999;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:100000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:sticky;top:0;z-index:1}.modal-header h2{margin:0;font-size:22px;color:#1f2937;flex:1}.modal-actions{display:flex;gap:10px;align-items:center}.edit-btn,.delete-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:25px}.detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section h3{margin:0 0 15px;font-size:16px;color:#4f46e5;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#1f2937;font-weight:500}.loading-state{text-align:center;padding:60px 20px}.spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.dashboard-header{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.tabs-container{overflow-x:auto;flex-wrap:nowrap}}