.message[data-v-90190c36]{padding:15px;border-radius:8px;margin-bottom:20px}.message.info[data-v-90190c36]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message.success[data-v-90190c36]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-90190c36]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading[data-v-90190c36]{text-align:center;padding:20px}.spinner[data-v-90190c36]{border:4px solid #f3f3f3;border-top:4px solid #4facfe;border-radius:50%;width:40px;height:40px;animation:spin-90190c36 1s linear infinite;margin:0 auto 10px}@keyframes spin-90190c36{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.building-grid[data-v-90190c36]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.building-card[data-v-90190c36]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.building-title[data-v-90190c36]{font-size:1.3em;font-weight:600;color:#333;margin-bottom:15px;text-align:center;padding:10px;background:#5ba8e6;color:#fff;border-radius:8px;width:50%;margin-left:auto;margin-right:auto}.room-grid[data-v-90190c36]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.room-item[data-v-90190c36]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px 8px;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;transition:all .3s ease;font-size:14px}.room-item[data-v-90190c36]:hover{background:#4facfe;color:#fff;transform:translateY(-2px)}.room-number[data-v-90190c36]{font-weight:700;color:#333;margin-bottom:4px}.pending-count[data-v-90190c36]{background:#dc3545;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;line-height:1.2}.bill-modal[data-v-90190c36]{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.bill-modal-content[data-v-90190c36]{background-color:#fff;margin:auto;padding:20px;border-radius:10px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.bill-modal-header[data-v-90190c36]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.bill-modal-title[data-v-90190c36]{font-size:1.5em;font-weight:700;color:#333}.copy-bill-info-btn[data-v-90190c36]{background:#4facfe;color:#fff;border:none;border-radius:5px;font-size:14px;padding:4px 10px;cursor:pointer;transition:background .2s}.copy-bill-info-btn[data-v-90190c36]:hover{background:#007bff}.bill-item[data-v-90190c36]{border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:10px;background:#f9f9f9}.bill-item.paid[data-v-90190c36]{background:#f0f8f0;border-color:#28a745}.bill-item.pending[data-v-90190c36]{background:#fff8e1;border-color:#ffc107}.bill-header[data-v-90190c36]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bill-period[data-v-90190c36]{font-weight:700;color:#333}.bill-amount[data-v-90190c36]{font-size:1.1em;font-weight:700;color:#e74c3c}.bill-details[data-v-90190c36]{font-size:14px;color:#666}.bill-status[data-v-90190c36]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.bill-status.paid[data-v-90190c36]{background:#28a745;color:#fff}.bill-status.pending[data-v-90190c36]{background:#ffc107;color:#212529}.offline-payment-btn[data-v-90190c36]{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#333;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 4px rgba(255,193,7,.3)}.offline-payment-btn[data-v-90190c36]:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,193,7,.4)}@media (max-width:768px){.building-grid[data-v-90190c36]{grid-template-columns:1fr}.room-grid[data-v-90190c36]{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.btn[data-v-90190c36]{background-color:#e6f0fa;color:#3b82f6;border-radius:20px;border:none;padding:8px 20px;box-shadow:0 2px 4px rgba(59,130,246,.1);transition:all .3s ease;font-weight:500;width:auto;cursor:pointer}.btn[data-v-90190c36]:hover{background-color:#d1e0f7;box-shadow:0 4px 6px rgba(59,130,246,.15);transform:translateY(-1px)}.btn[data-v-90190c36]:active{transform:translateY(0);box-shadow:0 2px 3px rgba(59,130,246,.1)}